/* Minification failed. Returning unminified contents.
(1314,1): run-time error CSS1019: Unexpected token, found '@import'
(1314,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap')'
(1356,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(1370,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(1639,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2014,17): run-time error CSS1039: Token not allowed after unary operator: '-iconSize'
(2015,18): run-time error CSS1039: Token not allowed after unary operator: '-iconSize'
(2649,30): run-time error CSS1046: Expect comma, found '34'
(2649,36): run-time error CSS1046: Expect comma, found '/'
(2944,17): run-time error CSS1038: Expected hex color, found '#fff0'
(3804,5): run-time error CSS1035: Expected colon, found '}'
(4299,6): run-time error CSS1030: Expected identifier, found ' '
(4302,1): run-time error CSS1019: Unexpected token, found '}'
(4404,1): run-time error CSS1019: Unexpected token, found '}'
(4743,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4744,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4757,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4758,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4870,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4874,21): run-time error CSS1039: Token not allowed after unary operator: '-light'
(4914,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4928,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4929,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5003,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(5015,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(5047,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5074,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5086,17): run-time error CSS1039: Token not allowed after unary operator: '-color-afb-black'
(5122,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5132,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5225,22): run-time error CSS1039: Token not allowed after unary operator: '-light'
(5241,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(5257,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5269,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5411,27): run-time error CSS1038: Expected hex color, found '#fff0'
(5449,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(5459,33): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(5467,37): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(5523,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(5624,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(5810,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sm'
(5811,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-dark'
(5815,21): run-time error CSS1039: Token not allowed after unary operator: '-text-xs'
(5883,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5884,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5893,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5894,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5998,21): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(6000,37): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-h'
(6000,58): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-s'
(6000,84): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-l'
(6034,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(6038,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(6039,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(6041,36): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-4'
(6045,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(6046,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(6102,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sm'
(6103,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-dark'
(6107,21): run-time error CSS1039: Token not allowed after unary operator: '-text-xs'
(6175,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6185,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6254,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xxs'
(6259,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xs'
(6264,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-sm'
(6269,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-md'
(6274,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-lg'
(6279,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xl'
(6284,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xxl'
(6292,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6304,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6357,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6367,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6370,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6371,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6384,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6387,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6388,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6389,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6391,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6393,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6394,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6395,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6398,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6399,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6400,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6401,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6402,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6403,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6404,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6405,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6407,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6408,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6410,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6412,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6413,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6415,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6416,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6418,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6419,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6420,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6421,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6424,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6426,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6428,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6429,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6430,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6436,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6438,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6439,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6440,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6441,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6442,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6443,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6444,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6445,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6446,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6447,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6448,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6449,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6450,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6451,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6456,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6461,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6462,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6463,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6464,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6465,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6470,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6471,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6472,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6473,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6474,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6475,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6476,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6477,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6478,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6479,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6480,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6481,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6482,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6483,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6484,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6485,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6548,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(6549,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6550,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6552,39): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-shadow'
(6561,43): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-shadow'
(6591,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(6648,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(6649,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(6651,36): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-4'
(6653,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(6657,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(6658,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(6681,22): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(6690,19): run-time error CSS1039: Token not allowed after unary operator: '-space-md'
(6691,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6692,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6697,25): run-time error CSS1039: Token not allowed after unary operator: '-gray'
(6697,38): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1-s'
(6697,64): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1-l'
(6699,25): run-time error CSS1039: Token not allowed after unary operator: '-text-sm'
(6710,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sm'
(6716,23): run-time error CSS1039: Token not allowed after unary operator: '-space-lg'
(6739,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6740,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6749,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6750,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6765,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(6779,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(6815,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(6860,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(6862,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(6944,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(7130,24): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(7134,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7138,24): run-time error CSS1039: Token not allowed after unary operator: '-color-contrast-low'
(7142,24): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(7146,28): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(7150,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7154,28): run-time error CSS1039: Token not allowed after unary operator: '-color-contrast-low'
(7158,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(7184,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7196,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7208,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7220,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7232,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7244,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7256,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7294,32): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(7337,17): run-time error CSS1039: Token not allowed after unary operator: '-light'
(7343,17): run-time error CSS1039: Token not allowed after unary operator: '-light'
(7373,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(7395,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7406,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7407,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7447,28): run-time error CSS1039: Token not allowed after unary operator: '-photoboxOverlay'
(7448,37): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration'
(7448,90): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration'
(7455,31): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration'
(7461,32): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration'
(7472,31): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration'
(7488,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7489,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7741,28): run-time error CSS1046: Expect comma, found '255'
(7741,36): run-time error CSS1046: Expect comma, found '/'
(8160,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8170,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(8171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8180,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8295,38): run-time error CSS1046: Expect comma, found '0'
(8295,42): run-time error CSS1046: Expect comma, found '/'
(8475,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8477,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8486,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(8488,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8497,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8499,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8808,36): run-time error CSS1046: Expect comma, found '62'
(8808,42): run-time error CSS1046: Expect comma, found '/'
(9471,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9473,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9489,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9491,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9507,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9509,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9535,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9537,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9553,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9555,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9568,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9570,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9590,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9592,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9608,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9610,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9623,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9625,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10256,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(10257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10282,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10334,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10740,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2'
(10745,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2'
(11342,24): run-time error CSS1046: Expect comma, found '255'
(11342,32): run-time error CSS1046: Expect comma, found '/'
(11440,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11441,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11442,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11451,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(11452,27): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(11463,42): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(11464,34): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(11469,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(11470,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(11475,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(11476,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(11481,32): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(11482,24): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(11487,37): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(11488,29): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(11493,37): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(11494,29): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(11499,37): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(11500,29): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(11505,37): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(11506,29): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(11511,40): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(11512,32): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(11517,40): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(11518,32): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(11523,40): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(11524,32): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(11529,40): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(11530,32): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(11547,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11548,6): run-time error CSS1035: Expected colon, found ','
(11585,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11586,6): run-time error CSS1035: Expected colon, found ','
(11629,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11630,6): run-time error CSS1035: Expected colon, found ','
(11641,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11642,6): run-time error CSS1035: Expected colon, found ','
(11658,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11659,7): run-time error CSS1035: Expected colon, found '{'
(11674,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11675,7): run-time error CSS1035: Expected colon, found '{'
(11696,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11697,7): run-time error CSS1035: Expected colon, found '{'
(11732,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11733,7): run-time error CSS1035: Expected colon, found '{'
(11772,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11773,6): run-time error CSS1035: Expected colon, found ','
(11796,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11797,6): run-time error CSS1035: Expected colon, found ','
(11824,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11825,6): run-time error CSS1035: Expected colon, found ','
(11848,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11849,6): run-time error CSS1035: Expected colon, found ','
(11876,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11877,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11907,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11908,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11944,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11945,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(11970,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11971,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(12002,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12003,7): run-time error CSS1035: Expected colon, found '{'
(12034,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12035,7): run-time error CSS1035: Expected colon, found '{'
(12071,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12072,7): run-time error CSS1035: Expected colon, found '{'
(12107,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12108,7): run-time error CSS1035: Expected colon, found '{'
(12147,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12148,6): run-time error CSS1035: Expected colon, found ','
(12190,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12191,6): run-time error CSS1035: Expected colon, found ','
(12239,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12240,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12265,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12266,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12296,40): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(12297,32): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(12302,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12303,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12321,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12322,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12344,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12345,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12363,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12364,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12386,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12387,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12405,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12406,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12428,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12429,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12447,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12448,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12471,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12472,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12490,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12491,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12513,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12514,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12532,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12533,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12555,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12556,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12574,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12575,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12597,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12598,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12616,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12617,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12640,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12641,6): run-time error CSS1035: Expected colon, found ','
(12684,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12685,6): run-time error CSS1035: Expected colon, found ','
(12731,40): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(12732,32): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(12736,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12737,6): run-time error CSS1035: Expected colon, found ','
(12773,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12774,6): run-time error CSS1035: Expected colon, found ','
(12814,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12815,6): run-time error CSS1035: Expected colon, found ','
(12851,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12852,6): run-time error CSS1035: Expected colon, found ','
(12892,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12893,6): run-time error CSS1035: Expected colon, found ','
(12929,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12930,6): run-time error CSS1035: Expected colon, found ','
(12970,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12971,6): run-time error CSS1035: Expected colon, found ','
(13007,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13008,6): run-time error CSS1035: Expected colon, found ','
(13049,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13050,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(13068,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13069,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(13090,40): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(13091,32): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(13095,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13096,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(13114,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13115,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(13137,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13138,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(13150,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13151,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(13167,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13168,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(13180,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13181,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(13197,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13198,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(13216,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13217,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(13240,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13241,7): run-time error CSS1035: Expected colon, found '{'
(13249,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13250,7): run-time error CSS1035: Expected colon, found '{'
(13262,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13263,7): run-time error CSS1035: Expected colon, found '{'
(13275,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13276,7): run-time error CSS1035: Expected colon, found '{'
(13292,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13293,7): run-time error CSS1035: Expected colon, found '{'
(13305,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13306,7): run-time error CSS1035: Expected colon, found '{'
(13322,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13323,7): run-time error CSS1035: Expected colon, found '{'
(13335,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13336,7): run-time error CSS1035: Expected colon, found '{'
(13352,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13353,7): run-time error CSS1035: Expected colon, found '{'
(13365,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13366,7): run-time error CSS1035: Expected colon, found '{'
(13382,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13383,7): run-time error CSS1035: Expected colon, found '{'
(13395,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13396,7): run-time error CSS1035: Expected colon, found '{'
(13412,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13413,7): run-time error CSS1035: Expected colon, found '{'
(13425,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13426,7): run-time error CSS1035: Expected colon, found '{'
(13442,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13443,7): run-time error CSS1035: Expected colon, found '{'
(13455,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13456,7): run-time error CSS1035: Expected colon, found '{'
(13472,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13473,7): run-time error CSS1035: Expected colon, found '{'
(13485,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13486,7): run-time error CSS1035: Expected colon, found '{'
(13502,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13503,7): run-time error CSS1035: Expected colon, found '{'
(13514,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13515,7): run-time error CSS1035: Expected colon, found '{'
(13530,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13531,7): run-time error CSS1035: Expected colon, found '{'
(13542,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13543,7): run-time error CSS1035: Expected colon, found '{'
(13558,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13559,7): run-time error CSS1035: Expected colon, found '{'
(13570,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13571,7): run-time error CSS1035: Expected colon, found '{'
(13586,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13587,7): run-time error CSS1035: Expected colon, found '{'
(13598,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13599,7): run-time error CSS1035: Expected colon, found '{'
(13615,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13616,7): run-time error CSS1035: Expected colon, found '{'
(13624,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13625,7): run-time error CSS1035: Expected colon, found '{'
(13637,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13638,7): run-time error CSS1035: Expected colon, found '{'
(13648,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13649,7): run-time error CSS1035: Expected colon, found '{'
(13663,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13664,7): run-time error CSS1035: Expected colon, found '{'
(13674,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13675,7): run-time error CSS1035: Expected colon, found '{'
(13689,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13690,7): run-time error CSS1035: Expected colon, found '{'
(13700,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13701,7): run-time error CSS1035: Expected colon, found '{'
(13715,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13716,7): run-time error CSS1035: Expected colon, found '{'
(13726,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13727,7): run-time error CSS1035: Expected colon, found '{'
(13741,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13742,7): run-time error CSS1035: Expected colon, found '{'
(13752,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13753,7): run-time error CSS1035: Expected colon, found '{'
(13767,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13768,7): run-time error CSS1035: Expected colon, found '{'
(13778,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13779,7): run-time error CSS1035: Expected colon, found '{'
(13793,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13794,7): run-time error CSS1035: Expected colon, found '{'
(13804,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13805,7): run-time error CSS1035: Expected colon, found '{'
(13819,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13820,7): run-time error CSS1035: Expected colon, found '{'
(13830,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13831,7): run-time error CSS1035: Expected colon, found '{'
(13845,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13846,7): run-time error CSS1035: Expected colon, found '{'
(13857,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13858,7): run-time error CSS1035: Expected colon, found '{'
(13873,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13874,7): run-time error CSS1035: Expected colon, found '{'
(13885,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13886,7): run-time error CSS1035: Expected colon, found '{'
(13901,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13902,7): run-time error CSS1035: Expected colon, found '{'
(13913,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13914,7): run-time error CSS1035: Expected colon, found '{'
(13929,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13930,7): run-time error CSS1035: Expected colon, found '{'
(13941,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13942,7): run-time error CSS1035: Expected colon, found '{'
(13958,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13959,7): run-time error CSS1035: Expected colon, found '{'
(14000,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14001,7): run-time error CSS1035: Expected colon, found '{'
(14048,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14049,7): run-time error CSS1035: Expected colon, found '{'
(14080,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14081,7): run-time error CSS1035: Expected colon, found '{'
(14118,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14119,7): run-time error CSS1035: Expected colon, found '{'
(14150,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14151,7): run-time error CSS1035: Expected colon, found '{'
(14188,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14189,7): run-time error CSS1035: Expected colon, found '{'
(14206,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14207,7): run-time error CSS1035: Expected colon, found '{'
(14227,40): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(14228,32): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(14234,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14235,7): run-time error CSS1035: Expected colon, found '{'
(14252,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14253,7): run-time error CSS1035: Expected colon, found '{'
(14273,40): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(14274,32): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(14281,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14282,7): run-time error CSS1035: Expected colon, found '{'
(14304,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14305,7): run-time error CSS1035: Expected colon, found '{'
(14333,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14334,7): run-time error CSS1035: Expected colon, found '{'
(14356,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14357,7): run-time error CSS1035: Expected colon, found '{'
(14385,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14386,7): run-time error CSS1035: Expected colon, found '{'
(14396,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14397,7): run-time error CSS1035: Expected colon, found '{'
(14413,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14414,7): run-time error CSS1035: Expected colon, found '{'
(14424,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14425,7): run-time error CSS1035: Expected colon, found '{'
(14442,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14443,7): run-time error CSS1035: Expected colon, found '{'
(14455,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14456,7): run-time error CSS1035: Expected colon, found '{'
(14474,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14475,7): run-time error CSS1035: Expected colon, found '{'
(14487,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14488,7): run-time error CSS1035: Expected colon, found '{'
(14506,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14507,7): run-time error CSS1035: Expected colon, found '{'
(14519,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14520,7): run-time error CSS1035: Expected colon, found '{'
(14538,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14539,7): run-time error CSS1035: Expected colon, found '{'
(14551,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14552,7): run-time error CSS1035: Expected colon, found '{'
(14570,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14571,7): run-time error CSS1035: Expected colon, found '{'
(14583,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14584,7): run-time error CSS1035: Expected colon, found '{'
(14603,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14604,7): run-time error CSS1035: Expected colon, found '{'
(14614,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14615,7): run-time error CSS1035: Expected colon, found '{'
(14631,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14632,7): run-time error CSS1035: Expected colon, found '{'
(14642,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14643,7): run-time error CSS1035: Expected colon, found '{'
(14659,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14660,7): run-time error CSS1035: Expected colon, found '{'
(14670,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14671,7): run-time error CSS1035: Expected colon, found '{'
(14687,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14688,7): run-time error CSS1035: Expected colon, found '{'
(14698,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14699,7): run-time error CSS1035: Expected colon, found '{'
(14715,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14716,7): run-time error CSS1035: Expected colon, found '{'
(14726,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14727,7): run-time error CSS1035: Expected colon, found '{'
(14744,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14745,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14773,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14774,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14805,40): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(14806,32): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(14812,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14813,7): run-time error CSS1035: Expected colon, found '{'
(14837,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14838,7): run-time error CSS1035: Expected colon, found '{'
(14867,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14868,7): run-time error CSS1035: Expected colon, found '{'
(14880,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14881,7): run-time error CSS1035: Expected colon, found '{'
(14898,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14899,7): run-time error CSS1035: Expected colon, found '{'
(14909,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14910,7): run-time error CSS1035: Expected colon, found '{'
(14925,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14926,7): run-time error CSS1035: Expected colon, found '{'
(14936,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14937,7): run-time error CSS1035: Expected colon, found '{'
(14951,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14952,7): run-time error CSS1035: Expected colon, found '{'
(14968,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14969,7): run-time error CSS1035: Expected colon, found '{'
(14989,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14990,7): run-time error CSS1035: Expected colon, found '{'
(15006,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15007,7): run-time error CSS1035: Expected colon, found '{'
(15027,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15028,7): run-time error CSS1035: Expected colon, found '{'
(15044,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15045,7): run-time error CSS1035: Expected colon, found '{'
(15065,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15066,7): run-time error CSS1035: Expected colon, found '{'
(15082,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15083,7): run-time error CSS1035: Expected colon, found '{'
(15104,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15105,7): run-time error CSS1035: Expected colon, found '{'
(15119,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15120,7): run-time error CSS1035: Expected colon, found '{'
(15138,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15139,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(15155,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15156,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(15178,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15179,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(15191,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15192,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(15210,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15211,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(15223,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15224,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(15242,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15243,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(15259,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15260,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(15283,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15284,7): run-time error CSS1035: Expected colon, found '{'
(15295,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15296,7): run-time error CSS1035: Expected colon, found '{'
(15311,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15312,7): run-time error CSS1035: Expected colon, found '{'
(15323,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15324,7): run-time error CSS1035: Expected colon, found '{'
(15339,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15340,7): run-time error CSS1035: Expected colon, found '{'
(15351,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15352,7): run-time error CSS1035: Expected colon, found '{'
(15367,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15368,7): run-time error CSS1035: Expected colon, found '{'
(15379,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15380,7): run-time error CSS1035: Expected colon, found '{'
(15396,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15397,7): run-time error CSS1035: Expected colon, found '{'
(15408,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15409,7): run-time error CSS1035: Expected colon, found '{'
(15424,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15425,7): run-time error CSS1035: Expected colon, found '{'
(15436,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15437,7): run-time error CSS1035: Expected colon, found '{'
(15452,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15453,7): run-time error CSS1035: Expected colon, found '{'
(15464,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15465,7): run-time error CSS1035: Expected colon, found '{'
(15480,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15481,7): run-time error CSS1035: Expected colon, found '{'
(15492,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15493,7): run-time error CSS1035: Expected colon, found '{'
(15525,1640): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15525,1667): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15525,1788): run-time error CSS1019: Unexpected token, found '@keyframes'
(15525,1807): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15643,14): run-time error CSS1039: Token not allowed after unary operator: '-themecolor'
(15663,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(15664,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15671,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15672,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15687,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(15688,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15695,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15696,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(23781,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(23782,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24016,21): run-time error CSS1039: Token not allowed after unary operator: '-light'
(24081,1): run-time error CSS1019: Unexpected token, found '@import'
(24081,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap')'
(24558,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24559,10): run-time error CSS1035: Expected colon, found '{'
(24568,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(24569,10): run-time error CSS1035: Expected colon, found '{'
(24578,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(24579,10): run-time error CSS1035: Expected colon, found '{'
(24598,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24599,10): run-time error CSS1035: Expected colon, found '{'
(26872,39): run-time error CSS1046: Expect comma, found '87'
(26872,46): run-time error CSS1046: Expect comma, found '/'
(36529,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36539,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36540,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37788,82): run-time error CSS1046: Expect comma, found '44'
(37788,88): run-time error CSS1046: Expect comma, found ')'
(38786,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(38788,24): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(38794,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(38796,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(38802,28): run-time error CSS1039: Token not allowed after unary operator: '-success'
(38804,24): run-time error CSS1039: Token not allowed after unary operator: '-success'
(38810,28): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(38812,24): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(38818,28): run-time error CSS1039: Token not allowed after unary operator: '-info'
(38820,24): run-time error CSS1039: Token not allowed after unary operator: '-info'
(38826,28): run-time error CSS1039: Token not allowed after unary operator: '-dark'
(38828,24): run-time error CSS1039: Token not allowed after unary operator: '-dark'
(38834,28): run-time error CSS1039: Token not allowed after unary operator: '-light'
(38836,24): run-time error CSS1039: Token not allowed after unary operator: '-light'
(39352,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(39353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39362,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(39363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39384,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(39385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39398,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(39399,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39431,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(39432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39441,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(39442,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39487,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(39488,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39497,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(39498,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39524,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(39525,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%'
(39542,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(39543,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%'
(39578,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(39579,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39589,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(39590,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39697,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(39698,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39716,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(39717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39756,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(39757,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39810,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(39811,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39827,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(39828,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39876,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(39877,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '17%'
(39908,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(39909,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '17%'
(39940,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(39941,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '17%'
(39972,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(39973,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '17%'
(40037,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(40038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(40055,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(40056,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(40120,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(40121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '33%'
(40137,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(40138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '33%'
(40154,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(40155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '33%'
(40171,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(40172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '33%'
(40188,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(40189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '33%'
(40205,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(40206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '33%'
(40263,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(40264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '33%'
(40283,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(40284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '33%'
(40346,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(40347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(40364,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(40365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(40496,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(40497,10): run-time error CSS1035: Expected colon, found '{'
(40510,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(40511,10): run-time error CSS1035: Expected colon, found '{'
(40529,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(40530,10): run-time error CSS1035: Expected colon, found '{'
(40543,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(40544,10): run-time error CSS1035: Expected colon, found '{'
(40562,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(40563,10): run-time error CSS1035: Expected colon, found '{'
(40576,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(40577,10): run-time error CSS1035: Expected colon, found '{'
(40595,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(40596,10): run-time error CSS1035: Expected colon, found '{'
(40609,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(40610,10): run-time error CSS1035: Expected colon, found '{'
(40628,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(40629,10): run-time error CSS1035: Expected colon, found '{'
(40640,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(40641,10): run-time error CSS1035: Expected colon, found '{'
(40657,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(40658,10): run-time error CSS1035: Expected colon, found '{'
(40669,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(40670,10): run-time error CSS1035: Expected colon, found '{'
(40686,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(40687,10): run-time error CSS1035: Expected colon, found '{'
(40698,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(40699,10): run-time error CSS1035: Expected colon, found '{'
(40715,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(40716,10): run-time error CSS1035: Expected colon, found '{'
(40727,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(40728,10): run-time error CSS1035: Expected colon, found '{'
(42632,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#slideout_inner'
(43439,44): run-time error CSS1046: Expect comma, found '0'
(43439,48): run-time error CSS1046: Expect comma, found '/'
(43440,52): run-time error CSS1046: Expect comma, found '0'
(43440,56): run-time error CSS1046: Expect comma, found '/'
(44794,17): run-time error CSS1039: Token not allowed after unary operator: '-light'
(45125,28): run-time error CSS1039: Token not allowed after unary operator: '-photoboxOverlay'
(45126,37): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration'
(45126,90): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration'
(45133,31): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration'
(45139,32): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration'
(45150,31): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration'
(45170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45222,17): run-time error CSS1039: Token not allowed after unary operator: '-iconSize'
(45223,18): run-time error CSS1039: Token not allowed after unary operator: '-iconSize'
(45250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45261,28): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor'
(45278,26): run-time error CSS1039: Token not allowed after unary operator: '-size'
(45279,27): run-time error CSS1039: Token not allowed after unary operator: '-size'
(45298,35): run-time error CSS1039: Token not allowed after unary operator: '-size'
(45305,21): run-time error CSS1039: Token not allowed after unary operator: '-size'
(45306,22): run-time error CSS1039: Token not allowed after unary operator: '-size'
(45313,30): run-time error CSS1039: Token not allowed after unary operator: '-size'
(45314,26): run-time error CSS1039: Token not allowed after unary operator: '-size'
(45319,41): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor'
(45337,26): run-time error CSS1039: Token not allowed after unary operator: '-size'
(45338,27): run-time error CSS1039: Token not allowed after unary operator: '-size'
(45339,32): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor'
(45345,26): run-time error CSS1039: Token not allowed after unary operator: '-size'
(45346,27): run-time error CSS1039: Token not allowed after unary operator: '-size'
(45360,46): run-time error CSS1039: Token not allowed after unary operator: '-size'
(45363,36): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor'
(45581,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(45709,29): run-time error CSS1038: Expected hex color, found '#0003'
(46222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46226,15): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(46237,15): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(46240,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(46241,10): run-time error CSS1035: Expected colon, found '{'
(46332,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(46391,30): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor'
(46414,22): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor'
(46433,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(46434,8): run-time error CSS1035: Expected colon, found '{'
(46440,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(46441,8): run-time error CSS1035: Expected colon, found '{'
(46526,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46527,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46528,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46529,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46532,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46533,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46534,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46535,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46536,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46537,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46539,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46540,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46545,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46546,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46547,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46548,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46549,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46550,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46551,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46552,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46553,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46554,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46555,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46556,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46557,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46558,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46559,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46560,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46561,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46562,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46563,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46564,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46565,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46566,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46567,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46568,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46569,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46570,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46571,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46572,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46573,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46574,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46575,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46576,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46577,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46578,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46579,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46580,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46581,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46582,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46583,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46584,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46585,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46586,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46587,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46589,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46590,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46591,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46592,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46593,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46594,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46595,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46596,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46597,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46598,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46599,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46600,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46601,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46602,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46603,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46604,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46605,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46606,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46607,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46608,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46609,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46610,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46611,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46612,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46613,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46614,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46615,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46616,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46617,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46618,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46619,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46620,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46621,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46622,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46623,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46624,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46625,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46626,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46627,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46628,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46629,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46630,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46631,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46632,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46633,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46634,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46635,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46636,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46638,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46639,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46640,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46641,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46642,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46643,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46644,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46645,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46646,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46647,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46648,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46649,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46650,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46651,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46652,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46653,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46654,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46655,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46656,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46657,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46658,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46659,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46660,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46661,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46662,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46664,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46665,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46666,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46667,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46668,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46669,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46670,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46671,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46672,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46673,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46674,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46675,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46676,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46677,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46678,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46806,17): run-time error CSS1039: Token not allowed after unary operator: '-color-afb-black'
(46875,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(46885,33): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(46893,37): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(46943,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(47006,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(47126,21): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(47128,37): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-h'
(47128,58): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-s'
(47128,84): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-l'
(47163,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(47172,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(47173,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(47207,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xs'
(47244,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(47245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47248,39): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-shadow'
(47257,43): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-shadow'
(47287,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(47344,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(47345,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(47347,36): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-4'
(47349,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(47353,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(47354,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(47377,22): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(47385,19): run-time error CSS1039: Token not allowed after unary operator: '-space-md'
(47386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47387,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47392,25): run-time error CSS1039: Token not allowed after unary operator: '-gray'
(47392,38): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1-s'
(47392,64): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1-l'
(47394,25): run-time error CSS1039: Token not allowed after unary operator: '-text-sm'
(47401,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sm'
(47407,23): run-time error CSS1039: Token not allowed after unary operator: '-space-lg'
(47435,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(47466,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(47803,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(47804,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(47813,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(47814,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(47823,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(47824,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(47833,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(47834,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(47843,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(47844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(47853,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(47854,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(47863,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(47864,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(47873,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(47874,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(47890,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(47891,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(47904,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(47905,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(47921,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(47922,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(47938,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(47939,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(47952,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(47953,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48205,24): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(48209,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(48213,24): run-time error CSS1039: Token not allowed after unary operator: '-color-contrast-low'
(48217,24): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(48221,28): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(48225,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(48229,28): run-time error CSS1039: Token not allowed after unary operator: '-color-contrast-low'
(48233,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(48258,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(48259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48270,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(48271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48282,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(48283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48294,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(48295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48306,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(48307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48318,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(48319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48330,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(48331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48770,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(48772,33): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-h'
(48772,54): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-s'
(48772,80): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-l'
(49410,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(49411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(49805,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(49806,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(49822,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(49823,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(49837,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(49838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(49867,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(49868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(49926,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(49927,10): run-time error CSS1035: Expected colon, found '{'
(50228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50314,21): run-time error CSS1039: Token not allowed after unary operator: '-GenericFormColor'
(50819,20): run-time error CSS1038: Expected hex color, found '#ffff'
 */
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 10000;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
/*.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}*/

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
	z-index: 9999999991;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 100%;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    font-size: .8em !important;
    font-family: 'Poppins', sans-serif !important;
    letter-spacing: 0.5px;
    background-color: #eef0f5;
}

button {
    font-size: 1em !important;
}

.m-show {
    display: none;
}

.b-show {
    display: block;
}

@media screen and (max-width:768px) {
    .m-show {
        display: block;
    }

    .b-show {
        display: none;
    }
}

/* icon fa margin */
.fa.one {
    margin-left: 5px;
}

.btn-group svg {
    font-size: 16px;
}

.button.button-regular.one {
    width: 100%;
    color: var(--cd-color-1);
    text-transform: none;
    font-weight: 400;
    letter-spacing: 0.5px;
    padding-top: 0 !important;
    background-color: #98acbd00;
    border: none;
    font-size: .7em !important;
    margin: 0;
    color: black !important;
}

.button.button-regular.two {
    width: 100%;
    color: var(--cd-color-1);
    text-transform: none;
    font-weight: 400;
    letter-spacing: 0.5px;
    padding-top: 0 !important;
    background-color: #98acbd00;
    border: none;
    font-size: .8em !important;
    margin: 0;
    color: white !important;
}

.button.button-regular {
    padding: 4px 8px;
    font-size: 11px;
    line-height: 24px;
    margin: 0;
    color: white;
    margin-right: 5px;
    white-space: initial;
    overflow: hidden;
}

.afb-wrapper {
    background-color: #070707 !important;
}

/* images grey icon to white icon */
img.icon-images {
    filter: brightness(0) invert(1);
}

.carousel-indicators {
    display: none;
}

/* Images Size */
/*img.sbanner-images-cover {
    height: 285px;
    width: 100%;
    object-fit: cover;
}*/

/*img.bbanner-images-cover {
    height: 230px;
    width: 100%;
    object-fit: cover;
}*/

/*---------------------------------------------*/
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 button {
    /* margin: 0 auto; */
    font-family: 'Poppins', sans-serif !important;
}

.h6,
h6 {
    font-size: 1.8rem;
}

a {
    text-decoration: none !important;
}

/*.table td, .table th {
    padding: .55rem !important;
    vertical-align: middle !important;
    border: 1px solid #dee2e6 !important;
    background-color: #f9f9f9 !important;
    text-align: center;
}

.table thead th {
    background: var(--cd-color-1) !important;
    color: white;
    font-size: .78rem;
}*/

span {
    font-family: 'Poppins', sans-serif;
    /*    color: white;*/
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: .9em;
    color: #666666;
    margin: 0px;
}

ul,
li {
    margin: 0px;
    list-style-type: none;
    font-family: 'Poppins', sans-serif;
}

.table td,
.table th {
    color: white;
    border-top: none;
    font-size: .9em;
}

/*.table tr {
    border-top: 1px solid #dee2e6;
    background: #a9a9a9;
}*/


.table {
    margin-bottom: 20px !important;
}

td svg {
    margin: 0 3px;
    position: relative;
}

td {
    font-weight: 500;
}

button:focus {
    outline: none !important;
}


.seoar img {
    width: auto;
    max-width: 100%;
}

video {
    width: 100%;
}

/* navigation */
.navbar {
    padding: .2rem 1rem;
}

.afb-main_nav .nav-item:hover {
    background-color: #1f299c;
}

/* Overlay */
.modal-content {
    border: none;
}

/* No Funtion Title */
.noData {
    font-size: 14px;
    padding: 20px 25px;
    text-align: center;
    color: #d5d5d5;
    font-weight: 400;
}

.afb-border-top {
    border-top: 1px solid #313131;
}

.error-content {
    color: #ff1500;
    font-size: 12px;
    padding: 10px;
}

.error-checkName {
    color: #ff1500;
}

.success-content {
    color: #007bff;
}

.promo-font-color {
    color: #00e7ff;
}

.his-error-content {
    color: #ff1500 !important;
}

.his-success-content {
    color: #25b00c !important;
}

.small-promo-banner a {
    display: block;
    position: relative;
    width: 100%;
}

.small-promo-banner button {
    position: absolute;
    color: white;
    font-size: 11px;
    margin: 5px;
    top: 0;
    padding: 2px 10px;
    right: 0;
}

#promoWG a {
    display: block;
}


#promoWG .button {
    display: block;
    width: 100%;
    margin: 0;
    background-color: #28a745;
}

/* Width Control */
.width-control1024 {
    width: 80% !important;
}

/* color */
.afb-f-red {
    color: #ff2a2a !important;
}

.afb-f-yellow {
    color: #ffe000 !important;
}

.afb-f-green {
    color: #00ff00 !important;
}

/* background color */
.afb-bg-ddark-blue {
    background-color: #3b4358 !important;
}

.afb-padding-lr {
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 5px !important;
}

.afb-padding-l {
    padding-left: 2px !important;
    padding-right: 0px !important;
}

.afb-padding-r {
    padding-right: 2px !important;
    padding-left: 0px !important;
}

:root {
    --iconSize: 15px;
}

.container {
    max-width: 1480px;
}

.afb-justify-end {
    justify-content: flex-end;
}

/* Table */
.thead-dark {
    background-color: black;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #2c2c2c !important;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #4f4f4f !important;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    /*line-height: 2.4;*/
    padding: 5px 5px;
}

.table .thead-dark th {
    color: #fff;
    background-color: #000000;
    border-color: #ffffff;
    border-top: 0;
}

th.table-th-font-limit,
td.table-th-font-limit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 210px;
    min-width: 150px;
}

.thead-dark tr {
    text-align: center;
}

/* - Margin */
.margin-left-table {
    margin-left: -10px;
}

.margin-right-table {
    margin-right: -10px;
}

/* Zoom Images */
.zoom img {
    transition: all 0.2s linear;
}

.zoom:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.hov-img-zoom {
    display: block;
    overflow: hidden;
}

    .hov-img-zoom:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    .hov-img-zoom a img {
        width: 100%;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
    }


/* Moden Close Button */
.close span {
    font-size: 2.5rem;
    top: -10px !important;
    /*    position: absolute;
    right: 15px;
    top: 15px;*/ /*    position: absolute;
    right: 15px;
    top: 15px;*/
    font-weight: 500;
}

/* Horizontal Line */
.line {
    border: none;
    width: 1px;
    background-color: #ffffffbd;
    margin: 7px 15px;
    height: 1.2em;
}

/* Images Fillter */
.dark-img {
    filter: brightness(0.1);
}

/* Mobile Hide | Show */
.m-dp-none {
    display: block !important;
}

.m-dp-block {
    display: none !important;
}

/* slider */
.carousel-indicators {
    z-index: 10;
}

.owl-carousel-size img {
    width: 193px;
    height: 193px;
    object-fit: cover;
}

.slider-margin {
    margin-left: -5px;
    margin-right: -5px;
}

/* AFB Background Color */
.afb-black {
    background-color: black !important;
}

.afb-l-black {
    background-color: #2c2c2c !important;
}

.afb-dark-blue {
    background-color: #16215b !important;
}

.afb-green {
    background-color: #7be500 !important;
}

.afb-drak-g {
    background-color: #070707 !important;
}

.afb-white {
    background-color: white !important;
}

.colorize-pink {
    filter: brightness(0.5) sepia(1) hue-rotate(-70deg) saturate(5);
}

.colorize-navy {
    filter: brightness(0.2) sepia(1) hue-rotate(180deg) saturate(5);
}

.colorize-blue {
    filter: brightness(0.5) sepia(1) hue-rotate(140deg) saturate(6);
}

/* Button */
.afb-btn-g {
    background-color: #28a745;
    padding: 5px 15px;
    text-align: center;
    color: white;
}

    .afb-btn-g:hover {
        background-color: #18672a;
    }

/* label */
.afb-label-new {
    background-color: #e00000;
    padding: 5px 15px;
    text-align: center;
    color: white;
    font-size: 1em;
    position: absolute;
    z-index: 9;
    border-radius: 0 0 15px 0;
}

.afb-label-top {
    background-color: #0300e0;
    padding: 5px 15px;
    text-align: center;
    color: white;
    font-size: 1em;
    position: absolute;
    z-index: 9;
    border-radius: 0 0 15px 0;
}

.afb-label-pp {
    background-color: #22e000;
    padding: 5px 15px;
    text-align: center;
    color: white;
    font-size: 1em;
    position: absolute;
    z-index: 9;
    border-radius: 0 0 15px 0;
}

/* images fill */
.filter-img {
    filter: invert(1);
}

.filter-brightness4 {
    filter: brightness(0.4);
}

/* Logo */
.afb-logo {
    display: inline-block;
    z-index: 9;
}

    .afb-logo img {
        width: 120px;
    }

.logo-notif-wrapper {
    position: absolute;
    width: 200px;
}

    .logo-notif-wrapper .panel {
        position: relative;
        right: -75%;
    }

/* All Page Title */
.affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
}

    .affix + .container-fluid {
        padding-top: 70px;
    }

.affix {
    position: fixed;
}

.vl {
    height: 20px;
    display: inline;
}

/* AFB Title */
.afb-title-h1 {
    width: 100%;
    font-size: 1.7em;
}

    .afb-title-h1 span {
        color: #333;
    }

    .afb-title-h1 .h1, .game-history-transaction .afb-title-h1 {
        color: #333;
        display: inline-block;
        margin: 0 auto;
        padding-left: 6px;
        font-size: 0.9em;
        text-transform: uppercase;
        padding-bottom: 8px;
        border-bottom: 1px solid #74498e;
        color: #fff;
    }

    .afb-title-h1 a span {
        display: inline-block;
        float: right;
        text-transform: uppercase;
        color: #09f429;
        margin-right: 25px;
        margin: 0 auto;
        font-size: .9em;
    }

        .afb-title-h1 a span:hover {
            color: #28a745;
        }

#L5GH-Btn {
    color: #ff0000;
    text-transform: lowercase;
}

/* line ---------- */
.bg_line {
    bottom: -87px;
    width: 100%;
    border-top: 1px solid;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

/* Header */
.afb-header-menu {
    margin: 0;
    display: inline-block;
    padding-right: 15px;
}


/* scrool Bar Design 
::-webkit-scrollbar-button {
    width: 8px;
    height:0;
}
::-webkit-scrollbar-track {
    background:#eee;
    border: thin solid lightgray;
    box-shadow: 0px 0px 3px #dfdfdf inset;
}
::-webkit-scrollbar-thumb {
    background:#999;
    border: thin solid gray;
}
::-webkit-scrollbar-thumb:hover {
    background:#7d7d7d;
}  */

.carousel-indicators .active {
    height: 0;
}

/* Desktop Navigation Bar */
img.megamenu-icon {
    width: var(--iconSize);
    height: var(--iconSize);
    display: inline-block;
}

.megamenu {
    background: #0373ff;
    z-index: 15;
}

    .megamenu .megamenu-nav {
        padding: 0;
        margin: 0;
        justify-content: center !important;
        /*border-bottom: 1px solid #0000a2;*/
    }

@media only screen and (max-wdith: 1130px) {
    .megamenu .megamenu-nav {
        justify-content: normal !important;
    }
}

.megamenu .megamenu-nav .nav-item {
    display: block;
    flex: unset;
}

    .megamenu .megamenu-nav .nav-item.is-open > .megamenu-content {
        visibility: visible;
        opacity: 1;
    }

    .megamenu .megamenu-nav .nav-item.is-open > .nav-link {
        background: #0b00ae;
    }

.megamenu .megamenu-nav .nav-link {
    color: #fff;
    /*            padding: 10px 30px;*/
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (min-width: 601px) {
    .megamenu .megamenu-nav .nav-link:hover {
        background: #1f299c;
    }
}

@media (max-width: 600px) {
    .megamenu .megamenu-nav .nav-link:hover {
        background: transparent;
    }
}

/* Desktop Navigation Show List */
.nav-item-content p {
    color: white;
    margin: 10px 0;
    font-size: .78em;
}

.main.nav-wrapper .nav-item-content {
    display: none;
    position: fixed;
    background-color: black;
    width: 100%;
    left: 0;
    z-index: 9999;
    transition: all .3s ease-in-out;
    /*padding: 30px 0 0;*/
}

.main.nav-wrapper .nav-item:hover .nav-item-content {
    display: block;
}

.megamenu > li.nav-item.active.open > a,
.megamenu > li.nav-item.active.open > ul.megamenu-nav a:hover,
.megamenu > li.nav-item.open > a,
.megamenu > li.nav-item.open > ul.megamenu-nav a:hover {
    color: #fff;
    background-color: #b91773;
    border-color: #fff;
}

.megamenu .megamenu-nav .nav-link:hover .main.nav-wrapper .megamenu-nav .nav-item.open a:focus {
    background-color: #6dbcc9;
}

.nav-link span {
    color: white;
    white-space: nowrap;
}

.alert-danger {
    background-color: black !important;
}

    .alert-danger > marquee span {
        color: white;
        padding: 5px 0;
        letter-spacing: .035rem;
        font-weight: 300;
        display: inline-block;
    }

.notificationMarquee p {
    position: relative;
    margin: 0;
    line-height: 25px;
    white-space: nowrap;
    min-width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-animation: marquee 45s linear infinite;
    animation: marquee 45s linear infinite;
    font-size: 12px;
}

/* Real Time */
#ct {
    margin: 5px 0;
    color: #ffffffbd;
    font-size: 1.2rem;
}

/* Info icon svg  */
.info-icon {
    color: #ffffffbd;
    position: relative;
    top: 5px;
}

    .info-icon:hover {
        color: white;
    }

    .info-icon svg {
        font-size: 1.2em;
    }

/* Dropdown Menu */
button.dropbtn-single-box {
    background-color: #7be50000;
    color: white;
    font-size: 16px;
    font-size: 1.2rem;
    border: none;
    padding: 5px 15px;
}

.dropdown-single {
    position: relative;
    display: inline-block;
}

.dropdown-single-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 99;
    right: 0;
    border-radius: 5px;
    font-size: 1em;
    padding: 0;
    left: auto;
}

img.icon-flag {
    width: 20px;
    margin-right:5px;
}

.dropdown-single-content a {
    color: black !important;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-single-content a {
    border-bottom: 1px solid #e7e7e7;
}

    .dropdown-single-content a:last-child {
        border-bottom: none;
    }

    .dropdown-single-content a:hover {
        background-color: #ddd;
        border-radius: 5px;
    }

.dropdown-single:hover .dropdown-single-content {
    display: block;
}

/* Sign In */
input,
textarea {
    border-radius: 2px !important;
    padding: 10px 15px;
    width: 100%;
    box-sizing: border-box;
    border: none !important;
    border: 1px solid #F3E5F5 !important;
    font-size: 1em !important;
    color: #000 !important;
    font-weight: 400;
    /*margin-top: 10px;*/
}
select {
    border-radius: 5px !important;
    padding: 5px 15px !important;
    width: 100%;
    box-sizing: border-box;
    border: none !important;
    border: 1px solid #F3E5F5 !important;
    font-size: 1em !important;
    color: #000 !important;
    font-weight: 400;
    /* margin-top: 10px; */
}
.input-group {
    border-radius: 5px !important;
}

/*
input:focus,
textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #28a745 !important;
    outline-width: 0;
    font-weight: 400;
}
*/
/*label {
    margin: auto;
}*/

.form-control-label {
    font-size: 12px;
    margin-left: 15px;
    font-weight: 500;
}

.msg-info {
    /*padding-left: 15px;*/
    margin-bottom: 30px;
}

.btn-color {
    border-radius: 50px;
    color: #fff;
    background-image: linear-gradient(to right, #6a11cb, #2575fc);
    padding: 15px;
    cursor: pointer;
    border: none !important;
    margin-top: 40px;
    font-size: 1.6rem;
}

    .btn-color:hover {
        color: #fff;
        background-image: linear-gradient(to right, #2575fc, #6a11cb);
    }

.btn-white {
    border-radius: 50px;
    color: #2575fc;
    background-color: #fff;
    padding: 8px 40px;
    cursor: pointer;
    border: 2px solid #2575fc;
}

    .btn-white:hover {
        color: #fff;
        background-image: linear-gradient(to right, #2575fc, #6a11cb);
    }

button:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline-width: 0;
}

button.afb {
    background-color: #28a745;
    border: none;
    border-radius: 2px 2px;
    padding: 5px 15px;
}

.button.afb01.xs {
    border-radius: 15px;
    padding: 5px 15px;
    /*font-size: .32em !important;*/
    margin: 0 auto;
    line-height: 1.4;
    background: #f3902f;
    color: white !important;
    box-shadow: 0 4px #df7208;
    border: 2px solid #f3902f;
}

    .button.afb01.xs:hover {
        border-radius: 15px;
        padding: 5px 15px;
        font-size: .32em !important;
        margin: 0 auto;
        line-height: 1.4;
        background: #c16000;
        color: white !important;
        box-shadow: 0 4px #e2760d;
        border: 2px solid #c16000;
    }

button.afb01 {
    background: white;
    border: 2px solid #444;
    border-radius: 15px;
    padding: 5px 15px;
    color: black !important;
    box-shadow: 0 4px #7b7b7b;
}

button.afb02 {
    background-image: linear-gradient(to right, #6a11cb, #2575fc);
    border: none;
    border-radius: 2px 2px;
    color: white;
}

button.afb:hover,
button.afb01:hover {
    background-image: linear-gradient(to right, #2575fc, #6a11cb);
}

button.afb03 {
    background: #1e8535;
    border: none;
    border-radius: 2px 2px;
    padding: 5px 15px;
    color: white;
}

.modal-dialog > .modal-content .h3 {
    font-size: 2em
}

.modal-dialog > .modal-content .h6 {
    font-size: 1.4rem !important;
}

.bottom .btn {
    font-size: 1.6rem;
}


/* Jackpot */
.jackpot-top {
    position: absolute;
    top: 5.5%;
    margin: 0 auto;
    width: 100%;
    color: white;
    right: 0;
    left: 0;
    text-align: center;
}

    .jackpot-top span {
        font-size: 5em;
        letter-spacing: 5px;
        font-weight: bold;
        color: transparent;
        -webkit-background-clip: text;
        display: inline-block;
    }

p.jackpot-title {
    color: #ffffff;
    margin-bottom: 10px;
    display: table-column-group;
}

/* Jackpot Number Gold color */
.gold {
    display: block;
    background: repeating-linear-gradient(135deg, rgb(255, 221, 155) 0, rgb(254, 215, 146) 20px, rgb(255, 225, 172) 40px, rgb(255, 255, 255) 70px, rgb(250, 198, 107) 125px, rgb(246, 194, 107) 160px, rgb(231, 177, 85) 175px, rgb(244, 193, 107) 185px, rgb(241, 191, 107) 220px, rgb(243, 190, 102) 235px, rgb(233, 177, 83) 250px, rgb(245, 190, 97) 280px, rgb(249, 188, 86) 305px, rgb(255, 251, 245) 385px, rgb(252, 195, 98) 415px, rgb(252, 195, 121) 450px, rgb(255, 221, 155) 500px);
    background-clip: text;
    -webkit-background-clip: text;
    background-repeat: repeat;
    background-attachment: fixed;
    backface-visibility: none;
    color: rgb(255, 221, 155) !important;
    /*-webkit-text-fill-color: transparent;*/
    filter: drop-shadow(0 3px 1px #000);
}

span.gold {
    font-size: 1.5em;
    font-weight: 700;
}

/* Main Contant */
.inside {
    padding: 15px;
}

    .inside svg {
        margin-top: -2px;
    }

    .inside h1 {
        font-size: 1em;
        color: white;
        margin-bottom: 15px;
    }

    .inside p,
    .inside h2 {
        color: #00e7ff;
        font-size: .89em;
        margin: 5px auto;
    }

    /*.inside a span:hover {color:#a0a0a0;}*/
    .inside a p:hover {
        color: #a0a0a0;
    }

.sidebar-section {
    position: absolute;
    height: 100%;
    width: 100%;
}

.sidebar-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.make-me-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding-top: 10px;
    padding-bottom: 50px;
}

article .content.two {
    padding-top: 10px;
    padding-bottom: 55px;
}

article {
    border-radius: 12px;
}

.title-section {
    text-align: center;
    padding: 50px 15px;
    margin-bottom: 30px;
}

.content-section {
    min-height: 1200px;
}

    .content-section h2 {
        /*text-align: center;*/
        margin: 0;
    }

.sidebar-item h3 {
    background: gold;
    max-width: 100%;
    margin: 0 auto;
    padding: 50px 0 100px;
    border-bottom: solid 1px #fff;
}

/* Latest new and promo */
.side-bar .nav-tabs {
    border-bottom: none;
}

    .side-bar .nav-tabs .nav-link {
        color: #aeaeae;
        text-transform: uppercase;
        border: none;
    }

        .side-bar .nav-tabs .nav-link.active,
        .side-bar .nav-tabs .nav-link:hover {
            border-bottom: 2px solid #ff0000;
            text-transform: uppercase;
            color: #222;
        }

.sidebar-tabing .media {
    margin-bottom: 20px
}

.sidebar-tabing img {
    width: 100%;
}

.sidebar-tabing .title-small {
    font-size: .8em;
    color: white;
    font-weight: 300;
}

.media a {
    width: 35%;
    margin-right: 10px;
}

.news-auther span {
    color: #9e9e9e;
    font-size: .65rem;
}

/*.media:first-child {
    margin-top: 20px;
}*/

/* Footer content From AFBGG Sport*/

/*.footer-wrapper01 {
    display: inline-block;
    background-color: #0d0f13;
    padding: 30px 0;
    width: 100%;
    font-weight: 500;
    word-break: break-all;
}

.wrapper-container {
    max-width: 1366px;
}

.footer-wrapper01 p {
    color: #c7c7c7 !important;
    font-weight: 300;
    font-size: 1.2rem;
}

.footer-wrapper01 h2, .footer-wrapper01 h3, .footer-wrapper01 h4, .footer-wrapper01 h5, .footer-wrapper01 h6 {
    color: white;
    font-size: 14px;
    margin-bottom: 15px;
}

.footer-wrapper01 h1 {
    color: white;
    font-size: 1.5rem;
    margin-bottom: 20px;
    font-weight: 700;
}

.footer-wrapper01 h2 {
    font-weight: 300;
    margin-bottom: 10px;
}

.footer-wrapper01 span {
    color: #00b1e6;
    font-size: 1.5rem;
}*/

.footer-copy-right {
    background-color: #000000;
    text-align: center;
    color: #bebebe;
    font-size: 10px;
    padding: 10px;
    display: inline-block;
    width: 100%;
}

    .footer-copy-right p {
        margin: 0 auto;
        font-size: 1em;
        color: #bebebe;
    }

/* .footer-bottom {
    padding: 45px 0;
}

    .footer-bottom h1 {
        font-size: 18px;
        color: var(--white);
    }

    .footer-bottom p {
        color: white;
        font-size: 12px;
        margin: 5px 0 auto;
    }

        .footer-bottom p:hover {
            color: #ff8d00;
        } */


/* Mobile Navigation Bar ||| */
.offcanvas-active {
    overflow: hidden;
}

.screen-overlay {
    width: 0%;
    height: 100%;
    z-index: 30;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgb(34 34 34 / 76%);
    transition: opacity .2s linear, visibility .1s, width 1s ease-in;
}

    .screen-overlay.show {
        transition: opacity .5s ease, width 0s;
        opacity: 1;
        width: 100%;
        visibility: visible;
    }

.offcanvas {
    width: 380px;
    visibility: hidden;
    transform: translateX(-100%);
    transition: all .2s;
    border-radius: 0;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1200;
    background-color: #fff;
    overflow-x: hidden;
}

    .offcanvas h6 {
        font-size: 1rem;
    }

    .offcanvas.offcanvas-right {
        right: 0;
        left: auto;
        transform: translateX(100%);
    }

    .offcanvas.show {
        visibility: visible;
        transform: translateX(0);
        transition: transform .2s;
        z-index: 9999999999;
    }

    .offcanvas .btn-close {
        position: absolute;
        right: 15px;
        top: 10px;
        font-size: 1.5rem;
    }

.text-truncate-nav {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

button.afb-m-menu {
    color: white;
    font-size: 18px;
    padding: 0 15px;
    border: 1px solid #2575fc;
    border-radius: 4px;
    background-color: #0000ff00;
}

    button.afb-m-menu:hover {
        color: white;
        background-image: linear-gradient(to right, #2575fc, #6a11cb);
    }

.btn-icontop-lg {
    text-align: center;
    border-radius: 1rem;
    line-height: 1.1;
    margin-bottom: 10px;
    padding: 20px 15px;
    background-color: #380d59;
    color: white;
    display: block;
    overflow: hidden;
}

a.btn-icontop-lg:hover {
    color: white;
    background-color: #511f73;
}

.btn-icontop-lg .icon {
    color: #313AEB;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    display: inline-table;
}

.btn-icontop-lg .text {
    display: block;
}

.padding-around,
.padding-xy {
    padding: 16px;
}

ul.row,
ul.row-sm {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.btn-icontop-lg img {
    height: 32px;
}

.btn-light {
    background-color: #1e7e34;
    border: none;
    color: white;
    padding: 5px 20px !important;
}

    .btn-light:hover {
        background-color: #59BA41;
        border: none;
        color: white;
    }

.panel-heading {
    padding: 0;
    border: 0;
}

h4.panel-title {
    margin: 0 auto;
}

.panel-title > a,
.panel-title > a:active {
    display: block;
    padding: 10px 15px;
    color: #fff;
    font-size: .6em;
    letter-spacing: 1px;
    word-spacing: 3px;
    background-color: #464646;
    border-radius: 2px;
}

/* Navigation Collapse */
.panel-default {
    margin-left: -10px;
    margin-right: -10px;
    /*margin-bottom: 15px;*/
}

/*.panel-body {background-color:white;}*/

.panel-body a p {
    padding: 10px 15px;
    color: black;
    background-color: white;
}

    .panel-body a p:hover {
        color: #007bff;
        background-color: #e6e6e6;
    }

.panel-body a p {
    border-bottom: 1px solid #e7e7e7 !important;
}

    .panel-body a p:last-child {
        border-bottom: none;
    }

.panel-collapse {
    background-color: white;
}

.mobile-col {
    background-color: #380d59;
    display: block;
    border-radius: 8px;
}

    .mobile-col h4 a {
        color: white;
    }

.panel {
    border: none;
}

/* Index Games list */
.padding-x {
    padding-left: 10px;
    padding-right: 10px;
}

.scroll-horizontal {
    white-space: normal;
    overflow-x: auto;
}

    .scroll-horizontal .item {
        /*width: 19.45%;*/
        margin-bottom: 5px;
        display: inline-block;
        vertical-align: top;
        white-space: initial;
    }

a[class*='product-'] {
    color: initial;
}

.product-sm {
    display: block;
}

[class*='product-'] {
    color: initial;
}

.product-sm .img-wrap {
    border-radius: .5rem;
}

[class*='product-'] .img-wrap {
    overflow: hidden;
    position: relative;
}

.img-wrap {
    text-align: center;
    display: block;
}

/*.product-sm .img-wrap img { mix-blend-mode: multiply; }*/
[class*='product-'] .img-wrap img {
    height: 100%;
    width: 100%;
    display: inline-block;
    -o-object-fit: cover;
    object-fit: cover;
}

.img-wrap img {
    max-width: 100%;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: white;
    font-size: .83em;
    overflow: hidden;
    text-overflow: ellipsis;
    /*display: -webkit-box;*/
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 120px;
}

.text-wrap {
    text-align: center;
    background-color: #2c2c2c;
    margin-bottom: 10px;
}

    .text-wrap p {
        padding: 10px 10px;
        margin: 0 auto !important;
    }

        .text-wrap p.one {
            display: -webkit-box;
            padding: 5px 5px;
        }

.widget-list li a:hover {
    text-decoration: underline;
}

.widget .card-header {
    background: #fff0;
}

    .widget .card-header a {
        width: 100%;
        display: block;
        padding: 10px 15px;
        display: flex;
        align-items: center;
    }

        .widget .card-header a img {
            margin-right: 8px;
        }


        .widget .card-header a:after {
            content: "+";
            position: absolute;
            right: 15px;
            transition: transform 0.15s ease-in-out;
        }

        .widget .card-header a:hover,
        .widget .card-header a:focus {
            text-decoration: none;
        }

        .widget .card-header a[aria-expanded="true"]:after {
            transform: rotate(45deg);
        }

.widget .card-block {
    padding: 0 10px;
}

    .widget .card-block .widget-list li {
        margin-bottom: 4px;
        padding: 5px 5px;
    }

.widget .h4 {
    font-size: 1.2em;
    color: white;
    padding: 0;
}

.widget ul li a {
    font-size: 1.2rem;
    font-weight: 300;
}

    .widget ul li a:hover {
        color: #a0a0a0 !important;
    }

.footer-collapse {
    padding: 45px 0;
    background-color: black !important;
}

/* footer social icons */
.social-network a.icoRss:hover {
    background-color: #F56505;
}

.social-network a.icoFacebook:hover {
    background-color: #3B5998;
}

.social-network a.icoTwitter:hover {
    background-color: #33ccff;
}

.social-network a.icoGoogle:hover {
    background-color: #BD3518;
}

.social-network a.icoVimeo:hover {
    background-color: #0590B8;
}

.social-network a.icoLinkedin:hover {
    background-color: #007bb7;
}

.social-network a.icoYoutube:hover {
    background-color: #bb0000;
}

.social-network a.icoIntagram:hover {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}

    .social-network a.icoRss:hover i,
    .social-network a.icoFacebook:hover i,
    .social-network a.icoTwitter:hover i,
    .social-network a.icoGoogle:hover i,
    .social-network a.icoVimeo:hover i,
    .social-network a.icoLinkedin:hover i,
    .social-network a.icoIntagram:hover i,
    .social-network a.icoYoutube:hover i,
    .social-network a.icoSnapchat:hover i,
    .social-network a.icoReddit:hover i,
    .social-network a.icoPinterest:hover i,
    .social-network a.icoTumblr:hover i,
    .social-network a.icoMedium:hover i {
        color: #fff;
    }

a.socialIcon:hover,
.socialHoverClass {
    color: #44BCDD;
}

.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 50px;
    height: 50px;
    font-size: 20px;
}

.social-circle li i {
    margin: 0;
    line-height: 50px;
    text-align: center;
    font-size: 1.8rem;
}

.social-circle li a:hover i,
.triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.social-circle i {
    color: #626c80;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}

/* 20201017 QR*/
#snav.en {
    left: 0;
    text-align: left;
}

    #snav.en li span {
        left: -100px;
    }

    #snav.en li a:hover span {
        left: 50px;
        width: 100px;
    }

/* RTL CSS */


#snav.ar {
    right: 0;
    text-align: right;
}

    #snav.ar li span {
        right: -100px;
    }

    #snav.ar li a:hover span {
        right: 35px;
    }

/* main SideNav.css styles */


#snav {
    position: fixed;
    top: 40%;
    z-index: 999;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
}

    #snav ul {
        list-style: none;
    }

    #snav * {
        margin: 0;
        padding: 0;
        outline: 0;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #snav li a {
        text-decoration: none;
        color: #fff;
        display: block;
        position: relative;
    }

    #snav .fa {
        vertical-align: middle;
        font-size: 18px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        position: relative;
        z-index: 4;
    }

    #snav li span {
        font-size: 15px;
        vertical-align: middle;
        height: auto;
        line-height: 50px;
        width: auto;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        padding: 0 15px;
        position: absolute;
        top: 0;
        visibility: hidden;
        z-index: 3;
    }

        #snav li a:hover span img,
        #snav li span img {
            width: 100px;
        }

    #snav li a:hover .fa {
        transform: rotate(720deg);
    }

    #snav li a:hover span {
        visibility: visible;
        padding: 0;
    }

    #snav li span {
        background-color: #555;
    }

    #snav li .fa {
        background-color: #333333;
        color: hsl(0deg 0% 90%);
    }

    #snav li a:hover .fa {
        color: #fff;
    }

    #snav li:nth-child(10n+1) span,
    #snav li:nth-child(10n+1) a:hover .fa {
        background-color: #32DE84;
    }

    #snav li:nth-child(10n+2) span,
    #snav li:nth-child(10n+2) a:hover .fa {
        background-color: black;
    }

#slideout {
    position: fixed;
    top: 40%;
    right: 0;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    cursor: pointer;
}

@media only screen and (max-width: 992px) {
    #slideout {
        z-index: 999;
    }
}

#slideout p {
    width: 35px;
    padding: 12px 0;
    text-align: center;
    background: #28a745;
    -webkit-writing-mode: tb-rl;
    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
    color: white;
    margin: 0 auto;
    padding: 20px 8px;
    text-orientation: sideways;
}

#slideout_inner {
    position: fixed;
    top: 40%;
    right: -250px;
    background: white;
    width: 250px;
    padding: 15px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    text-align: left;
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}

    #slideout_inner textarea {
        width: 190px;
        height: 100px;
        margin-bottom: 6px;
    }

/*#slideout:hover {
    right: 250px;
    transition: right 1s;
}*/

/*.slideoutLeftHeader {
    right: 250px !important;
}*/

/*.slideoutLeftContent {
    right: 0px !important;
}*/
/*#slideout:hover #slideout_inner {
    right: 0;
    transition: right 1s;
}*/
.slideoutLeftHeader {
    right: 250px !important;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.slideoutLeftContent {
    right: 0px !important;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

/* social media */
.afb-medias a {
    width: 100%;
    background-color: white;
    border: none;
    outline: none;
    display: block;
    margin-bottom: 5px;
    padding: 5px 10px;
    color: white;
}

.afb-medias .h1 {
    color: black;
    font-size: 1.5rem;
    font-weight: 400;
}

.afb-medias span {
    color: white;
}

.afb-medias a:hover {
    background-color: #38124e;
    color: white;
}

.afb-medias a > div {
    display: inline-block;
    margin-right: 5px;
}

.news-title h2 a {
    font-weight: 400;
}

/* back to top */
@media screen and (prefers-reduced-motion: no-preference) {

    html,
    body {
        scroll-behavior: smooth;
    }
}

main {
    position: relative;
}

    main *:last-child {
        margin-bottom: 0;
    }

.back-to-top-wrapper {
    position: absolute;
    top: 100vh;
    right: 0.25rem;
    bottom: 0;
    width: 3em;
    pointer-events: none;
}

.back-to-top-link {
    position: fixed;
    position: sticky;
    pointer-events: all;
    top: calc(100vh - 10em);
    display: inline-block;
    text-decoration: none;
    font-size: 2rem;
    line-height: 3rem;
    text-align: center;
    width: 3rem;
    height: 3rem;
    border-radius: 20%;
    padding: 0.25rem;
    border: 1px solid #254568;
    background-color: #0373ff;
    transition: transform 80ms ease-in;
}

    .back-to-top-link:hover,
    .back-to-top-link:focus {
        transform: scale(1.1);
    }

    .back-to-top-link:focus {
        outline: none;
        box-shadow: 0 0 0 3px #4e85c0;
    }

/* Search */
.form-control-borderless {
    border: none;
}

    .form-control-borderless:hover,
    .form-control-borderless:active,
    .form-control-borderless:focus {
        border: none;
        outline: none;
        box-shadow: none;
    }

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

/*.input-group input {
    background-color: transparent;
    border: 1px solid #545454 !important;
    border-radius: 0px !important;
    padding: 2px 10px !important;
    color: white !important;
    font-size: 1em !important;
}*/

.input-group input:focus {
    background-color: transparent;
    color: white !important;
}

/*button.btn-secondary {
    padding: 0 12px;
    border: 0px solid;
    background-color: #454545;
    border-radius: 0;
}*/

button.btn-secondary i {
    color: #353535;
}

/* Button a */
.button-afb-wrapper {
    position: absolute;
    right: 0;
    z-index: 1;
    display: inline-flex;
    right: 5px;
}

.button-afb.one {
    background-image: linear-gradient(to right, #6a11cb, #2575fc);
    text-align: justify;
}

    .button-afb.one:hover {
        background-image: linear-gradient(to right, #2575fc, #6a11cb);
    }

.button-afb {
    background: #e60000;
    padding: 6px 15px;
    text-align: center;
}

    .button-afb a {
        color: white;
    }

    .button-afb:hover {
        background: #1e8535;
    }

    .button-afb a p {
        color: white;
        padding: 0;
        margin: 0 auto;
        font-size: 1em;
    }

/* user names with badget */
.badget-afb-ug h1 {
    color: white;
    font-size: 1em;
    margin: 0 auto;
}

.fld {
    box-sizing: border-box;
    width: 100%;
    height: 35px;
    background-color: #f9f9f9;
    border-color: #d7d7d7;
    border-radius: 2px;
    padding: 0 10px;
    border: 1px solid #ddd;
    outline: none;
    color: #7d7d7d;
    font-size: 16px;
    line-height: 1;
}

.Uld {
    box-sizing: border-box;
    width: 80%;
    height: 35px;
    background-color: #f9f9f9;
    border-color: #d7d7d7;
    border-radius: 2px;
    padding: 0 10px;
    border: 1px solid #ddd;
    outline: none;
    color: #7d7d7d;
    font-size: 16px;
    line-height: 1;
}

img.badget-img {
    width: 40px;
    margin-right: 10px;
}

.progress {
    margin: 0 auto;
}

.progress-bar {
    display: inline-table;
    font-size: .9em;
}

/* Notifation Bar */
button.notif-dropdown {
    background-color: #ffffff00;
    color: white;
}

    button.notif-dropdown:hover,
    button.notif-dropdown:focus {
        color: white;
    }

/* Amount */
* {
    box-sizing: border-box;
}

.TogglePanel {
    display: inline-block;
    height: 15px;
    overflow: hidden;
    transition: background-color .2s ease-in;
    position: relative;
    top: 2px;
}


.TogglePanel__PanelOne,
.TogglePanel__PanelTwo {
    color: #ffffff !important;
    align-items: center;
    justify-content: center;
    font-size: 1em;
    font-weight: 700;
    position: relative;
    text-decoration: none;
    transition: margin-top .2s ease-in, opacity .2s ease-in;
}

.TogglePanel__PanelOne {
    opacity: 1;
}

.TogglePanel__PanelTwo {
    opacity: 0;
}

.TogglePanel--showAlternate .TogglePanel__PanelOne {
    margin-top: -17px;
    opacity: 0;
}

.TogglePanel--showAlternate .TogglePanel__PanelTwo {
    opacity: 1;
    margin: -4px 0px;
}

.amount-blur {
}

.amount-button {
    line-height: initial;
    background-color: #f0f8ff00;
    border: none;
    color: white;
}


@media only screen and (min-width: 1200px) {
    .container {
        /*width: 1400px !important;*/
        max-width: 100%;
    }
}

@media only screen and (max-width: 1200px) {
    .jackpot-top span {
        font-size: 3.5em;
    }
}

@media only screen and (max-width:1180px) {
    img.sbanner-images-cover {
        height: 233px;
    }
}

.t991-dp-block {
    display: none !important;
}

.t991-dp-inline {
    display: none !important;
}

@media only screen and (max-width: 992px) {

    .col-xs-5ths {
        float: unset;
    }

    /* 991px Hide | Show */
    .t991-dp-none {
        display: none !important;
    }

    .t991-dp-block {
        display: block !important;
    }

    .t991-dp-inline {
        display: inline !important;
    }

    /* Table */
    .margin-left-table {
        margin-left: -15px;
    }

    .margin-right-table {
        margin-right: -15px;
    }

    /* Foter Content */
    /* .footer-wrapper01 {
        display: none;
    }*/
    /* Main Contant */
    article .content {
        padding-top: 25px;
    }

    /* full width */
    .w-992 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    /* Index Games list */
    .scroll-horizontal {
        white-space: nowrap;
        overflow-x: scroll;
    }

    .jackpot-top {
        top: 2.65%;
    }

    /* scrool Bar Design 
	::-webkit-scrollbar-button {
		width: 8px;
		height:0;
	}
	::-webkit-scrollbar-track {
		background:unset;
		border: unset;
		box-shadow: unset;
	}
	::-webkit-scrollbar-thumb {
		background:unset;
		border: unset;
	}
	::-webkit-scrollbar-thumb:hover {
		background:#7d7d7d;
	} */

    .owl-carousel-size img {
        height: 440px;
    }

    .content-section {
        min-height: auto;
    }
}

@media only screen and (min-width: 767px) {

    .btn-right,
    .btn-left {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .badget-img {
        margin-right: 0 !important;
    }
}

@media only screen and (max-width:680px) {
    .text-truncate {
        width: 110px;
    }
}

@media only screen and (max-width:415px) {
    .button-afb.one {
        display: block;
    }

    .button-afb {
        display: none;
    }

    article .content.two {
        padding: 0;
    }

    /*img.bbanner-images-cover {
        height:102px;
    }*/
    .modal-content {
        width: 100% !important;
    }

    .owl-carousel-size img {
        width: 100%;
        height: auto !important;
        /*height: 345px !important;*/
    }

    .afb-logo,
    .header-memu-m {
        width: 100%;
        text-align: center;
    }

    .afb-header-menu {
        margin-bottom: 10px;
    }

    th.table-th-font-limit,
    td.table-th-font-limit {
        width: auto;
    }

    .table > tbody > tr > th.one,
    .table > tbody > tr > td.one {
        line-height: normal;
    }

    .wallet-top-left span {
        padding: 5px;
    }

    .wallet-top-left {
        line-height
    }
}

@media only screen and (max-width:376px) {
    .text-truncate {
        width: 102px;
    }

    .offcanvas {
        width: 100%;
    }

    .btn-icontop-lg {
        padding: 20px 10px;
    }

    .table td,
    .table th {
        font-size: .8em;
    }

    /*    .js .cd-tabs__panel--selected {
        display:inline-block !important;
    }*/
}

@media only screen and (max-width:330px) {
    .btn-icontop-lg {
        padding: 15px 5px;
    }
}

@media only screen and (min-width:240px) and (max-width:1111px) {

    .logo img {
        /*max-width: 100px;*/
        width: 100%;
        transform: unset;
        left: unset;
    }

    .h_nav,
    .header-side,
    .h_bar-dropdown {
        display: none;
    }

    .h_bar {
        width: auto;
        display: inline-block;
        float: right;
    }

    .h_bar-login {
        margin-top: 0;
    }

        .h_bar-login span {
            font-size: .7em;
            letter-spacing: 1px;
        }

    .h_bar-btn .btn {
        background-color: #ffffff00;
        min-width: 70px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        font-size: .799em;
        font-weight: 400;
        border-radius: 3px;
        padding: 0 10px;
    }

    .h_bar-link a {
        font-size: 13px;
        padding-right: 0;
    }

    .h_bar-link.one {
        padding-left: 5px;
    }

    .header-fix {
        box-shadow: none;
        border-bottom: solid 1px #000;
    }

    .mobile-view-right-bar {
        width: 100%;
        clear: both;
        padding: 20px 0;
    }

        .mobile-view-right-bar .owl-nav,
        .mobile-view-right-bar .owl-dots {
            display: none;
        }

        .mobile-view-right-bar .owl-carousel .item {
            padding: 0 20px;
        }

    .left-sidebar {
        display: none;
    }

    .mobile-nav {
        width: 100%;
        float: left;
    }

        .mobile-nav .left-sidebar {
            display: flex;
            width: auto;
            min-width: 100%;
            overflow: auto;
            float: left;
            height: auto;
            border-top: solid 1px #000;
            border-bottom: solid 1px #000;
            padding: 10px 0;
        }

    .left-sidebar button {
        width: 100%;
        display: block;
        padding: 5px;
        font-size: 10px;
    }

    .lest-bar-icon {
        width: 100%;
        display: inline-block;
        text-align: center;
    }

    .left-sidebar .select-type {
        text-align: center;
    }

    .left-sidebar .lest-bar-icon img {
        text-align: center;
        margin-right: 0;
    }

    .left-sidebar button span {
        text-align: center;
        width: 70px;
        display: block;
        float: none;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .left-sidebar button.activity,
    .default .tablinks {
        border-left: none;
    }

    .left-sidebar button.activity {
        color: #ff6a00;
    }

    .right-top-end {
        display: none;
    }

    .main-stracture {
        position: relative;
        padding-top: 0;
        margin-top: 0;
    }

    .right-top-part {
        width: 100%;
        margin: auto;
    }

        .right-top-part ul {
            width: 100%;
            display: flex;
            justify-content: space-around;
        }

    .h_nav-item > a {
        padding-bottom: 0;
    }

    .right-top-part .h_nav-list .h_nav-item a {
        font-size: 11px;
        font-size: .599em;
        font-weight: bold;
    }

    .mobile-nav .sub-cate {
        position: absolute;
        width: 100%;
        left: 0;
        z-index: 99;
        padding: 10px;
    }

        .mobile-nav .sub-cate li {
            width: 33.333333%;
            /*padding: 0 60px 10px 10px;*/
            margin: 0 auto;
        }

            /*.mobile-nav .sub-cate li:before { content: "\f105"; left: auto; right: 10px; top: -2px; line-height: normal; font-size: 22px; color: #fff; }*/
            .mobile-nav .sub-cate li span {
                right: 40px;
            }

            .mobile-nav .sub-cate li a p {
                color: white;
                margin: 0 auto;
                margin-top: 5px;
            }

    .modal-content {
        width: 330px;
    }

    .popup-inner {
        padding: 20px 40px;
    }

    .popup-form {
        padding: 20px 40px 25px;
    }


    .mobile-nav-inner .sub-cate {
        top: 163px;
    }

    .mobile-main-inner .right-top-part {
        top: -120px;
    }


    .user-profile {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .right-main-part {
        width: 100%;
        padding: 10px 0 0;
    }
}

.wallet-bottom-part {
    width: 100%;
    float: left;
}

@media screen and (max-width: 480px) {
    .game-part-2 .wallet-bottom-part {
        width: 400px;
    }

    .form-group-choosefile input {
        font-size: .8em;
    }
}


@media screen and (max-width: 480px) {
    .photobox {
        width: 100%;
    }

    .cd-tabs__panel p.one {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 120px;
        display: inline-block;
    }
}

@media only screen and (max-width:991px) {
    img.sbanner-images-cover {
        height: 456px;
    }
}

@media only screen and (max-width: 767px) {

    /* Desktop Navigation Bar */
    .nav-link span {
        display: flow-root;
        white-space: nowrap;
    }

    .megamenu .megamenu-nav .nav-link {
        padding: 15px 15px;
        text-align: center;
        /*width: 135px;*/
    }

    .megamenu-content img {
        width: 130px;
    }

    /* Mobile Hide | Show */
    .m-dp-none {
        display: none !important;
    }

    .m-dp-block {
        display: block !important;
    }

    /* footer content */
    .footer-bottom p {
        font-size: .658em;
    }

    /* Jackpot */
    .jackpot-top span {
        font-size: 2.5rem;
    }

    .jackpot-top {
        top: 3.6%;
    }

    /* label */
    .afb-label-new,
    .afb-label-top,
    .afb-label-pp {
        font-size: .6em;
    }

    /* footer */
    .footer-collapse {
        padding-top: 0;
    }

    .widget-list li a img {
        padding-left: 10px;
    }

    img.sbanner-images-cover {
        height: 343px;
    }
}

.tabcontentmd {
    color: #808aa6;
}

    .tabcontentmd .popup-header,
    .tabcontentmd .popup-title {
        width: 100%;
        height: 64px;
        padding: 0;
        background-color: #fff;
        border-bottom: none;
        border-radius: 4px 4px 0 0;
        color: #808aa6;
        font-size: 14px;
        font-weight: bold;
        line-height: 64px;
        text-align: center;
        text-transform: uppercase;
        position: relative;
        border-bottom: 1px solid hsla(0, 0%, 59.2%, .3);
    }


@media only screen and (max-width:575px) {
    .footer-collapse {
        padding-bottom: 80px !important;
        padding-top: 20px !important;
    }

    /* Jackpot */
    .jackpot-top span {
        font-size: 2rem;
    }

    /* Navigation Mobile */
    .nav-link span {
        font-size: smaller;
    }

    img.sbanner-images-cover {
        height: 512px;
    }
}

@media only screen and (max-width: 1024px) {
    .megamenu .megamenu-nav {
        justify-content: normal !important;
        /*overflow-y: hidden;*/
    }
}

@media only screen and (max-width: 415px) {

    /* Desktop Navigation Bar */
    .megamenu-content img {
        width: 95px;
    }

    /* jackpot */
    .jackpot-top span {
        font-size: 1.35rem;
        letter-spacing: 2px;
    }

    .jackpot-top {
        top: 3.4%;
    }

    /* Navigation Menu */
    .megamenu .megamenu-nav .nav-link {
        padding: 5px 15px;
        width: 100px;
    }

    /* Index Games list */
    .scroll-horizontal .item {
        width: 100%;
    }

    .megamenu .megamenu-nav {
        justify-content: normal !important;
        /*overflow-y: hidden;*/
    }

    .alert-danger {
        display: none !important;
    }

    .content-section {
        min-height: auto;
        /*margin-top: 15px;*/
    }

    img.sbanner-images-cover {
        height: 398px;
    }
}

@media only screen and (max-width:376px) {
    img.sbanner-images-cover {
        height: 359px;
    }
}

@media only screen and (max-width:320px) {

    /* 320px Hide | Show */
    .t320-dp-none {
        display: none !important;
    }

    .t320-dp-block {
        display: block !important;
    }

    /* Mobile Navigation Bar ||| */
    .offcanvas {
        width: 305px;
    }

    /* label */
    .afb-label-new,
    .afb-label-top,
    .afb-label-pp {
        font-size: .4em;
    }

    /* jackpot */
    .jackpot-top span {
        font-size: 1rem;
    }

    .btn-icontop-lg {
        font-size: .8em;
        padding: 20px 10px;
    }

    img.sbanner-images-cover {
        height: 304px;
    }
}

@media only screen and (max-width: 320px) {
    | .jackpot-top span {
        font-size: .9rem;
    }
}


/*--- footer --*/

footer {
    clear: both;
    width: 100%;
    /*padding: 18px 0 0;*/
    /*    overflow: hidden;*/
    background: #070707;
    /*box-shadow: inset 0 10px 50px -5px #000;*/
    /*    float: left;*/
    /*margin: 25px 0 0 0;*/
}

.footer-main {
    float: none;
    margin: auto;
    padding: 20px;
}

.footer-top h1,
.footer-top h2 {
    color: #fff;
    font-weight: 500;
    font-family: Roboto, sans-serif;
    text-transform: none;
    margin: 20px 0;
}

.footer-top h1 {
    font-size: 20px;
}

.footer-top h2 {
    font-size: 16px;
}

footer p {
    color: #bbb;
    font-size: 14px;
}

.footer-top ul {
    padding-left: 30px;
}

    .footer-top ul li {
        font-size: 14px;
        color: #bbb;
        margin: 0;
    }

.footer-support-menu {
    width: 100%;
    float: left;
}

.footer__btn-chat.btn-chat {
    position: absolute;
    right: 10px;
    z-index: 1;
    padding: 10px 25px 10px 50px;
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
    color: #000;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
}

ul.all-logo-footer li {
    float: left;
    width: 50%;
    padding: 0 10px 10px 0;
}

    ul.all-logo-footer li.one {
        width: 15%;
    }

    ul.all-logo-footer li img {
        width: 100%;
        filter: grayscale(100%);
    }

        ul.all-logo-footer li img:hover {
            width: 100%;
            filter: grayscale(0%);
            -webkit-transition: background 1s;
            -moz-transition: background 1s;
            -o-transition: background 1s;
            transition: background 1s;
        }

ul.provider-logo-footer li img {
    padding: 0 10px 15px 0;
}

}

@media screen and (max-width:767px) {
    ul.all-logo-footer li {
        padding: 0 25px 10px 0;
    }

    .shfooter ul {
        padding: 10px 0;
    }
}

.btn-chat__icon {
    top: calc(50% - 14px);
    right: auto;
    bottom: auto;
    width: 28px;
    height: 28px;
    display: block;
    background: #ef8d00;
    border-radius: 15px;
}

    .btn-chat__icon,
    .btn-chat__icon:before {
        position: absolute;
        left: 5px;
        z-index: inherit;
    }

        .btn-chat__icon:before {
            top: 5px;
            right: 5px;
            bottom: 5px;
            background: url(../images/help.svg) no-repeat;
            background-size: 18px;
            content: "";
        }

.btn-chat__time {
    margin-left: 3px;
    color: #ef8d00;
}

.footer-menu-part {
    display: flex;
    justify-content: space-between;
    min-height: 40px;
    padding-right: 180px;
    position: relative;
}

.footer__links li {
    display: inline-block;
    margin: 0 32px 0 0;
}

.footer__links a,
.footer__links span {
    color: #fff;
    font-size: 12px;
    font-family: Arial;
    line-height: 27px;
    text-decoration: none;
}

.footer__licences-block {
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px;
    width: 100%;
    float: left;
}

.footer__licences a {
    margin-right: 22px;
    font-size: 0;
    text-decoration: none;
}

.footer__support-link {
    display: flex;
    align-items: center;
}

    .footer__support-link a {
        font-size: 12px;
        color: #fff;
    }

.footer__row--bottom {
    margin-bottom: 60px;
    display: flex;
    width: 100%;
}

.footer__row-content a {
    color: #fff;
}

.footer__row-title {
    flex: 1;
    margin: 15px 0;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}

.footer__row-content p {
    color: #2f3a51;
    font-size: 12px;
    font-family: Arial;
    line-height: normal;
}

.footer__row-item--center {
    margin: 0 30px;
}

    .footer__row-item--center .footer__row-title {
        padding: 0 30px;
    }

.footer__row-content--with-border {
    height: 100%;
    padding: 0 10px;
    border-right: 2px solid #282e3d;
    border-left: 2px solid #282e3d;
}

.footer__row-content p {
    color: #2f3a51;
    font-size: 12px;
    font-family: Arial;
    line-height: normal;
}

.footer__payment-providers img {
    margin: 1px 10px 1px 0;
    max-width: 150px;
}

.footer__row-content--games {
    display: flex;
    justify-content: space-between;
}

.footer__games-list {
    display: inline-block;
    margin-right: 56px;
    padding: 0;
    line-height: 2.17;
}

    .footer__games-list:last-child {
        margin-right: 0;
    }

    .footer__games-list a,
    .footer__games-list li {
        color: #fff;
        font-size: 12px;
        white-space: nowrap;
    }



/*-- footer part end --*/

footer {
    /*text-align: center;*/
}

.footer-support-menu {
    position: relative;
    min-height: 110px;
}

.footer__btn-chat.btn-chat {
    bottom: 0;
}

.footer-menu-part {
    width: 100%;
    display: block;
    justify-content: normal;
    padding-right: 0;
}

.footer-menu-part {
    display: block;
    justify-content: normal;
    width: 100%;
}

.footer__links li {
    margin-right: 20px;
}

.footer__licences-block {
    display: block;
    justify-content: normal;
    clear: both;
}

.footer__support-link {
    justify-content: flex-end;
}

.footer__row--bottom {
    display: block;
}

.footer__row-item--center {
    margin: 0;
    border-top: 2px solid #282e3d;
    border-bottom: 2px solid #282e3d;
}

.footer__row-content--with-border {
    border: none;
}

.footer__games-list {
    margin-right: 0;
}

.footer__licences-block {
    display: block;
}

.footer__licences {
    clear: both;
}

.footer__support-link {
    justify-content: flex-end;
}

/* 20200917 Footer content */
/*.footer-wrapper01 {
    display: inline-block;
    background-color: #0d0f13;
    padding: 30px 0;
    width: 100%;
}

.wrapper-container {
    max-width: 1366px;
}

.footer-wrapper01 p {
    color: #bbbbbb;
    font-weight: 300;
    font-size: 12px;
}

.footer-wrapper01 h2, .footer-wrapper01 h3, .footer-wrapper01 h4, .footer-wrapper01 h5, .footer-wrapper01 h6 {
    color: var(--light);
    font-size: 14px;
    margin-bottom: 15px;
}

.footer-wrapper01 h1 {
    color: var(--light);
    font-size: 16px;
    margin-bottom: 15px;
}

@media screen and (max-width:991px) {
    .footer-wrapper01 {
        display: none;
    }
}*/

.footer-copy-right {
    background-color: #000000;
    text-align: center;
    color: #bebebe;
    font-size: 10px;
    padding: 10px;
    display: inline-block;
    width: 100%;
}

    .footer-copy-right p {
        margin: 0 auto;
    }

/* .footer-bottom {
    padding: 45px 0;
}

    .footer-bottom h1 {
        font-size: 18px;
        color: var(--white);
    }

    .footer-bottom p {
        color: var(--light);
        font-size: 12px;
        margin: 5px 0 auto;
    }

@media only screen and (max-width: 767px) {
    .footer-bottom p {
        font-size: .658em;
    }
}

.footer-bottom p:hover {
    color: #ff6a00;
} */
/*how part*/
.hide {
    display: none;
}

.favStar {
    color: yellow;
}

.triangle-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid lime;
}

.triangle-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid red;
}

@keyframes blink {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.blink {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 10px;
    animation: blink 5s infinite;
    -webkit-animation: blink 3s infinite;
}

/*how part*/
.shfooter .collapse {
    display: inherit;
}

@media (max-width:767px) {
    .shfooter ul {
        margin-bottom: 0;
    }

    .shfooter .collapse {
        display: none;
    }

        .shfooter .collapse.show {
            display: block;
        }

    .shfooter .title .fa-angle-up,
    .shfooter .title[aria-expanded=true] .fa-angle-down {
        display: none;
    }

    .shfooter .title[aria-expanded=true] .fa-angle-up {
        display: block;
    }

    .shfooter .navbar-toggler {
        display: inline-block;
        padding: 0;
    }
}

/* 20200917 Footer content */
/*.footer-wrapper01 {
    display: inline-block;
    background-color: #0d0f13;
    padding: 30px 0;
    width: 100%;
}

.wrapper-container {
    max-width: 1366px;
}

.footer-wrapper01 p {
    color: #bbbbbb;
    font-weight: 300;
    font-size: 12px;
}

.footer-wrapper01 h2, .footer-wrapper01 h3, .footer-wrapper01 h4, .footer-wrapper01 h5, .footer-wrapper01 h6 {
    color: var(--light);
    font-size: 14px;
    margin-bottom: 15px;
}

.footer-wrapper01 h1 {
    color: var(--light);
    font-size: 16px;
    margin-bottom: 15px;
}

@media screen and (max-width:991px) {
    .footer-wrapper01 {
        display: none;
    }
}*/

.footer-copy-right {
    background-color: #000000;
    text-align: center;
    color: #bebebe;
    font-size: 10px;
    padding: 10px;
    display: inline-block;
    width: 100%;
}

    .footer-copy-right p {
        margin: 0 auto;
    }

.footer-bottom {
    padding: 45px 0 0 0;
}

    .footer-bottom .h1 {
        font-size: 18px;
        color: var(--white);
    }

    .footer-bottom p {
        color: var(--light);
        font-size: 12px;
        margin: 5px 0 auto;
    }

@media only screen and (max-width: 767px) {
    .footer-bottom p {
        font-size: .9em;
    }
}

.footer-bottom p:hover {
    color: #ff6a00;
}

/*how part*/
.hide {
    display: none;
}

.favStar {
    color: yellow;
}

.triangle-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid lime;
}

.triangle-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid red;
}

@keyframes blink {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.blink {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 10px;
    animation: blink 5s infinite;
    -webkit-animation: blink 3s infinite;
}

/*how part*/
.shfooter .collapse {
    display: inherit;
}

@media (max-width:767px) {
    .shfooter ul {
        margin-bottom: 0;
    }

    .shfooter .collapse {
        display: none;
    }

        .shfooter .collapse.show {
            display: block;
        }

    .shfooter .title .fa-angle-up,
    .shfooter .title[aria-expanded=true] .fa-angle-down {
        display: none;
    }

    .shfooter .title[aria-expanded=true] .fa-angle-up {
        display: block;
    }

    .shfooter .navbar-toggler {
        display: inline-block;
        padding: 0;
    }
}

.resize {
    text-align: center;
}

.resize {
    margin-top: 3rem;
    font-size: 1.25rem;
}

/*RESIZESCREEN ANIMATION*/
.fa-angle-double-right {
    animation: rightanime 1s linear infinite;
}

.fa-angle-double-left {
    animation: leftanime 1s linear infinite;
}

@keyframes rightanime {
    50% {
        transform: translateX(10px);
        opacity: 0.5;
    }

    100% {
        transform: translateX(10px);
        opacity: 0;
    }
}

@keyframes leftanime {
    50% {
        transform: translateX(-10px);
        opacity: 0.5;
    }

    100% {
        transform: translateX(-10px);
        opacity: 0;
    }
}

.partner-logo {
    /*padding-top: 40px;*/
}

@media screen and (max-width:767px) {
    .footer-bottom {
        padding: 25px 0;
    }

    .partner-logo {
        padding-top: 0 !important;
    }
}

.widget-content {
    display: inline-block;
    padding: 10px 0;
}

.media-fontx {
    color: var(--white);
    padding-left: 10px;
}

    .media-fontx h1 {
        font-size: 12px;
        color: #ff6a00;
        margin-bottom: 2px;
    }

    .media-fontx p {
        font-size: 10px;
        margin-bottom: 2px;
    }

        .media-fontx p a {
            color: #dedcdc;
        }

    .media-fontx span {
        font-size: 9px;
        color: #d5d5d5;
        display: inline-block;
    }

.media-news-t h2 {
    font-size: 13px;
    color: var(--white);
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
    border-bottom: 2px solid #ff6a00;
    margin-bottom: 10px;
}

/* 20200921 */

/* 20201010 User Profile Notif */
.profile-notif strong {
    color: var(--color-afb-black);
    font-size: .9em;
}

.login-loader-wrapper {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(21, 21, 21, 0.24);
    z-index: 2;
}

    .login-loader-wrapper .loader {
        margin-left: -30px;
        -webkit-transform: none;
        transform: none;
    }

.loader {
    border: 5px solid #f3f3f3;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.modal-notif,
.modal-box {
    z-index: 900;
}

.modal-sandbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}

.modal-notif {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .8);
    overflow: auto;
}

.modal-box {
    position: relative;
    width: 80%;
    max-width: 920px;
    margin: 100px auto;
    animation-name: modalbox;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(0, 0, .3, 1.6);
}

.modal-body p {
    font-size: 13px;
}

.modal-footer time {
    font-size: 12px;
}

.modal-footer {
    background-color: white;
}

/*
.modal-header {
     background: var(--cd-color-1);
    color: #ffffff;
}

    .modal-header button.close {
        background-color: #ff6a00;
        border: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        opacity: 1;
        color: white;
        font-weight: 300;
        border-top-right-radius: 5px;
        margin-bottom: -1.26em;
    }
*/
.modal-header button.close span {
    font-size: 1.5rem;
    font-weight: 500;
    /*    position: unset;*/
}

    h5 .modal-title

{
    font-size: 15px;
    margin: 0;
    color: white;
}


.modal-body {
    background: var(--light);
    /*padding: 60px 40px;*/
}

/*.btn-primary {
    background-color: #de5252;
    box-shadow: 0 4px #ab2929;
    border-color: #ab2929;
}

    .btn-primary:hover {
        background-color: #1d212a;
        border-color: #007bff00;
    }*/

.btn-tnc {
    background-color: var(--cd-color-1);
    color: white;
}

    .btn-tnc:hover {
        background-color: #626872;
        color: white;
    }

/* Close Button */
.close-modal {
    text-align: right;
    cursor: pointer;
}

/* Animation */
@-webkit-keyframes modalbox {
    0% {
        top: -250px;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}

@keyframes modalbox {
    0% {
        top: -250px;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}

/* Aditional Styles */
/* footer social icons */
ul.social-network {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 0;
}

    ul.social-network li {
        display: inline;
        margin: 0 5px;
    }


/* footer social icons */
.social-network a.icoRss:hover {
    background-color: #F56505;
}

.social-network a.icoFacebook:hover {
    background-color: #3B5998;
}

.social-network a.icoTwitter:hover {
    background-color: #33ccff;
}

.social-network a.icoGoogle:hover {
    background-color: #BD3518;
}

.social-network a.icoVimeo:hover {
    background-color: #0590B8;
}

.social-network a.icoLinkedin:hover {
    background-color: #007bb7;
}

.social-network a.icoYoutube:hover {
    background-color: #bb0000;
}

.social-network a.icoIntagram:hover {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}

    .social-network a.icoRss:hover i,
    .social-network a.icoFacebook:hover i,
    .social-network a.icoTwitter:hover i,
    .social-network a.icoGoogle:hover i,
    .social-network a.icoVimeo:hover i,
    .social-network a.icoLinkedin:hover i,
    .social-network a.icoIntagram:hover i,
    .social-network a.icoYoutube:hover i {
        color: #fff;
    }

a.socialIcon:hover,
.socialHoverClass {
    color: #44BCDD;
}

.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 50px;
    height: 50px;
    font-size: 20px;
}

.social-circle li i {
    margin: 0;
    line-height: 50px;
    text-align: center;
}

.social-circle li a:hover i,
.triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.social-circle i {
    color: #626c80;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}


hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

.pagination > li > a {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #616161;
}

    .pagination > li > a.one {
        background-color: #fff0;
        color: white;
    }

ul.pagination > li {
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    z-index: 2;
    color: #ffffff;
    background-image: linear-gradient(to right, #2575fc, #6a11cb);
    border-color: #ddd;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.mandatory_field {
    color: red;
}

.required:after {
    content: " *";
    color: red;
}


.wallet-top-left {
    width: 35%;
    float: left;
    padding: 0 10px;
    background: var(--cd-color-1);
    border-bottom: solid 1px hsl(0deg 0% 22%);
    color: #ff6a00;
    text-align: center;
    position: relative;
    line-height: 34px;
}

    .wallet-top-left:before {
        border-color: transparent;
        border-left-color: var(--cd-color-1);
        content: "";
        position: absolute;
        right: -15px;
        height: 0;
        width: 0;
        border-width: 8px;
        border-style: solid;
        border-left: 8px solid var(--cd-color-1);
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .wallet-top-left span {
        /* color: #ff6a00; */
        color: white;
        font-weight: 400;
        font-size: .9em;
        /* text-transform: uppercase; */
        /*line-height: 34px;*/
        word-break: break-all;
    }

        .wallet-top-left span.one {
            color: #495057;
        }

.wallet-top-left {
    width: 40%;
}

    .wallet-top-left span,
    .wallet-top-right span {
        font-size: .9em;
        color: white;
    }

.wallet-top-right {
    width: 65%;
    float: left;
    /* padding: 5px; */
    text-align: center;
    background: #292929;
    /* border-bottom: 1px solid; */
    border-bottom: solid 1px hsl(0deg 0% 22%);
    line-height: 34px;
}

.game-part-2 .wallet-section {
    width: 100%;
}

.game-part-2 .wallet-top-part {
    width: 100%;
}

.game-part-2 .game-history-part {
    background: #201f25;
    text-align: left;
}

    .game-part-2 .game-history-part.one {
        background: #f8f8f8;
        border: 1px solid var(--color-user-bg);
    }

.game-part-2 .wallet-top-part .game-history-part:first-child {
    width: 25%;
    padding: 5px;
}

.game-part-2 .wallet-top-part .game-history-part:nth-child(2) {
    width: 25%;
    padding: 5px;
    padding-left: 10px;
}

.game-part-2 .wallet-top-part .game-history-part:nth-child(3) {
    width: 25%;
    padding: 5px;
    padding-left: 10px;
}

.game-part-2 .wallet-top-part .game-history-part:last-child {
    width: 25%;
    padding: 5px;
    padding-right: 10px;
}

.game-part-2 .wallet-top-left:before {
    display: none;
}

.game-part-2 .history-bottom-part .wallet-bottom-left {
    margin-right: 0;
    background: transparent;
    padding: 27px 10px;
}

    .game-part-2 .history-bottom-part .wallet-bottom-left ul li {
        text-align: left;
        margin-bottom: 40px;
    }

        .game-part-2 .history-bottom-part .wallet-bottom-left ul li:last-child {
            margin-bottom: 0;
        }

    .game-part-2 .history-bottom-part .wallet-bottom-left:first-child ul li {
        text-align: center;
    }

    .game-part-2 .history-bottom-part .wallet-bottom-left:first-child {
        width: 30%;
        background: #17161a;
        margin-right: 2%;
    }

    .game-part-2 .history-bottom-part .wallet-bottom-left:nth-child(2) {
        width: 21%;
    }

    .game-part-2 .history-bottom-part .wallet-bottom-left:nth-child(3) {
        width: 25%;
    }

    .game-part-2 .history-bottom-part .wallet-bottom-left:last-child {
        width: 22%;
    }

.game-part-2 {
    width: 100%;
}

    .game-part-2 .wallet-section {
        width: 100%;
    }

.game-part-section .wallet-section:last-child .wallet-top-part {
    float: right;
    width: 100%;
    overflow-x: hidden;
}

.wallet-top-part {
    width: 100%;
    float: left;
    /*border:solid 1px #6a696d;*/
    display: flex;
    flex-wrap: nowrap;
    border-radius: 3px;
}

.game-part-2 .wallet-top-part {
    width: 100%;
}

.game-part-2 .game-history-part {
    background: #201f25;
    text-align: left;
}

    .game-part-2 .game-history-part.one {
        background: #f8f8f8;
        border: 1px solid var(--color-user-bg);
    }

.game-part-2 .wallet-top-part .game-history-part:first-child {
    width: 30%;
    padding-left: 15px;
}

.game-part-2 .wallet-top-part .game-history-part:nth-child(2) {
    width: 25%;
}

.game-part-2 .wallet-top-part .game-history-part:nth-child(3) {
    width: 20%;
}

.game-part-2 .wallet-top-part .game-history-part:last-child {
    width: 25%;
}

.game-part-2 .wallet-top-part {
    width: 400px;
    float: left !important;
}

.game-part-2 .game-history-part {
    /*width: 100% !important;*/
    /*padding-left: 20px;*/
}

.game-part-2 .wallet-top-part .game-history-part:first-child {
    padding-left: 10px;
}

.game-part-2 .history-bottom-part .wallet-bottom-left {
    width: 100px;
}

.game-part-2 .wallet-top-part {
    width: 400px;
    float: left !important;
}

.game-part-2 .wallet-bottom-part {
}

.game-part-2 .game-history-part {
    /*width: 100% !important;*/
    /*padding-left: 20px;*/
}

/*.game-part-2 .history-bottom-part .wallet-bottom-left {
    width: 100px;
}*/

.game-part-section {
    width: 100%;
    /*float: left;
    padding: 20px;*/
    display: inline-block;
}

.wallet-section {
    width: 50%;
    float: left;
}

.b-show {
    display: block;
}

.dropdown-menu {
    z-index: 99999;
}

@media screen and (max-width:768px) {
    .m-show {
        display: block;
    }

    .b-show {
        display: none;
    }
}





.btn .notif-01 {
    background-color: red;
    color: white;
    font-size: 8px;
    font-weight: 600;
    border-radius: 20px;
    position: relative;
    top: -8px;
    left: -10px;
    width: 15px;
    height: 15px;
    padding: 4px 2px;
}

.btn .notif-02 {
    top: -3px;
    left: 0;
    padding: 3px 0;
}

.c-header-nav .c-header-nav-link .badge,
.c-header-nav .c-header-nav-btn .badge {
    position: absolute;
    top: 50%;
    margin-top: -16px
}

html:not([dir="rtl"]) .c-header-nav .c-header-nav-link .badge,
html:not([dir="rtl"]) .c-header-nav .c-header-nav-btn .badge {
    left: 50%;
    margin-left: 0
}

*[dir="rtl"] .c-header-nav .c-header-nav-link .badge,
*[dir="rtl"] .c-header-nav .c-header-nav-btn .badge {
    right: 50%;
    margin-right: 0
}

.close-popup {
    position: absolute;
    /*top: 16px;*/
    right: 0;
    bottom: auto;
    left: auto;
    z-index: 10;
    cursor: pointer;
    color: #808aa6;
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
    transition: opacity 1s 1s;
}

.popup-wrapper {
    position: relative;
}

.modal,
.modal2 {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1200;
    /* Sit on top */
    padding-top: 0;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.6);
    /* Black w/ opacity */
    backdrop-filter: blur(5px);
    align-items: center;
    justify-content: center;
}

/* Notification */
.notif-hd-title {
    background-color: #0006b5;
    padding: 10px;
    color: white;
    text-align: center;
    border-radius: 2px 2px 0 0;
    margin-left: -0.01em;
    margin-top: -0.01em;
}

.a-top-text-heading {
    font-size: var(--text-sm);
    color: var(--gray-dark);
}

.a-top-text-light {
    font-size: var(--text-xs);
}

.a-top-text-block {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: inherit !important;
    border-bottom: 1px solid #f4f4f4;
    position: relative;
}

    .a-top-text-block:hover:before {
        content: '';
        width: 4px;
        background: #f05a1a;
        left: 0;
        top: 0;
        bottom: 0;
        position: absolute;
    }

    .a-top-text-block.unread {
        background: #ffc;
    }

    .a-top-text-block .a-top-text-light {
        color: #999;
        font-size: 0.6em;
    }

.a-top-head-dropdown .a-dropdown-menu {
    width: 350px;
    height: 300px;
    overflow: auto;
}

.a-top-head-dropdown li:last-child .a-top-text-block {
    border-bottom: 0;
}

.a-topbar-align-center {
    text-align: center;
}

.a-top-head-dropdown ul li {
    width: 350px;
    padding: 5px;
}

ul.a-drop-text li a {
    padding: 5px 15px;
}

.a-loader-topbar {
    margin: 5px auto;
    border: 3px solid #ddd;
    border-radius: 50%;
    border-top: 3px solid #666;
    width: 22px;
    height: 22px;
    -webkit-animation: spin-topbar 1s linear infinite;
    animation: spin-topbar 1s linear infinite;
}

@-webkit-keyframes spin-topbar {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin-topbar {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.notifUnread::after {
    width: 4px;
    background: #f05a1a;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
}

.notifUnread {
    background-color: #004eff14;
    border-color: #000000;
    /*border-right: 4px solid #ff0000;*/
}

    .notifUnread div {
        color: #0056b3;
        font-weight: 500;
    }



.cd-tabs {
    position: relative
}

@media (min-width: 48rem) {
    .cd-tabs {
        display: -ms-flexbox;
        display: flex
    }
}

/*@media (min-width: 64rem) {
    .cd-tabs {
        display: block
    }
}*/

@supports (background: linear-gradient(to left, #000, #000)) {
    .cd-tabs::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        height: 80px;
        width: 25px;
        z-index: 1;
        pointer-events: none;
        background: linear-gradient(to left, hsl(54, 42%, 95%), hsla(54, 42%, 95%, 0));
        background: linear-gradient(to left, var(--cd-color-2), hsla(var(--cd-color-2-h), var(--cd-color-2-s), var(--cd-color-2-l), 0));
        visibility: visible;
        opacity: 1;
        transition: opacity .3s 0s, visibility 0s 0s
    }

    @media (min-width: 48rem) {
        .cd-tabs::after {
            display: none
        }
    }

    .cd-tabs--scroll-ended::after {
        visibility: hidden;
        opacity: 0;
        transition: opacity .3s 0s, visibility 0s .3s
    }
}


.cd-tabs__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    /* height: 80px;
    width: 85px;*/
    font-size: 0.715em;
    /*font-size: calc(var(--text-xs)*1.1);*/
    font-weight: 700;
    color: hsl(0deg 0% 90%);
    text-decoration: none;
    font-weight: 600;
    text-align: center;
    line-height: 12px;
    padding: 10px;
}

    .cd-tabs__item:hover {
        color: hsl(225, 31%, 23%);
        color: var(--cd-color-1);
        background-color: hsla(54, 42%, 84.55%, 0.3);
        background-color: hsla(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l)*0.89), 0.3)
    }

    .cd-tabs__item .icon {
        margin-bottom: 5px !important;
        color: inherit
    }

/*@media (min-width: 48rem) {
    .cd-tabs__item {
        height: 70px;
        width: 80px
    }
}*/

/*@media (min-width: 64rem) {
    .cd-tabs__item {
        height: 45px;
        width: auto;
        padding: 0 2em;
        padding: 0 var(--space-lg);
        -ms-flex-direction: row;
        flex-direction: row
    }

        .cd-tabs__item .icon {
            margin-bottom: 0;
            margin-right: 0.375em;
            margin-right: var(--space-xxs)
        }
}*/

.js .cd-tabs__item--selected span {
    color: hsl(225, 31%, 23%);
    color: var(--cd-color-1)
}

.js .cd-tabs__item--selected {
    background-color: var(--color-user-bg);
    background-color: var(var(--color-user-bg));
    box-shadow: inset 0 2px 0 hsl(1, 84%, 63%);
    box-shadow: inset 0 2px 0 var(--cd-color-4);
}

    .js .cd-tabs__item--selected:hover {
        background-color: var(--color-user-bg);
        background-color: var(--color-user-bg);
    }

    .js .cd-tabs__item--selected .icon {
        color: hsl(0deg 0% 60%);
    }

@media (min-width: 48rem) {
    .js .cd-tabs__item--selected {
        box-shadow: inset 2px 0 0 #ff6a00;
        box-shadow: inset 2px 0 0 #ff6a00;
    }
}

/*@media (min-width: 64rem) {
    .js .cd-tabs__item--selected {
        box-shadow: inset 0 2px 0 #ff6a00;
        box-shadow: inset 0 3px 0 #ff6a00;
    }
}*/

/* Notification */
.notifUnread::after {
    width: 4px;
    background: #f05a1a;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
}

.notifUnread {
    background-color: #004eff14;
    border-color: #000000;
    /*border-right: 4px solid #ff0000;*/
}

    .notifUnread div {
        color: #0056b3;
        font-weight: 500;
    }

.dropdown-menu {
    border: none;
}

    .dropdown-menu a span {
        color: black;
    }

.mobile-bts span,
.mobile-bts svg {
    font-size: .8em;
}

.a-top-text-heading {
    font-size: var(--text-sm);
    color: var(--gray-dark);
}

.a-top-text-light {
    font-size: var(--text-xs);
}

.a-top-text-block {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: inherit !important;
    border-bottom: 1px solid #f4f4f4;
    position: relative;
}

    .a-top-text-block:hover:before {
        content: '';
        width: 4px;
        background: #f05a1a;
        left: 0;
        top: 0;
        bottom: 0;
        position: absolute;
    }

    .a-top-text-block.unread {
        background: #ffc;
    }

    .a-top-text-block .a-top-text-light {
        color: #999;
        font-size: 0.8em;
    }

.a-top-head-dropdown .a-dropdown-menu {
    width: 350px;
    height: 300px;
    overflow: auto;
}

.a-top-head-dropdown li:last-child .a-top-text-block {
    border-bottom: 0;
}

.a-topbar-align-center {
    text-align: center;
}

.a-top-head-dropdown ul li {
    width: 350px;
    padding: 5px;
}

ul.a-drop-text li a {
    padding: 5px 15px;
}

.a-loader-topbar {
    margin: 5px auto;
    border: 3px solid #ddd;
    border-radius: 50%;
    border-top: 3px solid #666;
    width: 22px;
    height: 22px;
    -webkit-animation: spin-topbar 1s linear infinite;
    animation: spin-topbar 1s linear infinite;
}

@-webkit-keyframes spin-topbar {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin-topbar {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* 20201001 Dashboard */
:root {
    --font-primary: sans-serif;
    --text-base-size: 1em;
    --text-scale-ratio: 1.2;
    --text-xs: calc(1em/var(--text-scale-ratio)/var(--text-scale-ratio));
    --text-sm: calc(var(--text-xs)*var(--text-scale-ratio));
    --text-md: calc(var(--text-sm)*var(--text-scale-ratio)*var(--text-scale-ratio));
    --text-lg: calc(var(--text-md)*var(--text-scale-ratio));
    --text-xl: calc(var(--text-lg)*var(--text-scale-ratio));
    --text-xxl: calc(var(--text-xl)*var(--text-scale-ratio));
    --text-xxxl: calc(var(--text-xxl)*var(--text-scale-ratio));
    --body-line-height: 1.4;
    --heading-line-height: 1.2;
    --font-primary-capital-letter: 1
}

:root {
    --space-unit: 1em;
    --space-xxxxs: calc(0.125*var(--space-unit));
    --space-xxxs: calc(0.25*var(--space-unit));
    --space-xxs: calc(0.375*var(--space-unit));
    --space-xs: calc(0.5*var(--space-unit));
    --space-sm: calc(0.75*var(--space-unit));
    --space-md: calc(1.7*var(--space-unit));
    /*1.25*/
    --space-lg: calc(2*var(--space-unit));
    --space-xl: calc(3.25*var(--space-unit));
    --space-xxl: calc(5.25*var(--space-unit));
    --space-xxxl: calc(8.5*var(--space-unit));
    --space-xxxxl: calc(13.75*var(--space-unit));
    --component-padding: var(--space-md)
}



:root {
    --icon-xxs: 12px;
    --icon-xs: 16px;
    --icon-sm: 24px;
    --icon-md: 32px;
    --icon-lg: 48px;
    --icon-xl: 64px;
    --icon-xxl: 128px
}

.icon {
    display: inline-block;
    color: inherit;
    fill: currentColor;
    height: 1em;
    width: 1em;
    line-height: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.icon--xxs {
    font-size: 12px;
    font-size: var(--icon-xxs)
}

.icon--xs {
    font-size: 16px;
    font-size: var(--icon-xs)
}

.icon--sm {
    font-size: 24px;
    font-size: var(--icon-sm)
}

.icon--md {
    font-size: 32px;
    font-size: var(--icon-md)
}

.icon--lg {
    font-size: 48px;
    font-size: var(--icon-lg)
}

.icon--xl {
    font-size: 64px;
    font-size: var(--icon-xl)
}

.icon--xxl {
    font-size: 128px;
    font-size: var(--icon-xxl)
}

.icon--is-spinning {
    -webkit-animation: icon-spin 1s infinite linear;
    animation: icon-spin 1s infinite linear
}

@-webkit-keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.icon use {
    color: inherit;
    fill: currentColor
}


:root {
    --zindex-header: 2;
    --zindex-popover: 5;
    --zindex-fixed-element: 10;
    --zindex-overlay: 15
}


:root,
[data-theme="default"] {
    --color-primary-darker: hsl(220, 90%, 36%);
    --color-primary-darker-h: 220;
    --color-primary-darker-s: 90%;
    --color-primary-darker-l: 36%;
    --color-primary-dark: hsl(220, 90%, 46%);
    --color-primary-dark-h: 220;
    --color-primary-dark-s: 90%;
    --color-primary-dark-l: 46%;
    --color-primary: hsl(220, 90%, 56%);
    --color-primary-h: 220;
    --color-primary-s: 90%;
    --color-primary-l: 56%;
    --color-primary-light: hsl(220, 90%, 66%);
    --color-primary-light-h: 220;
    --color-primary-light-s: 90%;
    --color-primary-light-l: 66%;
    --color-primary-lighter: hsl(220, 90%, 76%);
    --color-primary-lighter-h: 220;
    --color-primary-lighter-s: 90%;
    --color-primary-lighter-l: 76%;
    --color-accent-darker: hsl(355, 90%, 41%);
    --color-accent-darker-h: 355;
    --color-accent-darker-s: 90%;
    --color-accent-darker-l: 41%;
    --color-accent-dark: hsl(355, 90%, 51%);
    --color-accent-dark-h: 355;
    --color-accent-dark-s: 90%;
    --color-accent-dark-l: 51%;
    --color-accent: hsl(355, 90%, 61%);
    --color-accent-h: 355;
    --color-accent-s: 90%;
    --color-accent-l: 61%;
    --color-accent-light: hsl(355, 90%, 71%);
    --color-accent-light-h: 355;
    --color-accent-light-s: 90%;
    --color-accent-light-l: 71%;
    --color-accent-lighter: hsl(355, 90%, 81%);
    --color-accent-lighter-h: 355;
    --color-accent-lighter-s: 90%;
    --color-accent-lighter-l: 81%;
    --color-black: hsl(240, 8%, 12%);
    --color-black-h: 240;
    --color-black-s: 8%;
    --color-black-l: 12%;
    --color-white: hsl(0, 0%, 100%);
    --color-white-h: 0;
    --color-white-s: 0%;
    --color-white-l: 100%;
    --color-success-darker: hsl(94, 48%, 36%);
    --color-success-darker-h: 94;
    --color-success-darker-s: 48%;
    --color-success-darker-l: 36%;
    --color-success-dark: hsl(94, 48%, 46%);
    --color-success-dark-h: 94;
    --color-success-dark-s: 48%;
    --color-success-dark-l: 46%;
    --color-success: hsl(94, 48%, 56%);
    --color-success-h: 94;
    --color-success-s: 48%;
    --color-success-l: 56%;
    --color-success-light: hsl(94, 48%, 66%);
    --color-success-light-h: 94;
    --color-success-light-s: 48%;
    --color-success-light-l: 66%;
    --color-success-lighter: hsl(94, 48%, 76%);
    --color-success-lighter-h: 94;
    --color-success-lighter-s: 48%;
    --color-success-lighter-l: 76%;
    --color-error-darker: hsl(355, 90%, 41%);
    --color-error-darker-h: 355;
    --color-error-darker-s: 90%;
    --color-error-darker-l: 41%;
    --color-error-dark: hsl(355, 90%, 51%);
    --color-error-dark-h: 355;
    --color-error-dark-s: 90%;
    --color-error-dark-l: 51%;
    --color-error: hsl(355, 90%, 61%);
    --color-error-h: 355;
    --color-error-s: 90%;
    --color-error-l: 61%;
    --color-error-light: hsl(355, 90%, 71%);
    --color-error-light-h: 355;
    --color-error-light-s: 90%;
    --color-error-light-l: 71%;
    --color-error-lighter: hsl(355, 90%, 81%);
    --color-error-lighter-h: 355;
    --color-error-lighter-s: 90%;
    --color-error-lighter-l: 81%;
    --color-warning-darker: hsl(46, 100%, 41%);
    --color-warning-darker-h: 46;
    --color-warning-darker-s: 100%;
    --color-warning-darker-l: 41%;
    --color-warning-dark: hsl(46, 100%, 51%);
    --color-warning-dark-h: 46;
    --color-warning-dark-s: 100%;
    --color-warning-dark-l: 51%;
    --color-warning: hsl(46, 100%, 61%);
    --color-warning-h: 46;
    --color-warning-s: 100%;
    --color-warning-l: 61%;
    --color-warning-light: hsl(46, 100%, 71%);
    --color-warning-light-h: 46;
    --color-warning-light-s: 100%;
    --color-warning-light-l: 71%;
    --color-warning-lighter: hsl(46, 100%, 81%);
    --color-warning-lighter-h: 46;
    --color-warning-lighter-s: 100%;
    --color-warning-lighter-l: 81%;
    --color-bg: hsl(0, 0%, 100%);
    --color-bg-h: 0;
    --color-bg-s: 0%;
    --color-bg-l: 100%;
    --color-contrast-lower: hsl(0, 0%, 95%);
    --color-contrast-lower-h: 0;
    --color-contrast-lower-s: 0%;
    --color-contrast-lower-l: 95%;
    --color-contrast-low: hsl(240, 1%, 83%);
    --color-contrast-low-h: 240;
    --color-contrast-low-s: 1%;
    --color-contrast-low-l: 83%;
    --color-contrast-medium: hsl(240, 1%, 48%);
    --color-contrast-medium-h: 240;
    --color-contrast-medium-s: 1%;
    --color-contrast-medium-l: 48%;
    --color-contrast-high: hsl(240, 4%, 20%);
    --color-contrast-high-h: 240;
    --color-contrast-high-s: 4%;
    --color-contrast-high-l: 20%;
    --color-contrast-higher: hsl(240, 8%, 12%);
    --color-contrast-higher-h: 240;
    --color-contrast-higher-s: 8%;
    --color-contrast-higher-l: 12%;
    --color-user-bg: #ececec;
    --color-afb-black: #212529;
}

:root {
    --cd-color-1: hsl(225, 31%, 23%);
    --cd-color-1-h: 225;
    --cd-color-1-s: 31%;
    --cd-color-1-l: 23%;
    --cd-color-2: hsl(54, 42%, 95%);
    --cd-color-2-h: 54;
    --cd-color-2-s: 42%;
    --cd-color-2-l: 95%;
    --cd-color-3: hsl(54, 8%, 75%);
    --cd-color-3-h: 54;
    --cd-color-3-s: 8%;
    --cd-color-3-l: 75%;
    --cd-color-4: hsl(1, 84%, 63%);
    --cd-color-4-h: 1;
    --cd-color-4-s: 84%;
    --cd-color-4-l: 63%;
    --font-primary: 'PT Sans', sans-serif
}

.cd-tabs {
    position: relative
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e0e0e0;
}

.cd-tabs__list span {
    color: white;
    word-break: break-word;
}


@media (min-width: 48rem) {
    .cd-tabs {
        display: -ms-flexbox;
        display: flex
    }
}

/*@media (min-width: 64rem) {
    .cd-tabs {
        display: block
    }
}*/

@supports (background: linear-gradient(to left, #000, #000)) {
    .cd-tabs::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        height: 80px;
        width: 25px;
        z-index: 1;
        pointer-events: none;
        background: linear-gradient(to left, hsl(54, 42%, 95%), hsla(54, 42%, 95%, 0));
        background: linear-gradient(to left, var(--cd-color-2), hsla(var(--cd-color-2-h), var(--cd-color-2-s), var(--cd-color-2-l), 0));
        visibility: visible;
        opacity: 1;
        transition: opacity .3s 0s, visibility 0s 0s
    }

    @media (min-width: 48rem) {
        .cd-tabs::after {
            display: none
        }
    }

    .cd-tabs--scroll-ended::after {
        visibility: hidden;
        opacity: 0;
        transition: opacity .3s 0s, visibility 0s .3s
    }
}

.cd-tabs__navigation {
    background: hsl(54, 42%, 95%);
    background: var(--cd-color-1);
    --cd-color-shadow: hsla(54, 42%, 64.6%, 0.06);
    --cd-color-shadow: hsla(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l)*0.68), 0.06);
    box-shadow: inset 0 -2px 3px hsla(54, 42%, 64.6%, 0.06);
    box-shadow: inset 0 -2px 3px var(--cd-color-shadow)
}

@media (min-width: 48rem) {
    .cd-tabs__navigation {
        width: 90px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        box-shadow: inset -2px 0 3px hsla(54, 42%, 64.6%, 0.06);
        box-shadow: inset -2px 0 3px var(--cd-color-shadow)
    }
}

/*@media (min-width: 64rem) {
    .cd-tabs__navigation {
        display: -ms-flexbox;
        display: flex;
        width: auto;
        background: transparent;
        box-shadow: none;
        background-color: var(--cd-color-1);
    }
}*/

.cd-tabs__list {
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

ul.cd-tabs__list {
    padding: 0;
    z-index: 9;
}

.cd-tabs__list li {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: var(--cd-color-1);
}

@media (min-width: 48rem) {
    .cd-tabs__list {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

/*@media (min-width: 64rem) {
    .cd-tabs__list {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: row;
        flex-direction: row;
        background-color: hsl(54, 42%, 95%);
        background-color: var(--cd-color-1);
        --cd-color-shadow: hsla(54, 42%, 64.6%, 0.06);
        --cd-color-shadow: hsla(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l)*0.68), 0.06);
        box-shadow: inset 0 -2px 3px hsla(54, 42%, 64.6%, 0.06);
        box-shadow: inset 0 -2px 3px var(--cd-color-shadow)
    }

    @media (min-width: 64rem) {
        .cd-tabs__list {
            box-shadow: inset 0 -2px 3px hsla(54, 42%, 64.6%, 0.06);
            box-shadow: inset 0 -2px 3px var(--cd-color-shadow)
        }
    }
}*/

/*@media (min-width: 48rem) {
    .cd-tabs__item {
        height: 70px;
        width: 80px
    }
}*/

/*@media (min-width: 64rem) {
    .cd-tabs__item {
        height: 45px;
        width: auto;
        padding: 0 2em;
        padding: 0 var(--space-md);
        -ms-flex-direction: row;
        flex-direction: row
    }

        .cd-tabs__item .icon {
            margin-bottom: 0;
            margin-right: 0.375em;
            margin-right: var(--space-xxs)
        }
}*/

.js .cd-tabs__item--selected {
    background-color: var(--color-user-bg);
    background-color: var(var(--color-user-bg));
    box-shadow: inset 0 2px 0 hsl(1, 84%, 63%);
    box-shadow: inset 0 2px 0 var(--cd-color-4);
    color: hsl(225, 31%, 23%);
    color: var(--cd-color-1)
}

    .js .cd-tabs__item--selected:hover {
        background-color: var(--color-user-bg);
        background-color: var(--color-user-bg);
    }

    .js .cd-tabs__item--selected .icon {
        color: hsl(0deg 0% 60%);
    }

@media (min-width: 48rem) {
    .js .cd-tabs__item--selected {
        box-shadow: inset 2px 0 0 #ff6a00;
        box-shadow: inset 2px 0 0 #ff6a00;
    }
}

/*@media (min-width: 64rem) {
    .js .cd-tabs__item--selected {
        box-shadow: inset 0 2px 0 #ff6a00;
        box-shadow: inset 0 3px 0 #ff6a00;
    }
}*/

.cd-tabs__panels {
    background: hsl(0, 0%, 100%);
    background: var(--color-user-bg);
    /*overflow: hidden;*/
    overflow-x: auto;
    width: 100%;
    padding: 0;
}

.cd-tabs__panel {
    padding: 1.25em;
    padding: var(--space-md);
    --line-height-multiplier: 1.14;
    --text-vspace-multiplier: 1.25
}

    .cd-tabs__panel p {
        color: hsl(225, 31%, 63.02%);
        color: hsl(var(--gray), var(--cd-color-1-s), calc(var(--cd-color-1-l)*2.74));
        margin: 5px 0;
        font-size: var(--text-sm)
    }

        .cd-tabs__panel p a {
            color: #002bff;
            padding: 0;
            font-size: 13px;
        }

.profile-notif time {
    margin: 5px 0;
    font-size: var(--text-sm)
}

@media (min-width: 48rem) {
    .cd-tabs__panel {
        padding: 2em;
        padding: var(--space-lg)
    }
}

/*@media (min-width: 64rem) {
    .cd-tabs__panel p {
        font-size: 0.83333em;
        font-size: 1.1em;
    }
}*/

.js .cd-tabs__panel {
    display: none;
    padding: 20px;
}

.js .cd-tabs__panel--selected {
    /*    display: grid;*/
    display: block;
    -webkit-animation: cd-fade-in 0.5s;
    animation: cd-fade-in 0.5s
}

@-webkit-keyframes cd-fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes cd-fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

/* 20201002 Dashboard */
/*.inside-tab {
    background-color: var(--cd-color-1);
}*/

.inside-tab-item > a.active {
    color: var(--cd-color-1);
    border: 2px solid #ff6a00;
    background-color: white;
}

.inside-tab-bg {
    background-color: white;
    padding: 10px 20px;
}


.choose-file::-webkit-file-upload-button {
    color: white;
    display: inline-block;
    background: var(--cd-color-1);
    border: none;
    padding: 2px 5px;
    font-weight: 700;
    border-radius: 3px;
    white-space: nowrap;
    cursor: pointer;
    font-size: 8pt;
    margin: 3px;
}

.form-group label {
    color: black;
    margin-bottom: 0
}

.fileinput input,
textarea {
    padding: 0 !important;
}


.games-bg .top-games-item .col-data {
    float: left;
    width: 20%;
    text-align: center;
    border-right: 1px solid #ec8b23;
    color: #fff;
}

.top-games-item.one {
    background-color: #f8f8f8;
    line-height: 3;
}

.games-bg .top-games-item .col-data.one {
    border: 1px solid var(--color-user-bg);
    color: #495057;
    padding: 5px;
}

@media only screen and (max-width:670px) {
    .games-bg .top-games-item .col-data.one {
        width: 155px;
    }
}

.games-title.one {
    padding-bottom: 20px;
}

h_bar-login,
.h_nav {
    font-weight: 700;
    text-transform: uppercase;
}

.h_nav {
    display: flex;
    justify-content: space-around;
    width: auto;
    height: auto;
}

.h_nav-list > li {
    display: inline-block;
    width: auto;
    height: inherit;
    padding: 0;
}

.h_nav-item > a,
.h_nav-item > span {
    display: block;
    padding: 0 10px;
    z-index: 0;
    color: #bebebe;
    font-weight: 500;
    font-size: 12px;
    line-height: 35px;
    border-radius: 5px;
    background-color: var(--cd-color-1);
    margin-right: 5px;
    border: 2px solid var(--cd-color-1);
}

    .h_nav-item > a:hover,
    .h_nav-item > span:hover {
        color: #fff;
    }

    .h_nav-item > a.active {
        color: black;
    }

.h_bar {
    justify-content: flex-end;
    min-height: 100%;
    margin-left: auto;
    width: auto;
    height: auto;
}

.h_bar,
.h_bar-dropdown {
    display: flex;
    align-items: center;
    position: relative;
}

/* User Games List */
.game-part {
    /*border: solid 1px #2a3040;
    border-radius: 4px;
    background: #1c1b20;
    width: 49%;*/
    width: 100%;
}

    .game-part .h3 {
        background: #2a3040;
        width: 100%;
        padding: 15px;
        font-size: 15px;
        font-weight: normal;
        text-transform: capitalize;
        color: #fff;
        margin: 0;
    }

.game-part-section {
    width: 100%;
    /*float: left;
    padding: 20px;*/
    display: inline-block;
}

.gamesHs ul li {
    color: white;
}

.gamesHs ul {
    width: 100%;
    padding: 0;
    display: block;
    display: flex;
    overflow-x: auto;
}

    .gamesHs ul li {
        float: left;
        color: #000000;
        padding: 10px;
        background: #e2e2e2;
        border: 1px solid #d0d0d0;
        font-size: 13px;
        font-size: .95em;
    }


.top-five-title {
    margin-top: 10px;
    color: white;
    text-align: center;
    font-size: 14px;
    background-color: var(--cd-color-1);
    padding: 5px;
}

@media only screen and (max-width:944px) {
    .gamesHs ul li {
        height: 55px;
    }
}

ul.gamesHs-title li {
    background-color: #3b4358;
    border: none;
    color: white;
    font-weight: 600;
    height: auto;
}

.rank-part {
    /*padding: 20px;*/
    float: left;
    width: 100%;
}

    .rank-part .h4 {
        color: #00d0ff;
        font-size: 14px;
        font-weight: 600;
        text-transform: capitalize;
        text-align: left;
        padding: .75rem .9rem;
    }

/*for promotion progress*/
.card {
    border: none;
    background-color: #dadada;
}

.card-header {
    /*    background: #363c4e;*/
    padding: 0;
}

@media screen and (max-width:991px) {
    .promotion_Progress {
        padding-left: 8% !important;
        padding-right: 8% !important;
    }

    .progress-promo {
        margin: 25px 0 !important;
        margin-right: 10px !important;
    }

    .pmo-progress-wrapper {
        padding: 0;
    }

    .pmo-margin-bottom {
        margin-bottom: 15px;
    }
}

@media screen and (max-width:480px) {

    #snav li a:hover span img,
    #snav li span img {
        display: none;
    }
}

@media screen and (max-width:415px) {
    .pr-m-3 {
        padding-right: 1rem !important;
    }
}

.pmo-title {
    font-size: .89rem;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px solid #313131;
}

.pmo-progress-wrapper {
    padding: 10px 0;
}

.promotion_Progress {
    padding-left: 5%;
    padding-right: 5%;
}

.pmo-progress-contant h4 {
    color: white;
    text-align: center;
    font-weight: 600;
    font-size: .7rem;
    margin: 0 auto;
    margin-bottom: 5px;
    padding: 0;
}

.progress-promo {
    width: 70px;
    height: 70px;
    line-height: 80px;
    background: none;
    box-shadow: none;
    position: relative;
    margin: 0;
}

    .progress-promo:after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 14px solid #fff;
        position: absolute;
        top: 0;
        left: 0;
    }

    .progress-promo > span {
        width: 50%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 1;
    }

    .progress-promo .progress-promo-left {
        left: 0;
    }

    .progress-promo .progress-promo-bar {
        width: 100%;
        height: 100%;
        background: none;
        border-width: 14px;
        border-style: solid;
        position: absolute;
        top: 0;
    }

    .progress-promo .progress-promo-left .progress-promo-bar {
        left: 100%;
        border-top-right-radius: 80px;
        border-bottom-right-radius: 80px;
        border-left: 0;
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }

    .progress-promo .progress-promo-right {
        right: 0;
    }

        .progress-promo .progress-promo-right .progress-promo-bar {
            left: -100%;
            border-top-left-radius: 80px;
            border-bottom-left-radius: 80px;
            border-right: 0;
            -webkit-transform-origin: center right;
            transform-origin: center right;
            animation: loading-1 1.8s linear forwards;
        }

    .progress-promo .progress-promo-value {
        width: 90%;
        height: 90%;
        border-radius: 50%;
        background: #44484b;
        font-size: 14px;
        color: #fff;
        line-height: 135px;
        text-align: center;
        position: absolute;
        top: 5%;
        left: 5%;
    }

.progress-Pending {
    border-color: var(--color-warning);
}

.progress-Running {
    border-color: var(--color-primary);
}

.progress-Expired {
    border-color: var(--color-contrast-low);
}

.progress-Success {
    border-color: var(--color-success);
}

.progress-bar-Pending {
    background-color: var(--color-warning);
}

.progress-bar-Running {
    background-color: var(--color-primary);
}

.progress-bar-Expired {
    background-color: var(--color-contrast-low);
}

.progress-bar-Success {
    background-color: var(--color-success);
}

/* progress custom for more than 50% */
.progress-promo.progress-custom .progress-promo-bar {
}

.progress-promo.progress-custom .progress-promo-left .progress-promo-bar {
    /*animation: custom-Loading-1 1.5s linear forwards 1.8s;*/
    animation: custom-Loading-1 1.5s linear forwards 1.8s;
}

/* progress custom for less than 50% */
.progress-promo.progress-custom-2 .progress-promo-bar {
}

.progress-promo.progress-custom-2 .progress-promo-right .progress-promo-bar {
    /*animation: custom-Loading-1 1.5s linear forwards 1.8s;*/
    animation: custom-Loading-1 1.5s linear forwards 1.8s;
}

.progressBar-Animation {
    animation: progressBar 3s ease-in-out;
    animation-fill-mode: both;
}

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}

@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}

@keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}

@keyframes custom-Loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(var(--progress1));
        transform: rotate(var(--progress1));
    }
}

@keyframes progressBar {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

#gotoTop {
    display: none;
    position: fixed;
    bottom: 15%;
    right: 0;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #cf2c27a8;
    color: white;
    cursor: pointer;
    padding: 9px 15px;
}

    #gotoTop:hover {
        background-color: #cf2c27;
    }


@media screen and (max-width:767px) {
    #gotoTop {
        position: relative;
        bottom: 0;
        right: 0;
        margin: 0 auto;
        padding: 0px 40px;
        margin-top: 0;
        background-color: var(--cd-color-1);
        width: 100%;
    }
}

/* promotion progress end*/

.footer-wrapper01 {
    display: inline-block;
    background-color: #4a1766;
    padding: 30px 0;
    /*margin-top: 40px;*/
    width: 100%;
    word-break: break-word;
    overflow-wrap: break-word;
}

    .footer-wrapper01 h1,
    .footer-wrapper01 h2,
    .footer-wrapper01 h3,
    .footer-wrapper01 h4,
    .footer-wrapper01 h5,
    .footer-wrapper01 h6 {
        word-break: break-all;
    }

.wrapper-container {
    max-width: 1400px;
}

.footer-wrapper01 p {
    /*color: #bbbbbb;
    font-weight: 300;
    font-size: 12px;*/
    text-align: justify;
    text-justify: inter-word;
}

.footer-wrapper01 h2,
.footer-wrapper01 h3,
.footer-wrapper01 h4,
.footer-wrapper01 h5,
.footer-wrapper01 h6 {
    color: var(--light);
    /*font-size: 14px;
    margin-bottom: 15px;*/
}

.footer-wrapper01 h1 {
    color: var(--light);
    /*font-size: 16px;
    margin-bottom: 15px;*/
}

.sidebar-box {
    max-height: 250px;
    height: auto !important;
    position: relative;
    overflow: hidden;
    min-height:100px
}
.sidebar-box .read-more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 10px 0;
    background-image: linear-gradient(to bottom, transparent, #0d0f13);
}

.sidebar-box .read-more a.button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    background-color: var(--cd-color-1);
    color: white;
    font-size: .9em;
    font-weight: 600 !important;
    padding: 5px 15px;
    font-weight: revert;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
}

.sidebar-box .read-more a.button:hover,
.sidebar-box .read-more-btn a.button:hover {
    background-color: #ff6a00;
}
.sidebar-box .read-more-wrap.read-less-content {
    /*animation: read-less-content .5s linear;*/
}
.sidebar-box .read-more-wrap.read-more-content {
    animation: read-more-content .5s linear;
}

@keyframes read-more-content {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes read-less-content {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-30px);
    }
}
/* Games Lobby Hover */

.photobox {
    display: inline-block;
}

.photobox__previewbox {
    position: relative;
    overflow: hidden;
}

.photobox__preview {
    display: block;
    max-width: 100%;
}

.photobox__previewbox:before {
    content: "";
}

/* type 1 */

.photobox_type1 .photobox__previewbox:before {
    width: 0;
    height: 0;
    padding: 25%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--photoboxOverlay, rgba(0, 0, 0, .8));
    transition: transform calc(var(--photoboxAnimationDuration, .2s) / 2) ease calc(var(--photoboxAnimationDuration, .2s) / 2);
    will-change: transform;
    transform: scale(0);
}

.photobox_type1:hover .photobox__previewbox:before {
    transform: scale(3);
    transition-duration: var(--photoboxAnimationDuration, .2s);
    transition-delay: 0s;
}

.photobox_type1 .photobox__label {
    transform: translate(-200%, -50%);
    transition: transform var(--photoboxAnimationDuration, .2s) ease-out;
    will-change: transform;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 15% auto;
    text-align: center;
}

.photobox_type1:hover .photobox__label {
    transition-duration: var(--photoboxAnimationDuration, .2s);
    transform: translate(0, 0);
    width: 100%;
}



/*
* demo styles for photobox
*/

.photobox {
    color: #fff;
    /*font-size: 2.5rem;*/
    font-weight: 700;
    width: 33.33333%;
    --photoboxOverlay: #070707a8;
    --photoboxAnimationDuration: .5s;
    margin: 4px 0;
    padding: 0 5px;
}

@media screen and (max-width: 480px) {
    .photobox {
        width: 100%;
    }

    .cd-tabs__panel p.one {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 175px;
        display: inline-block;
    }
}

@media screen and (max-width: 321px) {
    .cd-tabs__panel p.one {
        width: 120px;
    }
}

.paging-gamelobby {
    display: inline-block;
    float: right;
}

/* user names */
.user-names a span {
    color: white;
}

    .user-names a span:hover {
        color: aqua;
    }

/* add bank */
.tabcontentmd {
    color: #808aa6;
}

    .tabcontentmd .popup-header,
    .tabcontentmd .popup-title {
        width: 100%;
        height: 64px;
        padding: 0;
        background-color: #fff;
        border-bottom: none;
        border-radius: 4px 4px 0 0;
        color: #808aa6;
        font-size: 14px;
        font-weight: bold;
        line-height: 64px;
        text-align: center;
        text-transform: uppercase;
        position: relative;
        border-bottom: 1px solid hsla(0, 0%, 59.2%, .3);
    }

/* Modal Content */
.modal-content {
    background-color: #fff;
    margin: auto;
    padding: 0;
    border: none;
    width: 360px;
    /*min-height: 280px;*/
    border-radius: 5px;
}

.modal-body .h5 {
    font-weight: 500 !important;
    color: #636363;
}

.btn-sharebox .h5 {
    color: white !important;
    /*    font-size: 1.2em !important;
*/
}

.close-popup {
    position: absolute;
    top: 16px;
    right: 22px;
    bottom: auto;
    left: auto;
    z-index: 10;
    cursor: pointer;
    color: #808aa6;
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
    transition: opacity 1s 1s;
}

.popup-form {
    padding: 20px 30px 25px;
    float: left;
    width: 100%;
}

.form-block {
    padding: 0;
    margin: 0 0 10px;
    position: relative;
    border: none;
    text-align: left;
}

.popup-footer button {
    background: #67cf35;
    border: #67cf35;
    width: 100%;
    border-radius: 2px;
    padding: 8px 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 5px;
    font-weight: bold;
}

    .popup-footer button span {
        color: white;
    }

/*.text-gold {
    color: rgb(255, 221, 155) !important;
}*/

.withdrawNB span {
    color: black;
}

/* video frame */
form.video-iframe {
    margin-bottom: -6px;
    margin-top: -1px;
}


/* game iframe */
.game-frame iframe {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.box-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10%;
}

.box {
    padding: 30px;
    margin: 2%;
    background: white;
    width: 30%;
    border: 1px solid #d6d6d6;
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    transition: .2s all;
}

.box-wrap:hover .box {
    filter: blur(3px);
    opacity: .5;
    transform: scale(.98);
    box-shadow: none;
}

    .box-wrap:hover .box:hover {
        transform: scale(1);
        filter: blur(0px);
        opacity: 1;
        box-shadow: 0 8px 20px 0px rgba(0, 0, 0, 0.125);
    }


/* mobile User Profile */
.m-profile-notif {
    padding: 0;
    float: right;
    margin-top: -4px;
}

.btn-link i {
    color: white;
}

/* */
.owl-nav {
    color: white;
}

.owl-prev {
    position: absolute;
    top: 40%;
    left: 1%;
}

.owl-next {
    position: absolute;
    top: 40%;
    right: 1%;
}

div#landing-hero button.owl-prev,
div#landing-hero button.owl-next {
    width: 38px;
    border-radius: 50px;
}

    div#landing-hero button.owl-prev span,
    div#landing-hero button.owl-next span {
        font-size: 25px;
    }

/* Info page */
.faq-nav {
    flex-direction: column;
    margin: 0 0 32px;
    border-radius: 2px;
}

    .faq-nav .nav-link {
        position: relative;
        display: block;
        margin: 0;
        padding: 13px 16px;
        background-color: #fff;
        border: 0;
        border-bottom: 1px solid #ddd;
        border-radius: 0;
        color: #616161;
        transition: background-color .2s ease;
    }

        .faq-nav .nav-link:hover {
            background-color: #f6f6f6;
        }

        .faq-nav .nav-link.active {
            background-color: #2a3040;
            font-weight: 700;
            color: rgb(255 255 255 / 87%);
        }

        .faq-nav .nav-link:last-of-type {
            border-bottom-left-radius: 2px;
            border-bottom-right-radius: 2px;
            border-bottom: 0;
        }

        .faq-nav .nav-link i.mdi {
            margin-right: 5px;
            font-size: 18px;
            position: relative;
        }

.tab-content {
    box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15);
}

    .tab-content .card {
        border-radius: 0;
    }

    .tab-content .card-header {
        border-radius: 0;
        background-color: #f6f6f6;
    }

        .tab-content .card-header .h5 {
            margin: 0;
        }

            .tab-content .card-header .h5 button {
                display: block;
                width: 100%;
                padding: 0;
                border: 0;
                font-weight: 700;
                color: rgba(0, 0, 0, 0.87);
                text-align: left;
                white-space: normal;
                font-size: .8em !important;
                padding: 15px 16px;
            }



.tab-content .card-header .h5 button:hover,
.tab-content .card-header .h5 button:focus,
.tab-content .card-header .h5 button:active,
.tab-content .card-header .h5 button:hover:active {
    text-decoration: none;
}

.tab-content .card-body p {
    color: #616161;
}

    .tab-content .card-body p:last-of-type {
        margin: 0;
    }

.accordion > .card:not(:first-child) {
    border-top: 0;
}

.collapse.show .card-body {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.accordion > .card > .card-header {
    margin-bottom: 0 !important;
}

/* Promotion */
.save-btn.one {
    position: absolute;
    bottom: 0;
}

/* 20210223 */

/* -------------------------------- 

xnugget info 

-------------------------------- */
.cd-nugget-info {
    position: absolute;
    width: 60%;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .cd-nugget-info h1 {
        color: #fefffb;
        font-size: 2.4rem;
        margin: .6em 0;
    }

    .cd-nugget-info .cd-btn {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        border: none;
        border-radius: 50em;
        background: #ff962c;
        padding: 1em 2em;
        color: #fefffb;
        font-weight: bold;
        font-size: 1.4rem;
        cursor: pointer;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    }

        .cd-nugget-info .cd-btn:active {
            -webkit-transform: scale(0.9);
            -moz-transform: scale(0.9);
            -ms-transform: scale(0.9);
            -o-transform: scale(0.9);
            transform: scale(0.9);
        }

        .no-touch .cd-nugget-info .cd-btn:hover,
        .cd-nugget-info .cd-btn:focus {
            outline: none;
            background: #ffa346;
        }

@media only screen and (min-width: 768px) {
    .cd-nugget-info h1 {
        font-size: 4.2rem;
        font-weight: 300;
    }

    .cd-nugget-info .cd-btn {
        font-size: 1.6rem;
    }
}

/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-tour-wrapper {
    position: fixed;
    z-index: 2;
    height: 90%;
    width: 90%;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
    -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;
    transition: opacity 0.4s 0s, visibility 0s 0.4s;
}

    .cd-tour-wrapper::before {
        /* never visible - this is used in jQuery to check the current MQ */
        display: none;
        content: 'mobile';
    }

    .cd-tour-wrapper.active {
        /* start tour */
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity 0.4s 0s, visibility 0s 0s;
        -moz-transition: opacity 0.4s 0s, visibility 0s 0s;
        transition: opacity 0.4s 0s, visibility 0s 0s;
    }

@media only screen and (min-width: 600px) {
    .cd-tour-wrapper {
        max-width: 500px;
        max-height: 600px;
    }
}

@media only screen and (min-width: 768px) {
    .cd-tour-wrapper {
        /* reset style */
        position: relative;
        /*top: 0;
        left: 0;*/
        height: 100%;
        width: 100%;
        max-width: none;
        max-height: none;
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

        .cd-tour-wrapper::before {
            /* never visible - this is used in jQuery to check the current MQ */
            content: 'desktop';
        }

        .cd-tour-wrapper.active {
            visibility: hidden;
        }
}

.cd-single-step {
    /* tour single step */
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 30px;
    background-color: #191919ed;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    opacity: 0;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.4s 0s, opacity 0s 0.4s;
    -moz-transition: -moz-transform 0.4s 0s, opacity 0s 0.4s;
    transition: transform 0.4s 0s, opacity 0s 0.4s;
}

    .cd-single-step > span {
        /* dot indicator - visible on desktop version only */
        position: relative;
        z-index: 1;
        display: block;
        width: 10px;
        height: 10px;
        border-radius: inherit;
        background: #ff962c;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transition: -webkit-transform 0.4s;
        -moz-transition: -moz-transform 0.4s;
        transition: transform 0.4s;
        /* replace text with background images */
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        /* hide on mobile */
        display: none;
    }

    .cd-single-step::after {
        /* this is used to create the pulse animation */
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-radius: inherit;
        /* Force Hardware Acceleration */
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        /* hide on mobile */
        display: none;
    }

.active .cd-single-step {
    /* tour started */
    -webkit-transform: scale(1) translateX(100%);
    -moz-transform: scale(1) translateX(100%);
    -ms-transform: scale(1) translateX(100%);
    -o-transform: scale(1) translateX(100%);
    transform: scale(1) translateX(100%);
    -webkit-transition: -webkit-transform 0.4s 0s, opacity 0.4s 0s;
    -moz-transition: -moz-transform 0.4s 0s, opacity 0.4s 0s;
    transition: transform 0.4s 0s, opacity 0.4s 0s;
}

    .active .cd-single-step.move-left {
        -webkit-transform: scale(1) translateX(-100%);
        -moz-transform: scale(1) translateX(-100%);
        -ms-transform: scale(1) translateX(-100%);
        -o-transform: scale(1) translateX(-100%);
        transform: scale(1) translateX(-100%);
    }

    .active .cd-single-step.is-selected {
        /* visible step */
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform 0.4s 0s;
        -moz-transition: -moz-transform 0.4s 0s;
        transition: transform 0.4s 0s;
    }

@media only screen and (min-width: 768px) {
    .cd-single-step {
        /* reset style */
        height: auto;
        width: auto;
        top: auto;
        left: auto;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        border-radius: 50%;
        visibility: hidden;
        opacity: 1;
        background-color: transparent;
        box-shadow: none;
        -webkit-transition: visibility 0s 0.4s;
        -moz-transition: visibility 0s 0.4s;
        transition: visibility 0s 0.4s;
    }

        .cd-single-step:nth-of-type(1) {
            /* set tour points positions */
            top: -10px;
            right: 70px;
        }

        .cd-single-step:nth-of-type(2) {
            bottom: 24%;
            right: 82%;
        }

        .cd-single-step:nth-of-type(3) {
            top: 28%;
            left: 20%;
        }

        .cd-single-step > span,
        .cd-single-step::after {
            display: block;
        }

    .active .cd-single-step,
    .active .cd-single-step.move-left {
        -webkit-transition: visibility 0s 0.4s;
        -moz-transition: visibility 0s 0.4s;
        transition: visibility 0s 0.4s;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .cd-single-step.is-selected {
        visibility: visible;
        -webkit-transition: visibility 0s 0s;
        -moz-transition: visibility 0s 0s;
        transition: visibility 0s 0s;
    }

        .cd-single-step.is-selected > span {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
        }

        .cd-single-step.is-selected::after {
            -webkit-animation: cd-pulse 2s infinite;
            -moz-animation: cd-pulse 2s infinite;
            animation: cd-pulse 2s infinite;
            -webkit-animation-delay: 0.5s;
            -moz-animation-delay: 0.5s;
            animation-delay: 0.5s;
        }

        .cd-single-step.is-selected .cd-more-info {
            opacity: 1;
        }
}

@-webkit-keyframes cd-pulse {
    0% {
        box-shadow: 0 0 0 0 #ff962c;
    }

    100% {
        box-shadow: 0 0 0 20px rgba(255, 150, 44, 0);
    }
}

@-moz-keyframes cd-pulse {
    0% {
        box-shadow: 0 0 0 0 #ff962c;
    }

    100% {
        box-shadow: 0 0 0 20px rgba(255, 150, 44, 0);
    }
}

@keyframes cd-pulse {
    0% {
        box-shadow: 0 0 0 0 #ff962c;
    }

    100% {
        box-shadow: 0 0 0 20px rgba(255, 150, 44, 0);
    }
}

.cd-single-step .cd-more-info {
    z-index: 1;
    padding: 1.5em;
    width: 100%;
    background-color: #5700a7f0;
}

    .cd-single-step .cd-more-info::after {
        clear: both;
        content: "";
        display: table;
    }

    .cd-single-step .cd-more-info::before {
        /* triangle next to the step description - hidden on mobile */
        content: '';
        position: absolute;
        height: 0;
        width: 0;
        border: 6px solid transparent;
        display: none;
    }

    .cd-single-step .cd-more-info h2 {
        font-size: 2em;
        color: #d7d7d7;
        margin-bottom: .4em;
    }

    .cd-single-step .cd-more-info p {
        font-size: 1.1em;
        line-height: 1.6;
        /*margin-bottom: 1.3em;*/
        color: #ffffff;
        text-align: left;
    }

    .cd-single-step .cd-more-info img {
        margin-bottom: 1.4em;
        margin-top: 1.3em;
    }

    .cd-single-step .cd-more-info .cd-close {
        /* 'X' icon to skip the tour */
        position: absolute;
        top: 10px;
        right: 10px;
        width: 32px;
        height: 32px;
        /* replace text with background images */
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
    }

        .cd-single-step .cd-more-info .cd-close::after,
        .cd-single-step .cd-more-info .cd-close:before {
            /* these are the 2 lines of the 'X' icon */
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            height: 2px;
            width: 16px;
            border-radius: 4em;
            background-color: #cbccc8;
            /* Force Hardware Acceleration */
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            -ms-transform: translateZ(0);
            -o-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

        .cd-single-step .cd-more-info .cd-close::after {
            -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
        }

        .cd-single-step .cd-more-info .cd-close::before {
            -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
            -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
            -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
            -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
            transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        }

    .cd-single-step .cd-more-info span {
        /* step count e.g. 1 of 3*/
        float: left;
        padding-top: .1em;
        font-size: .9em;
        color: gray;
    }

@media only screen and (min-width: 768px) {
    .cd-single-step .cd-more-info {
        position: absolute;
        width: 340px;
        border-radius: 15px;
        box-shadow: 0 3px 20px rgb(0 0 0 / 15%);
        opacity: 0;
        background-color: #5700a7f0;
        -webkit-transition: opacity 0.4s;
        -moz-transition: opacity 0.4s;
        transition: opacity 0.4s;
        border-color: #5700a7f0;
    }

        .cd-single-step .cd-more-info p {
            /*margin-bottom: 2.5em;*/
        }

        .cd-single-step .cd-more-info img {
            display: none;
        }

        .cd-single-step .cd-more-info::before {
            /* triangle next to the step description - hidden on mobile */
            display: block;
        }

        .cd-single-step .cd-more-info.left {
            right: calc(100% + 15px);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .cd-single-step .cd-more-info.right {
            left: calc(100% + 15px);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .cd-single-step .cd-more-info.left,
        .cd-single-step .cd-more-info.right {
            top: 50%;
        }

        .cd-single-step .cd-more-info.top {
            bottom: calc(100% + 15px);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .cd-single-step .cd-more-info.bottom {
            top: calc(100% + 15px);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .cd-single-step .cd-more-info.top,
        .cd-single-step .cd-more-info.bottom {
            left: 50%;
        }

        .cd-single-step .cd-more-info.left::before,
        .cd-single-step .cd-more-info.right::before {
            top: 50%;
            bottom: auto;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .cd-single-step .cd-more-info.top::before,
        .cd-single-step .cd-more-info.bottom::before {
            left: 50%;
            right: auto;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .cd-single-step .cd-more-info.left::before {
            border-left-color: inherit;
            left: 100%;
        }

        .cd-single-step .cd-more-info.right::before {
            border-right-color: inherit;
            right: 100%;
        }

        .cd-single-step .cd-more-info.top::before {
            border-top-color: inherit;
            top: 100%;
        }

        .cd-single-step .cd-more-info.bottom::before {
            border-bottom-color: inherit;
            bottom: 100%;
        }

    .is-selected .cd-single-step .cd-more-info {
        opacity: 1;
    }
}

.cd-tour-nav {
    float: right;
}

    .cd-tour-nav::after {
        clear: both;
        content: "";
        display: table;
    }

    .cd-tour-nav li {
        display: inline-block;
        float: left;
    }

        .cd-tour-nav li:first-of-type {
            margin-right: 1.5em;
        }

    .cd-tour-nav a {
        font-size: 1.3rem;
        color: #222d33;
        font-weight: bold;
    }

        .cd-tour-nav a.inactive {
            /* item not clickable */
            color: grey;
            cursor: not-allowed;
            font-size: .9em;
        }

.cd-cover-layer {
    /* background cover layer - visible when tour is activated */
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
    -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;
    transition: opacity 0.4s 0s, visibility 0s 0.4s;
}

    .cd-cover-layer.is-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 0.4s 0s, visibility 0s 0s;
        -moz-transition: opacity 0.4s 0s, visibility 0s 0s;
        transition: opacity 0.4s 0s, visibility 0s 0s;
    }

@media only screen and (min-width: 768px) {
    .cd-cover-layer.is-visible {
        opacity: 0;
        -webkit-animation: cd-fade-in 2.1s;
        -moz-animation: cd-fade-in 2.1s;
        animation: cd-fade-in 2.1s;
    }
}

@-webkit-keyframes cd-fade-in {

    0%, 100% {
        opacity: 0;
    }

    14%, 40% {
        opacity: 1;
    }
}

@-moz-keyframes cd-fade-in {

    0%, 100% {
        opacity: 0;
    }

    14%, 40% {
        opacity: 1;
    }
}

@keyframes cd-fade-in {

    0%, 100% {
        opacity: 0;
    }

    14%, 40% {
        opacity: 1;
    }
}

/* -------------------------------- 

xapp prototype - no need to import this in production 

-------------------------------- */
.cd-app-screen {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 90%;
    height: 80%;
    background: #222d33;
    border-radius: 4px;
    box-shadow: 0 10px 60px #08151d;
}

    .cd-app-screen::before,
    .cd-app-screen::after {
        content: '';
        position: absolute;
    }

    .cd-app-screen::before {
        top: 0;
        left: 0;
        height: 40px;
        width: 100%;
        background: #fefffb;
        border-radius: 4px 4px 0 0;
    }

    .cd-app-screen::after {
        top: 14px;
        left: 20px;
        height: 12px;
        width: 60px;
        background: #e4e5e1;
        border-radius: 3px;
    }


/* Searh Slot _ Homepage */
.searchNoRecord {
    margin: 0 auto;
    text-align: center;
    color: #e4e4e4;
}

.searchMobileNoRecord {
    margin: 0 auto;
    text-align: center;
    color: black;
}

.table > tbody > tr > th.one,
.table > tbody > tr > td.one {
    line-height: 2.8;
}



/* data message */
.data-container > div {
    color: black;
}

/* 1st login message */
.cd-nav {
    display: none;
}

/* notification */

.unreadMSG {
    background-color: #ebf1ff;
}

.titleUnread {
    color: #256ebf !important;
}

.card-text:last-child {
    padding-top: 0;
}

/* login */
.form-group {
    text-align: left;
}

/* member dashboard bank */
.bank-list table td,
table th {
    font-size: .9em;
}

/* slider */
.carousel-control-next,
.carousel-control-prev {
    z-index: auto;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
    background-color: #000000ad !important;
}

.owl-nav > button > .fa {
    padding: 5px 10px !important;
}

.owl-dots {
    display: none;
}

/* Homepage promotion */
@media only screen and (max-width: 415px) {
    img .promo-banner-m {
        height: auto !important;
    }

    .afb-header-menu {
        padding-right: 0;
    }
}

/* menu */
span.text {
    font-size: .8em;
}

/*style for menu bar*/
#outer-nav {
    overflow: hidden;
}

#outer-nav-profile {
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    #outer-nav {
        overflow-x: scroll;
    }

        /*hide menu scrollbar*/
        #outer-nav::-webkit-scrollbar {
            width: 0px;
            height: 0px;
        }

    #outer-nav-profile {
        overflow-x: scroll;
    }

        /*hide menu scrollbar*/
        #outer-nav-profile ::-webkit-scrollbar {
            width: 0px;
            height: 0px;
        }
}

.toggleLeft-profile {
    background: #0373ff;
}

.toggleRight-profile {
    background: #0373ff;
}

/* Pagination */
.pagination a.active {
    background-image: linear-gradient(to right, #6a11cb, #2575fc) !important;
    color: white !important;
    display: block !important;
}

.pagination a:hover:not(.active) {
    background-color: transparent !important;
}

/* Search Page */
.s006 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

    .s006 form {
        width: 100%;
    }

        .s006 form legend {
            font-size: 36px;
            color: #fff;
            font-weight: 800;
            text-align: center;
            margin-bottom: 30px;
        }

        .s006 form .inner-form {
            width: 100%;
            margin-bottom: 17px;
        }

            .s006 form .inner-form .input-field {
                width: 100%;
                position: relative;
            }

                .s006 form .inner-form .input-field input {
                    height: 100%;
                    width: 100%;
                    background: transparent;
                    border: 0;
                    background: #fff;
                    display: block;
                    width: 100%;
                    padding: 10px 32px 10px 70px;
                    font-size: 18px;
                    color: #666;
                    border-radius: 34px;
                }

                    .s006 form .inner-form .input-field input.placeholder {
                        color: #747474;
                        font-size: 1em;
                    }

                    .s006 form .inner-form .input-field input:-moz-placeholder {
                        color: #747474;
                        font-size: 1em;
                    }

                    .s006 form .inner-form .input-field input::-webkit-input-placeholder {
                        color: #747474;
                        font-size: 1em;
                    }

                    .s006 form .inner-form .input-field input:hover,
                    .s006 form .inner-form .input-field input:focus {
                        box-shadow: none;
                        outline: 0;
                    }

                .s006 form .inner-form .input-field .btn-search {
                    width: 70px;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-align: center;
                    align-items: center;
                    position: absolute;
                    right: 0;
                    height: 100%;
                    background: transparent;
                    border: 0;
                    padding: 0;
                    cursor: pointer;
                    display: flex;
                    -ms-flex-pack: center;
                    justify-content: center;
                    align-items: center;
                }

                    .s006 form .inner-form .input-field .btn-search svg {
                        fill: #747474;
                        width: 30px;
                        height: 30px;
                        transition: all .2s ease-out, color .2s ease-out;
                    }

                    .s006 form .inner-form .input-field .btn-search:hover,
                    .s006 form .inner-form .input-field .btn-search:focus {
                        outline: 0;
                        box-shadow: none;
                    }

                        .s006 form .inner-form .input-field .btn-search:hover svg,
                        .s006 form .inner-form .input-field .btn-search:focus svg {
                            fill: #666;
                        }

        .s006 form .suggestion-wrap {
            padding: 0 15px;
        }

            .s006 form .suggestion-wrap span {
                font-size: .9em;
                display: inline-block;
                background: rgb(62 62 62 / 60%);
                padding: 0 15px;
                line-height: 32px;
                color: #fff;
                border-radius: 16px;
                margin-right: 10px;
                margin-bottom: 10px;
            }

                .s006 form .suggestion-wrap span:hover {
                    background-image: linear-gradient(to right, #2575fc, #6a11cb);
                }

@media screen and (max-width: 767px) {
    .s006 form .inner-form .input-field {
        margin-bottom: 20px;
        height: 50px;
    }

        .s006 form .inner-form .input-field input {
            padding-left: 55px;
            font-size: 16px;
        }

        .s006 form .inner-form .input-field .btn-search svg {
            width: 26px;
            height: 26px;
        }
}

/* Mobile Search bar */
/* Search Box Button*/
.search-button {
}

.search-toggle {
    position: relative;
    display: block;
    height: 12px;
    width: 12px;
}

    .search-toggle::before,
    .search-toggle::after {
        content: '';
        position: absolute;
        display: block;
        -webkit-transition: all 0.1s;
        transition: all 0.1s;
    }

    .search-toggle::before {
        border: 2px solid #ffffff;
        border-radius: 50%;
        width: 100%;
        height: 100%;
    }

    .search-toggle::after {
        height: 2px;
        width: 7px;
        background: #ffffff;
        top: 11px;
        left: 9px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .search-toggle.active::before {
        width: 0;
        height: 1.1em;
        border-width: 1px;
        border-radius: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0em;
        left: .35em;
        background-color: white;
    }

    .search-toggle.active::after {
        width: 1.2em;
        left: -.15em;
        top: 0.5em;
    }

.search-input:focus {
    outline: none;
}


/* Example #1 */
#header-1 {
    padding: 10px;
}

    #header-1 .search-box {
        position: absolute;
        bottom: 0;
        right: .2em;
        /*right: 0;*/
        width: 98.8%;
        height: 100%;
        max-height: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        background-color: #fffffffa;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

        #header-1 .search-box .search-input {
            width: 100%;
            height: 100%;
            padding: 0 1em;
            border: 0;
            background-color: transparent;
            opacity: 0;
            color: #fff;
            border: none !important;
        }

            #header-1 .search-box .search-input::-webkit-input-placeholder {
                color: rgba(255, 255, 255, 0.4);
            }

    #header-1.show .search-box {
        display: inline-table;
        padding: 15px 15px;
        z-index: 9999
    }

        #header-1.show .search-box .search-input {
            opacity: 1;
        }

.search-box input::placeholder {
    color: #ededed !important;
}

.search-input {
    color: white !important;
}

.search-bar {
    background-color: #232323 !important;
    padding: 10px !important;
    margin: 0 3px;
}

/* Label */
.under-m {
    color: white;
    background-color: red;
    padding: 5px;
    font-size: .8em;
    font-weight: 500;
    position: absolute;
    border-radius: 0 0 10px 10px;
    right: 0;
    top: 0;
    z-index: 1;
}

.jackpotpool .under-ml {
    color: white;
    background-color: red;
    padding: 5px;
    font-size: .8em;
    font-weight: 500;
    position: absolute;
    border-radius: 0 0px 10px 0px;
    top: 0;
    z-index: 1;
}

.top5game .under-ml, .page-searchgame .under-ml, #gameLobbyList .under-ml {
    color: white;
    background-color: red;
    padding: 5px;
    /*font-size: .3em;*/
    font-weight: 500;
    position: absolute;
    border-radius: 0 0px 10px 0px;
    top: 0;
    z-index: 1;
}

.under-sku-wrapper {
    position: absolute;
    z-index: 99;
    margin: 3px;
    text-transform: uppercase;
}

.under-sku {
    color: white;
    padding: 5px;
    font-size: .7em;
    font-weight: 500;
    border-radius: 3px;
    margin: 2px;
    display: inline-block;
}

.labal-new-color {
    background-color: green;
}

.labal-top-color {
    background-color: blue;
}

.labal-under-color {
    background-color: red;
}

.container1 {
    flex-wrap: wrap;
}

/* search button */
/*.search-btn {
    background-image: linear-gradient(to right, #2575fc, #6a11cb);
    text-align: center !important;
    color: white !important;
    font-size: .8em;
    padding: 5px;
    border-radius: 5px;
}

    .search-btn:hover {
        background-image: linear-gradient(to right, #6a11cb, #2575fc);
    }*/

/*affiliate css*/
@media (max-width: 767.98px) {
    /*    .downline-details {
        max-width: 49% !important;
        margin-bottom: 0rem !important;
    }*/

    .h3.details-title {
        height: 25px !important;
    }

    .downline-details:nth-child(2) {
        margin-right: 0 !important;
    }

    #invite-friend .copy.col-12.col-md-8.p-0 {
        margin-top: 1.5rem;
        max-width: 100% !important;
    }
}

.h3.details-title {
    height: 45px;
}

.affiliate .h3 {
    border-bottom: 1px solid #3e3e3e;
    color: #222222;
}

#main-affiliate .h3 {
    width: 100%;
    padding: 8px 5px;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    color: #000;
    margin: 0;
}

#main-affiliate table {
    font-size: .95em;
}

#main-affiliate thead {
    background: #201f25;
    color: #fff;
}

#main-affiliate tbody td {
    background: #fff;
}

#main-affiliate tbody tr:nth-child(2n+2) td {
    background: #e2e2e2;
}

#main-affiliate th,
#main-affiliate td {
    padding: 10px 7px;
}

#active-member-list .h3,
.user-profile .h3 {
    width: 100%;
    padding: 8px 5px;
    font-size: 15px;
    font-weight: normal;
    text-transform: capitalize;
    /*margin: 1rem 0 0 0;*/
}

#active-member-list table {
    border-collapse: collapse;
    font-size: .95em;
}

#active-member-list thead {
    background: #201f25;
    color: #fff;
}

#active-member-list tbody tr:nth-child(2n+2) td {
    background: #e2e2e2;
}

#active-member-list th,
#active-member-list td {
    padding: 10px 7px;
}

    #active-member-list td div {
        color: #7e7e7e;
        font-weight: 600;
    }

#active-member-list #more {
    cursor: pointer;
    background: #e2e2e2;
}

#invite-friend .copy {
    background: #d5d5d5;
}

    #invite-friend .copy.col-12.col-md-8.p-0 {
        max-width: 63%;
    }

#invite-friend .share-title {
    font-size: .75rem;
}

.sharebox-container {
    border-radius: 10px;
    background-color: #28324d;
}

/*.btn-sharebox {
    background-image: linear-gradient(to right, #3ab1f2, #7c4cf5);
    color: #fff;
}

    .btn-sharebox:hover {
        background-image: linear-gradient(to right, #7c4cf5, #3ab1f2);
        color: #fff;
    }*/

.btn-underline-sharebox {
    position: relative;
}

    .btn-underline-sharebox:hover::after {
        position: absolute;
        display: inline-block;
        content: '';
        left: 0;
        bottom: 0;
        width: 100%;
        height: 4px;
        background-image: linear-gradient(to right, #3ab1f2, #7c4cf5);
    }

.btn-sharebox-gray {
    background-color: #28324d;
    color: #fff !important;
}

input#copy-link {
    /*    padding: 5px 10px !important;*/
    border: none !important;
    width: 100%;
    /*    margin-bottom: 5px;*/
}

    input#copy-link:focus {
        outline: none;
    }

input#copytext {
    padding: 0px 5px;
    border: none;
    width: 60%;
}

    input#copytext:focus {
        outline: none;
    }

button#copylink {
    border: none;
    background: transparent;
    cursor: pointer;
}

    button#copylink:hover {
        outline: none;
    }

button#copytext {
    border: none;
    background: transparent;
    cursor: pointer;
}

    button#copytext:hover {
        outline: none;
    }

button.qrcode {
    border: none;
    background: transparent;
    cursor: pointer;
}

    button.qrcode:hover {
        outline: none;
    }

#invite-friend .tooltip {
    padding: 10px;
    background: #000;
    color: #fff;
    font-size: 0.75rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s;
}

    #invite-friend .tooltip.show {
        opacity: 1;
        pointer-events: auto;
    }

#invite-friend .copy-share {
    text-align: right;
    margin-right: 1rem;
}

    #invite-friend .copy-share button {
        width: 20%;
        padding: 4px;
        border-radius: 5px;
        font-size: .7rem;
        margin-right: 5px;
        transform: translateY(-20px);
    }

#invite-friend .copied {
    padding: 10px;
    background: #000;
    color: #fff;
    font-size: 0.75rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s;
}

    #invite-friend .copied.show {
        opacity: 1;
        pointer-events: auto;
    }

#invite-friend textarea {
    height: 150px;
    text-align: justify;
    padding: 4px 8px;
    background: #7c7c7c9e;
    border: 1px solid transparent !important;
    border-radius: 0px !important;
}

    #invite-friend textarea:focus {
        border: 1px solid #2575fc;
    }

#invite-friend .social-media.row {
    margin-right: 0px;
    margin-left: 0px;
}

#invite-friend .social-media button {
    padding: 4px;
    border-radius: 5px;
    font-size: .75rem;
}

#invite-friend .social-media-share {
    color: #fff;
    font-size: .7rem;
    padding: 5px 0px;
    text-align: center;
}

#invite-friend .icon {
    height: auto;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#invite-friend .icon-fb {
    background: #3a60b1;
}

#invite-friend .text-fb {
    background: #3f68c0;
}

#invite-friend .icon-messenger {
    background: #1d80e5;
}

    #invite-friend .icon-messenger img,
    #invite-friend .icon-telegram img {
        width: .7rem;
    }

#invite-friend .text-messenger {
    background: #1f8bf8;
}

#invite-friend .icon-telegram {
    background: #2998cf;
}

#invite-friend .text-telegram {
    background: #2da5e1;
}

#invite-friend .icon-whatsapp {
    background: #11c252;
}

#invite-friend .text-whatsapp {
    background: #12d259;
}

#invite-friend .icon-more {
    background: #565656;
    cursor: pointer;
}

#invite-friend .text-more {
    background: #5d5d5d;
    cursor: pointer;
}

.downline-details {
    background: #e2e2e2;
    border-radius: 0 0 4px 4px;
    /*    max-width: 24%;
    margin-right: 0.5rem;*/
    /*margin-top: 1.5rem;*/
    padding: 15px;
}

    .downline-details:last-child {
        margin-right: 0 !important;
    }

    .downline-details .h3 {
        font-size: 12px;
        border-bottom: 1px solid transparent;
        padding: 0;
        margin-bottom: 15px;
    }

        .downline-details .h3.one {
            padding: 0 !important;
            margin: 0 auto !important;
            height: 20px;
        }

        .downline-details .h3:first-child {
            margin-top: 0.5rem;
        }

        .downline-details .h3 b {
            font-size: 15px;
        }

    .downline-details span {
        font-size: 10px;
    }

#profile-promotion-sec span {
    font-size: .9em;
    color: #666666;
    margin: 0px;
    float: right;
}

#profile-promotion-sec button {
    background-color: #ffffff00;
    color: white;
    border: none;
}

#profile-Bet-History button {
    background-color: #ffffff00;
    color: white;
    border: none;
}

#profile-Bet-History span {
    font-size: .9em;
    color: #666666;
    margin: 0px;
    float: right;
}

button[aria-expanded=true] .fa-caret-down {
    display: none;
}

button[aria-expanded=false] .fa-caret-up {
    display: none;
}

@media screen and (max-width : 1024px) {

    .toggleRight-profile,
    .toggleLeft-profile {
        display: none;
    }
}

@media screen and (max-width : 768px) {

    .toggleRight-profile,
    .toggleLeft-profile {
        display: block;
    }
}

.promo-bar-title h6,
promo-bar-title p {
    color: #0a586b;
}

/* animation */
@-moz-keyframes bounceDown {

    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounceDown {

    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounceDown {

    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}





@-webkit-keyframes bounceLeft {

    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    40% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    60% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px);
    }
}

@-moz-keyframes bounceLeft {

    0%, 20%, 50%, 80%, 100% {
        transform: translateX(0);
    }

    40% {
        transform: translateX(30px);
    }

    60% {
        transform: translateX(15px);
    }
}

@keyframes bounceLeft {

    0%, 20%, 50%, 80%, 100% {
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    40% {
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }

    60% {
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
}

/* /left bounce */


/* right bounce */
@-webkit-keyframes bounceRight {

    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    40% {
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    60% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px);
    }
}

@-moz-keyframes bounceRight {

    0%, 20%, 50%, 80%, 100% {
        transform: translateX(0);
    }

    40% {
        transform: translateX(-30px);
    }

    60% {
        transform: translateX(-15px);
    }
}

@keyframes bounceRight {

    0%, 20%, 50%, 80%, 100% {
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    40% {
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    60% {
        -ms-transform: translateX(-15px);
        transform: translateX(-15px);
    }
}

/* /right bounce */


/* assign bounce */
.fa-arrow-right {
    -webkit-animation: bounceRight 2s infinite;
    animation: bounceRight 2s infinite;
    float: right;
    padding: 5px;
}

.fa-arrow-left {
    -webkit-animation: bounceLeft 2s infinite;
    animation: bounceLeft 2s infinite;
    padding: 5px;
}

    .fa-arrow-left:hover,
    .fa-arrow-right:hover {
        -webkit-animation: bounceLeft 0s infinite;
        animation: bounceLeft 0s infinite;
    }

.fa-chevron-down {
    -moz-animation: bounceDown 2s infinite;
    -webkit-animation: bounceDown 2s infinite;
    animation: bounceDown 2s infinite;
    text-align: center;
    display: block;
}


.credits {
    padding-top: 50px;
    display: block;
    clear: both;
}


/* 18 */
label.red {
    color: red;
    line-height: 1.2;
}

.theme-checkbox.red .custom-control-input:checked ~ .custom-control-label::before {
    background-color: red;
}

.theme-checkbox.red .custom-control-label:before {
    border-radius: 1rem !important;
    border: 2px solid red;
    top: 0.15rem;
}

.theme-checkbox.red .custom-control-label:after {
    top: 0.15rem;
}

/* login and register | how to button */
.btn-contrasttheme {
    color: #212529;
    background-color: #ffee11;
    border-color: #ffee11;
}

    .btn-contrasttheme:hover {
        color: #212529;
        background-color: #ead900;
        border-color: #ddcd00;
    }

.input-group-prepend i {
    color: #01d2fe;
}

span.toggle-password svg {
    color: #777777;
    margin: 10px;
}

/* color */
.afb-blue-bar {
    background-color: #0373ff;
}

@media only screen and (max-width: 520px) {
    .header-marquee {
        display: none;
    }

    .button-afb {
        display: none;
    }

        .button-afb.one {
            display: block;
        }

    .button-afb-wrapper {
        position: relative;
        right: 0;
        z-index: 1;
        display: inline-flex;
        left: 0;
    }
}

.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 20px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 0px;
        bottom: 0px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #28a745;
}

input:focus + .slider {
    box-shadow: 0 0 1px #28a745;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }


#tier table {
    font-size: .95em;
}

#tier thead {
    background: #201f25;
    color: #fff;
}

#tier tbody td {
    background: #fff;
}

#tier tbody tr:nth-child(2n+2) td {
    background: #e2e2e2;
}

#tier th,
#tier td {
    padding: 10px 7px;
}

.port-image {
    width: 100%;
}

.each-item {
    position: relative;
    overflow: hidden;
}

    .each-item:hover .cap2,
    .each-item:hover .cap1 {
        left: 0px;
    }

.cap1 {
    position: absolute;
    width: 100%;
    height: 70%;
    background: rgba(255, 255, 255, 0.5);
    top: 0px;
    left: -100%;
    padding: 10px;
    transition: all .5s;
}

.cap2 {
    position: absolute;
    width: 100%;
    height: 30%;
    background: rgba(0, 178, 255, 0.5);
    bottom: 0px;
    left: 100%;
    padding: 10px;
    transition: all .5s;
}

button.filter-button {
    color: white;
}

.filter-button.active,
.filter-button:hover {
    color: white;
    background-color: #de5252 !important;
    box-shadow: 0 4px #ab2929 !important;
    border-color: #ab2929 !important;
}

.lazytest {
    opacity: 1;
    transition: opacity 1s ease-out;
}

    .lazytest[data-src] {
        opacity: 0;
    }

/* QR */

/*.nav-pills-qr {
    width: 450px;
}*/

.nav-item-qr {
    width: 25%;
}

.nav-pills-qr .nav-link {
    font-weight: bold;
    padding-top: 13px;
    text-align: center;
    background: #28a745;
    color: #fff;
    /*border-radius: 30px;*/
    height: 95px;
}

    .nav-pills-qr .nav-link.active {
        background: #2c2c2c;
        color: #fff;
    }

.tab-content.qr {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: -50px;
    background: #2c2c2c;
    color: #000;
    border-radius: 10px;
    /*box-shadow: 0px 10px 10px rgb(0 0 0 / 40%);*/
    padding: 25px 15px;
}

    .tab-content.qr button {
        border-radius: 15px;
        width: 100px;
        margin: 0 auto;
        float: right;
    }

.table-sticky {
    border-collapse: separate;
    border-spacing: 0;
    white-space: nowrap;
}

    .table-sticky thead {
        position: relative;
        /*        z-index: 1;*/
    }

        .table-sticky thead .sticky-left {
            position: sticky;
            left: 0;
            /*z-index: 2;*/
            background-color: #3b4358;
        }

    .table-sticky tbody .sticky-left {
        position: sticky;
        left: 0;
        max-width: 40vw;
        overflow-x: auto;
        /*        z-index: 2;*/
    }

    .table-sticky thead.thead-dark .sticky-left {
        background-color: #333;
    }

    .table-sticky.table-striped tbody tr:nth-of-type(odd) td.sticky-left {
        background-color: #2c2c2c !important;
    }

    .table-sticky.table-striped tbody tr:nth-of-type(even) td.sticky-left {
        background-color: #070707 !important;
    }

#DepositTabContent .table-sticky thead.user-background .sticky-left {
    background-color: #4f5871;
}

#DepositTabContent .table-sticky tbody .sticky-left {
    background-color: #fff;
}

#main-affiliate .table-sticky thead .sticky-left,
#daily-lucky-spin-history .table-sticky thead .sticky-left,
#deposit-withdraw-history .table-sticky thead .sticky-left,
#gamedeposit-withdraw-history .table-sticky thead .sticky-left {
    background-color: #5f5c68;
}

#main-affiliate .table-sticky tbody .sticky-left,
#daily-lucky-spin-history .table-sticky tbody .sticky-left,
#deposit-withdraw-history .table-sticky tbody .sticky-left,
#gamedeposit-withdraw-history .table-sticky tbody .sticky-left {
    background: #e2e2e2;
}

#main-affiliate .table-sticky tbody tr:nth-child(2n+2) .sticky-left,
#daily-lucky-spin-history .table-sticky tbody tr:nth-child(2n+2) .sticky-left,
#deposit-withdraw-history .table-sticky tbody tr:nth-child(2n+2) .sticky-left,
#gamedeposit-withdraw-history .table-sticky tbody tr:nth-child(2n+2) .sticky-left {
    background: #d2d2d2;
}

#tier .table-sticky thead .sticky-left {
    background-color: #5f5c68;
}

#tier .table-sticky tbody .sticky-left {
    background: #e2e2e2;
}

#tier .table-sticky tbody tr:nth-child(2n+2) .sticky-left {
    background: #d2d2d2;
}



#active-member-list .table-sticky tbody .sticky-left {
    background: #e2e2e2;
}

#active-member-list .table-sticky tbody tr:nth-child(2n+2) .sticky-left {
    background: #d2d2d2;
}

.blog th,
.blog td {
    padding: 5px 10px;
}

table.bet-history > thead > tr > th {
    background-color: #000;
    border: none;
    color: white;
    font-weight: 600;
    height: auto;
    padding: 10px;
    font-size: .95em;
}

table.bet-history > tbody > tr > td {
    color: #fff;
    padding: 10px;
    background: #2c2c2c;
    font-size: .95em;
    font-weight: 400;
}

table.bet-history > tbody > tr:nth-child(2n+2) td {
    background: #353535;
}

table.bet-history.table-sticky thead .sticky-left {
    background-color: #101010;
}

table.bet-history.table-sticky tbody .sticky-left {
    background: #272727;
}

table.bet-history.table-sticky tbody tr:nth-child(2n+2) .sticky-left {
    background: #2c2c2c;
}

@media screen and (min-width: 960px) {
    .table-sticky {
        border-collapse: collapse;
        white-space: normal;
    }
}

.signup-content,
/*.signin-content*/ {
    display: flex;
    display: -webkit-flex;
}

@media only screen and (max-width:767px) {
    .signin-image {
        width: 100% !important;
    }
}

/* ---------- Resgiter 02072021 ----------*/
@media (min-width: 576px) {
    .modal-dialog {
        max-width: unset;
    }
}

.modal-content.one {
    background-color: #fff;
    margin: auto;
    padding: 0;
    border: none;
    width: 48% !important;
    /* min-height: 280px; */
    border-radius: 5px;
}

.register-form {
    display: flex;
    flex-wrap: wrap;
}

.signin-form {
    width: 60%;
}

    .signin-form > div {
        padding: 30px;
    }

.register-form__steps-wrapper {
    position: relative;
    /*  width: calc(100% - 400px);
  padding: 120px 0 0;*/
}

.register-form__fields-wrapper {
    width: 400px;
    padding: 55px 28px 35px 25px;
}

@media screen and (max-width: 767px) {
    .register-form {
        display: block;
    }

    .register-form__steps-wrapper {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
        padding: 0;
    }

    .register-form__fields-wrapper {
        width: 100%;
        padding: 0 0 35px;
    }
}

.register-steps {
    position: relative;
    padding: 25px;
}

.register-steps__item-title {
    flex: 1 1 auto;
    font-size: 14px;
    font-weight: normal;
    text-align: right;
    padding-right: 10px;
    color: #c2c2c2;
}

.register-steps__item-number {
    flex: 0 0 36px;
    height: 36px;
    width: 36px;
    font-size: 16px;
    font-weight: 700;
    background: #4e4842;
    border: 2px solid #fff;
    border-radius: 50%;
    line-height: 32px;
    text-align: center;
    color: #94897a;
    box-shadow: 0 0 0 #fec882;
    transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

    .register-steps__item-number .icon-font:before {
        display: none !important;
    }



.register-steps__item-number--as-icon {
    position: relative;
    border: none;
    box-shadow: none;
}

    .register-steps__item-number--as-icon .icon-font {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 30px;
        color: #fec882;
        padding-left: 3px;
        position: absolute;
        top: -8px;
        left: -8px;
        height: 52px;
        width: 52px;
        background: radial-gradient(rgba(254, 200, 130, 0.6), #4e4842), #4e4842;
        border-radius: 50%;
        box-shadow: 0 0 10px 0 rgba(41, 37, 38, 0.3);
    }

        .register-steps__item-number--as-icon .icon-font:before {
            display: block;
            transform-origin: 50% 65%;
            animation: 5s ease 5s infinite animateGiftStep;
        }

.register-steps__item {
    display: flex;
    position: relative;
    z-index: 2;
    align-items: center;
}

.register-steps__item--passed .register-steps__item-number {
    cursor: pointer;
    background: #fec882;
    color: #b28447;
}

.register-steps__item--current .register-steps__item-title {
    color: #fffaf3;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);
    font-weight: 700;
}

.register-steps__item--current .register-steps__item-number {
    background: #322e2f;
    color: #fffaf3;
    box-shadow: 0 0 20px #fec882;
    border-color: #fec882;
}

.register-steps__item + .register-steps__item {
    margin-top: 20px;
}

.register-steps:before {
    content: '';
    display: block;
    position: absolute;
    height: calc(100% - 45px);
    width: 2px;
    background: #fffaf3;
    top: 27px;
    right: 41px;
    z-index: 1;
}

img.gift-promotion-rg {
    display: block;
    -webkit-transform-origin: 50% 65%;
    transform-origin: 50% 65%;
    -webkit-animation: 3s ease 3s infinite animateGiftStep;
    animation: 3s ease 3s infinite animateGiftStep;
    filter: sepia(100%) hue-rotate(0deg) saturate(150%) !important;
    width: 70%;
}

@-moz-keyframes animateGiftStep {
    0% {
        transform: rotate(10deg);
    }

    6% {
        transform: rotate(-8deg);
    }

    11% {
        transform: rotate(6deg);
    }

    15% {
        transform: rotate(-4deg);
    }

    18% {
        transform: rotate(2deg);
    }

    20% {
        transform: rotate(0);
    }
}

@-webkit-keyframes animateGiftStep {
    0% {
        transform: rotate(10deg);
    }

    6% {
        transform: rotate(-8deg);
    }

    11% {
        transform: rotate(6deg);
    }

    15% {
        transform: rotate(-4deg);
    }

    18% {
        transform: rotate(2deg);
    }

    20% {
        transform: rotate(0);
    }
}

@-o-keyframes animateGiftStep {
    0% {
        transform: rotate(10deg);
    }

    6% {
        transform: rotate(-8deg);
    }

    11% {
        transform: rotate(6deg);
    }

    15% {
        transform: rotate(-4deg);
    }

    18% {
        transform: rotate(2deg);
    }

    20% {
        transform: rotate(0);
    }
}

@keyframes animateGiftStep {
    0% {
        transform: rotate(10deg);
    }

    6% {
        transform: rotate(-8deg);
    }

    11% {
        transform: rotate(6deg);
    }

    15% {
        transform: rotate(-4deg);
    }

    18% {
        transform: rotate(2deg);
    }

    20% {
        transform: rotate(0);
    }
}

@media only screen and (max-width:415px) {
    .modal-content.one {
        width: 100% !important;
    }
}

@media only screen and (max-width:1144px) {
    .modal-content.one {
        width: 60% !important;
    }
}

@media only screen and (max-width:991px) {
    .modal-content.one {
        width: 70% !important;
    }
}

@media only screen and (max-width:640px) {
    .modal-content.one {
        width: 90% !important;
    }
}

@media only screen and (max-width: 460px) {
    .modal-content.one {
        width: 90% !important;
    }

    .modal-content {
        width: 100%;
    }

    #collapsex > .panel-body > a, #collapsex2 > .panel-body > a {
        width: 100% !important;
    }
}

.register-p-b {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}

    .register-p-b.one {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
    }

.register-p-b-back {
    padding: 0;
    font-size: 1.2em;
    text-align: left;
    display: contents;
}

    .register-p-b-back i p {
        display: contents;
        font-weight: 500;
    }

.register-p-b-next {
    padding: 10px 30px;
    margin: 0;
    text-align: center;
    font-size: 1.3em;
    width: 45%;
    float: right;
}

.already-button {
    padding: 15px;
    background-color: #f0f0f0;
}

.signin-image img.two {
    display: none;
}

@media screen and (max-width: 767px) {
    .register-steps {
        position: relative;
        display: flex;
        justify-content: space-between;
    }

    .register-steps__item-title {
        display: none;
    }

    .register-steps__item {
        margin-top: 0 !important;
    }

    .register-steps:before {
        height: 2px;
        width: calc(100% - 50px);
        top: 41px;
        left: 30px;
    }

    .signin-image img.one {
        display: none;
    }

    .signin-image img.two {
        display: block;
    }

    .signup-content,
    /*    .signin-content*/ {
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
    }

    .close span.one {
        color: white !important;
    }

    .signin-form {
        width: 100% !important;
    }
}

.signin-image {
    background-color: black;
    border-radius: 5px 0 0 0;
    width: 40%;
}

    .signin-image img {
        border-radius: 5px 0 0 0;
    }

/* simple Login */
.simple-login input {
    background-color: transparent;
    color: white !important;
}

input,
textarea {
    border-radius: 2px !important;
    padding: 10px 15px;
    width: 100%;
    box-sizing: border-box;
    border: none !important;
    border: 1px solid #d6d6d6 !important;
    font-size: 1em !important;
    color: #000 !important;
    font-weight: 400;
    /* margin-top: 10px; */
}
select {
    border-radius: 50px !important;
    padding: 5px 15px !important;
    width: 100%;
    box-sizing: border-box;
    border: none !important;
    border: 1px solid #d6d6d6 !important;
    font-size: 1em !important;
    color: #000 !important;
    font-weight: 400;
    /* margin-top: 10px; */
}
.simple-login .fld {
    padding: .4rem .75rem !important;
    width: 68px;
    height: 38px;
    vertical-align: middle;
}

.simple-login .simple-captcha-img {
    height: 38px !important;
    width: auto;
    border-radius: 5px;
}

/*footer-line-icon*/
.social-network a.icoLine:hover {
    background-color: #01bd02;
}

.social-network a.icoLine > img {
    width: 2rem !important;
    margin: auto;
    filter: invert(30%) sepia(100%) saturate(1107%) hue-rotate(185deg) brightness(45%) contrast(53%);
}

.social-circle li a.icoLine:hover > img {
    filter: brightness(0) invert(1);
}

.social-circle img {
    color: #626c80;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}

.social-circle li a:hover img,
.triggeredHover {
    filter: greyscale(0);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.social-network a.icoSnapchat:hover {
    background-color: #f7f400;
}

.social-network a.icoReddit:hover {
    background-color: #f74300;
}

.social-network a.icoPinterest:hover {
    background-color: #c72028;
}

.social-network a.icoTumblr:hover {
    background-color: #2f4155;
}

.social-network a.icoTikTok:hover {
    background-color: #000;
}

.social-network a.icoMedium:hover {
    background-color: #000;
}

/*tiktok icon*/
.social-network a.icoTikTok > img {
    width: 1.75rem !important;
    margin: auto;
    filter: invert(30%) sepia(100%) saturate(1107%) hue-rotate(185deg) brightness(45%) contrast(53%);
}

.social-circle li a.icoTikTok:hover > img {
    filter: brightness(0) invert(1);
}

.friends-dropdown {
    padding: 15px;
    text-align: center;
}


.side-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#searchGameInput .input-group .form-control {
    border-radius: 50px !important;
    height: 50px;
    border: none !important;
}

    #searchGameInput .input-group .form-control:focus {
        background-color: #fff !important;
    }

#searchGameInput .input-group .input-group-append {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}

    #searchGameInput .input-group .input-group-append .btn {
        background: transparent;
        border: none;
        height: 50px;
    }


        #searchGameInput .input-group .input-group-append .btn i {
            font-size: 20px;
        }

#collapsex > .panel-body, #collapsex2 > .panel-body {
    background-color: #fff;
    border-radius: 8px;
    margin-top: 2px;
    padding: 15px;
   /* display: flex;
    flex-wrap: wrap;*/
}

    #collapsex > .panel-body > a, #collapsex2 > .panel-body > a {
        padding: 8px 5px;
        display: flex;
        align-items: center;
        /*width: 50%;*/
    }

        #collapsex > .panel-body > a > img, #collapsex2 > .panel-body > a > img {
            margin-right: 8px;
        }


.aside-panel-menu {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 0;
}



    .aside-panel-menu li {
        width: 33.33333%;
    }


.aside-login-panel {
    margin-bottom: 25px;
}

#side-panel .list-group {
    height: 90%;
    overflow: auto;
}

section.lobby-game-listing {
    padding: 10px 0 25px 0;
    background: #eef0f5;
    margin-top: 50px;
}

.seoar p {
    color: #d0d0d0;
}

section.single-post.promo-details {
    padding: 10px 0 25px 0;
    background: #eef0f5;
    margin-top: 50px;
}

.btn-mix-noborder span {
    color: dimgrey;
}

div#affiliate-link span {
    color: #363636;
}

section.promotion-list {
    padding: 10px 0 25px 0;
    background: #eef0f5;
    margin-top: 50px;
}

.promophotobox {
    padding: 0 5px;
    margin: 4px 0;
}

.promo_preview .h4 a {
    font-size: 16px;
    color: var(--cd-color-2);
    margin-top: 10px;
}

.promo_preview p {
    color: var(--cd-color-2);
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: 80%;
}

.button-small.button-green {
    border: 2px solid #59ba41;
}

    .button-small.button-green:hover {
        border: 2px solid #156900;
    }

button.afb01:hover,
button.afb01:active,
button.afb01:focus,
button.afb01:visited {
    background: #444;
    color: #FFF !important;
    box-shadow: 0 4px #7b7b7b !important;
}

.table-sticky.transaction-game.table-striped tbody tr:nth-of-type(even) td.sticky-left {
    background-color: #4f4f4f !important;
}

.button-news {
    position: absolute;
    bottom: 10px;
}

section#news-header {
    padding: 10px 0 25px 0;
    background: #eef0f5;
    margin-top: 50px;
}

section#news-details-header {
    padding: 10px 0 25px 0;
    background: #eef0f5;
    margin-top: 50px;
}

div#collapsex a, div#collapsex2 a {
    color: black;
}

    div#collapsex a:hover, div#collapsex2 a:hover {
        color: #aaaaaa;
    }

div#copyrights p {
    font-size: 10px;
}

/*Smart Download APK*/
.apkdownload {
    background: #fff;
    padding: 10px 20px;
}

    .apkdownload .align-items-center {
        background-color: #fff !important;
    }

img.apk-logo {
    width: 55px;
}

button#apk-download-close {
    left: 5px;
    top: 30px;
    position: absolute;
    font-size: .9rem !important;
    color: grey !important;
    z-index: 1;
}

span.appname {
    font-size: 16px;
    line-height: .9;
    color: gray !important;
}

small.app-small {
    color: grey !important;
}

.btn.btn-green.downloadapk {
    background: green;
    color: white;
    padding: 7px 10px;
    width: 100%;
    font-size: 10px;
}

    .btn.btn-green.downloadapk:hover {
        background: #004f00;
    }

.col-auto.apkdownload {
    position: absolute;
    right: 0;
}

span.apk-name {
    color: white;
}

span.apk-name {
    color: white;
}

/*End Smart Download APK*/

/*.localized-wrapping {
    border-radius: 50px !important;
    padding: 0px 15px !important;
    width: 100%;
    box-sizing: border-box;*/
    /*border: 1px solid #545454;*/
    /*border: 1px solid #F3E5F5;
    font-size: 1em !important;
    color: #000 !important;
    font-weight: 400;
    background-color: #f9f9f9
}

    .localized-wrapping select {
        border: none !important;
        position: relative !important;
    }

    .localized-wrapping input {
        border: none !important;
        padding: 8px 0px 8px 0px !important;
        width: 75% !important;
    }

    .localized-wrapping #username_phone input:focus {
        border: none !important
    }

    .localized-wrapping span {
        color: #000 !important;
    }*/

a.standard-logo img {
    height: unset !important;
}

div#onenotdiv h5.modal-title {
    color: white;
}

.modal-header h5 {
}



/* widget */
.top5game .afb-title-h1 {
    width: 100%;
    padding: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    margin: 15px 0;
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    position: relative;
    align-items: center;
    border-bottom: 1px solid #74498e;
}

    .top5game .afb-title-h1:before {
        content: none;
    }

    .top5game .afb-title-h1 a {
        background: transparent;
    }

        .top5game .afb-title-h1 a span {
            display: flex;
            align-items: center
        }

            .top5game .afb-title-h1 a span svg {
                margin-left: 5px
            }

.top5game .photobox {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0
}

    .top5game .photobox:hover .photobox__previewbox:before {
        transform: scale(3);
        transition-duration: .5s;
        transition-delay: 0s
    }

    .top5game .photobox:hover .photobox__previewbox.zoom img {
        transition: all .2s linear
    }

    .top5game .photobox:hover .photobox__previewbox.zoom:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .top5game .photobox .photobox_title {
        overflow: hidden
    }

        .top5game .photobox .photobox_title a.tmb-content__link {
            text-align: center;
            background-color: #2c2c2c;
            color: #ccc;
            font-size: .7rem;
            line-height: 15px;
            font-weight: 500;
            padding: 10px 5px;
            display: block
        }

            .top5game .photobox .photobox_title a.tmb-content__link div {
                width: 90%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                margin: 0 auto
            }

.top5game .photobox__previewbox {
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0
}

    .top5game .photobox__previewbox:before {
        content: '';
        width: 0;
        height: 0;
        padding: 25%;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(7, 7, 7, .66);
        transition: transform calc(.5s/2) ease calc(.5s/2);
        will-change: transform;
        transform: scale(0);
        z-index: 8
    }

    .top5game .photobox__previewbox .action_overlay {
        position: absolute;
        top: 0;
        left: -300%;
        bottom: 0;
        right: 0;
        padding: 10px;
        transition-duration: .5s;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        z-index: 9
    }

        .top5game .photobox__previewbox .action_overlay a {
            display: flex;
            background: transparent;
        }

            .top5game .photobox__previewbox .action_overlay a div {
                font-size: .7rem;
                padding: 6px 10px;
                text-align: center;
                margin: 5px 0;
                border-radius: 3px;
                display: block;
                font-weight: 500;
                background: #f3902f;
                color: white !important;
                box-shadow: 0 4px #df7208;
                border: 2px solid #f3902f;
                border-radius: 15px;
            }

                .top5game .photobox__previewbox .action_overlay a div:hover {
                    background: #c16000;
                    color: white !important;
                    box-shadow: 0 4px #ba0303;
                    border: 2px solid #c16000;
                }

    .top5game .photobox__previewbox:hover .action_overlay {
        left: 0;
        transition-duration: .5s
    }

.jackpotpool .afb-title-h1 {
    width: 100%;
    padding: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    margin: 15px 0;
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    position: relative;
    align-items: center;
    border-bottom: 1px solid #74498e;
}

    .jackpotpool .afb-title-h1:before {
        content: none;
    }

    .jackpotpool .afb-title-h1 a span {
        display: flex;
        align-items: center
    }

        .jackpotpool .afb-title-h1 a span svg {
            margin-left: 5px
        }

.jackpotpool .photobox {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: initial;
}

    .jackpotpool .photobox:hover .photobox__previewbox:before {
        transform: scale(3);
        transition-duration: .5s;
        transition-delay: 0s
    }

    .jackpotpool .photobox:hover .photobox__previewbox.zoom img {
        transition: all .2s linear
    }

    .jackpotpool .photobox:hover .photobox__previewbox.zoom:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

.jackpotpool .photobox__previewbox {
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0
}

    .jackpotpool .photobox__previewbox:before {
        content: '';
        width: 0;
        height: 0;
        padding: 25%;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(7, 7, 7, .66);
        transition: transform calc(.5s/2) ease calc(.5s/2);
        will-change: transform;
        transform: scale(0);
        z-index: 8
    }

    .jackpotpool .photobox__previewbox .action_overlay {
        position: absolute;
        top: 0;
        left: -300%;
        bottom: 0;
        right: 0;
        padding: 10px;
        transition-duration: .5s;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        z-index: 9
    }

        .jackpotpool .photobox__previewbox .action_overlay a {
            display: flex
        }

            .jackpotpool .photobox__previewbox .action_overlay a div {
                font-size: .7rem;
                padding: 6px 10px;
                text-align: center;
                margin: 5px 0;
                border-radius: 3px;
                display: block;
                font-weight: 500;
                background: #f3902f;
                color: white !important;
                box-shadow: 0 4px #df7208;
                border: 2px solid #f3902f;
                border-radius: 15px;
            }

                .jackpotpool .photobox__previewbox .action_overlay a div:hover {
                    background: #c16000;
                    color: white !important;
                    box-shadow: 0 4px #ba0303;
                    border: 2px solid #c16000;
                }

    .jackpotpool .photobox__previewbox:hover .action_overlay {
        left: 0;
        transition-duration: .5s
    }

.jackpotpool div.text-wrap {
    text-align: center;
    background-color: #2c2c2c;
    display: -webkit-box;
    padding: 5px 5px;
    white-space: normal
}

    .jackpotpool div.text-wrap a {
        display: block;
        width: 100%
    }

    .jackpotpool div.text-wrap .jackpotcounter {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #fff;
        font-size: .83em;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        width: 90%;
        white-space: normal;
        padding: 0;
        margin: 0 auto;
        display: block;
    }

.jackpotpool .img-wrap {
    overflow: hidden;
    border-radius: 10px 10px 0 0
}

.jackpotpool span.gold {
    display: block;
    background: repeating-linear-gradient(135deg, #ffdd9b 0, #fed792 20px, #ffe1ac 40px, #fff 70px, #fac66b 125px, #f6c26b 160px, #e7b155 175px, #f4c16b 185px, #f1bf6b 220px, #f3be66 235px, #e9b153 250px, #f5be61 280px, #f9bc56 305px, #fffbf5 385px, #fcc362 415px, #fcc379 450px, #ffdd9b 500px);
    background-clip: text;
    -webkit-background-clip: text;
    background-repeat: repeat;
    background-attachment: fixed;
    backface-visibility: none;
    color: #ffdd9b !important;
    filter: drop-shadow(0 3px 1px #000);
    font-size: 1rem;
    font-weight: 700
}

.ribbon-header {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}


.ribbon {
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 0 30px 30px;
    min-width: 180px;
}

    .ribbon::before {
        content: "";
        position: absolute;
        display: block;
        width: 90px;
        bottom: -10px;
        left: -38px;
        border: 14px solid #c38157;
        border-left-color: transparent;
        z-index: -2;
    }

    .ribbon::after {
        content: "";
        position: absolute;
        display: block;
        width: 90px;
        bottom: -10px;
        right: -38px;
        border: 14px solid #c38157;
        border-right-color: transparent;
        z-index: -2;
    }

.ribbon-txt {
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    padding: 12px 15px;
    background: #d39368;
    border-radius: 6px;
    color: #fff;
    text-transform: capitalize;
}

    .ribbon-txt::before {
        content: '';
        display: block;
        position: absolute;
        top: 8px;
        left: 2px;
        background: #b26e49;
        width: 50px;
        height: 90%;
        -ms-transform: skewY(12deg);
        transform: skewY(12deg);
        z-index: -1;
    }

    .ribbon-txt::after {
        content: '';
        display: block;
        position: absolute;
        top: 8px;
        right: 2px;
        background: #b26e49;
        width: 50px;
        height: 90%;
        -ms-transform: skewY(-12deg);
        transform: skewY(-12deg);
        z-index: -1;
    }

.ribbon-red .ribbon-txt {
    background: #d3686b;
}

.ribbon-red::before {
    border-color: #c3575c;
    border-left-color: transparent;
}


.ribbon-red::after {
    border-color: #c3575c;
    border-right-color: transparent;
}

.ribbon-red-txt::after,
.ribbon-red-txt::before {
    background: #801010;
}

.faq-card {
    background-color: #2a3040 !important;
    font-weight: 700;
}

    .faq-card .h6 {
        color: rgb(255 255 255 / 87%);
    }


.searchgameMobilewidget.show .form-control {
    background: #000
}

@media only screen and (max-width: 992px) {
    .provider-amount, .promo-notif {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .provider-amount {
        display: block;
        background-color: #4c4c4c;
        color: white;
        font-size: 10px;
        border-radius: 20px;
        position: absolute;
        padding: 5px 8px;
        right: 0;
    }

    .promo-notif {
        display: block;
        background-color: #4c4c4c;
        color: white;
        font-size: 10px;
        border-radius: 20px;
        position: absolute;
        padding: 5px 8px;
        right: 0;
    }
}

@media screen and (max-width: 767px) {
    .signup-content, .signin-content {
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
    }
}

.h_nav-item > a {
    width: max-content;
}

.loyalprogram-info .table-title {
    color: rgba(85,32,116,.8);
}

.bg-blue {
    background-color: #000;
}

button#depositBtn, button#withdrawBtn, button#WICKET9WithdrawBtn {
    background: #552074;
    padding: 7px 15px;
}

    button#depositBtn:hover, button#withdrawBtn:hover, button#WICKET9WithdrawBtn:hover {
        background: #552074;
        padding: 7px 15px;
    }

button#playnowBtn {
    background: #552074;
    border-radius: 2px;
}

    button#playnowBtn:hover {
        background: #552074;
        border-radius: 2px;
    }

button.close-popup.close.loginClose-btn {
    font-size: 2rem;
    position: absolute;
    right: 10px;
    top: 5px;
    font-weight: 500;
}

.transferModal #playnowBtn, .updatepassword {
    background-image: linear-gradient(to right, #552074, #552074) !important;
}
@charset "UTF-8";
/*!
 * animate.css - https://animate.style/
 * Version - 4.0.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
	--animate-duration: 1s;
	--animate-delay: 1s;
	--animate-repeat: 1;
}

.not-animated,
[data-animate]:not(.animated) { opacity: 0; }

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: var(--animate-duration);
	animation-duration: var(--animate-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.animated.repeat-1 {
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: var(--animate-repeat);
	animation-iteration-count: var(--animate-repeat);
}
.animated.repeat-2 {
	-webkit-animation-iteration-count: calc(1 * 2);
	animation-iteration-count: calc(1 * 2);
	-webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
	animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animated.repeat-3 {
	-webkit-animation-iteration-count: calc(1 * 3);
	animation-iteration-count: calc(1 * 3);
	-webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
	animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animated.delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-delay: var(--animate-delay);
	animation-delay: var(--animate-delay);
}
.animated.delay-2s {
	-webkit-animation-delay: calc(1s * 2);
	animation-delay: calc(1s * 2);
	-webkit-animation-delay: calc(var(--animate-delay) * 2);
	animation-delay: calc(var(--animate-delay) * 2);
}
.animated.delay-3s {
	-webkit-animation-delay: calc(1s * 3);
	animation-delay: calc(1s * 3);
	-webkit-animation-delay: calc(var(--animate-delay) * 3);
	animation-delay: calc(var(--animate-delay) * 3);
}
.animated.delay-4s {
	-webkit-animation-delay: calc(1s * 4);
	animation-delay: calc(1s * 4);
	-webkit-animation-delay: calc(var(--animate-delay) * 4);
	animation-delay: calc(var(--animate-delay) * 4);
}
.animated.delay-5s {
	-webkit-animation-delay: calc(1s * 5);
	animation-delay: calc(1s * 5);
	-webkit-animation-delay: calc(var(--animate-delay) * 5);
	animation-delay: calc(var(--animate-delay) * 5);
}
.animated.faster {
	-webkit-animation-duration: calc(1s / 2);
	animation-duration: calc(1s / 2);
	-webkit-animation-duration: calc(var(--animate-duration) / 2);
	animation-duration: calc(var(--animate-duration) / 2);
}
.animated.fast {
	-webkit-animation-duration: calc(1s * 0.8);
	animation-duration: calc(1s * 0.8);
	-webkit-animation-duration: calc(var(--animate-duration) * 0.8);
	animation-duration: calc(var(--animate-duration) * 0.8);
}
.animated.slow {
	-webkit-animation-duration: calc(1s * 2);
	animation-duration: calc(1s * 2);
	-webkit-animation-duration: calc(var(--animate-duration) * 2);
	animation-duration: calc(var(--animate-duration) * 2);
}
.animated.slower {
	-webkit-animation-duration: calc(1s * 3);
	animation-duration: calc(1s * 3);
	-webkit-animation-duration: calc(var(--animate-duration) * 3);
	animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
	.animated {
		-webkit-animation-duration: 1ms !important;
		animation-duration: 1ms !important;
		-webkit-transition-duration: 1ms !important;
		transition-duration: 1ms !important;
		-webkit-animation-iteration-count: 1 !important;
		animation-iteration-count: 1 !important;
	}

	.animated[class*='Out'] {
		opacity: 0;
	}
}
/* Attention seekers  */
@-webkit-keyframes bounce {
	from,
	20%,
	53%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
		transform: translate3d(0, -30px, 0) scaleY(1.1);
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
		transform: translate3d(0, -15px, 0) scaleY(1.05);
	}

	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
		transform: translate3d(0, 0, 0) scaleY(0.95);
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
		transform: translate3d(0, -4px, 0) scaleY(1.02);
	}
}
@keyframes bounce {
	from,
	20%,
	53%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
		transform: translate3d(0, -30px, 0) scaleY(1.1);
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
		transform: translate3d(0, -15px, 0) scaleY(1.05);
	}

	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
		transform: translate3d(0, 0, 0) scaleY(0.95);
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
		transform: translate3d(0, -4px, 0) scaleY(1.02);
	}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}
@-webkit-keyframes flash {
	from,
	50%,
	to {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}
@keyframes flash {
	from,
	50%,
	to {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}

	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}

	65% {
		-webkit-transform: scale3d(0.95, 1.05, 1);
		transform: scale3d(0.95, 1.05, 1);
	}

	75% {
		-webkit-transform: scale3d(1.05, 0.95, 1);
		transform: scale3d(1.05, 0.95, 1);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes rubberBand {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}

	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}

	65% {
		-webkit-transform: scale3d(0.95, 1.05, 1);
		transform: scale3d(0.95, 1.05, 1);
	}

	75% {
		-webkit-transform: scale3d(1.05, 0.95, 1);
		transform: scale3d(1.05, 0.95, 1);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
	from,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}
@keyframes shakeX {
	from,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}
.shakeX {
	-webkit-animation-name: shakeX;
	animation-name: shakeX;
}
@-webkit-keyframes shakeY {
	from,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}
}
@keyframes shakeY {
	from,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}
}
.shakeY {
	-webkit-animation-name: shakeY;
	animation-name: shakeY;
}
@-webkit-keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg);
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg);
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg);
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg);
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg);
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg);
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg);
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg);
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
.headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake;
}
@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg);
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg);
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg);
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg);
	}

	to {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
	}
}
@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg);
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg);
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg);
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg);
	}

	to {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
	}
}
.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}
@-webkit-keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%,
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%,
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes wobble {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}
@-webkit-keyframes jello {
	from,
	11.1%,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg);
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg);
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg);
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg);
	}

	66.6% {
		-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
		transform: skewX(-0.78125deg) skewY(-0.78125deg);
	}

	77.7% {
		-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
		transform: skewX(0.390625deg) skewY(0.390625deg);
	}

	88.8% {
		-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
		transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
	}
}
@keyframes jello {
	from,
	11.1%,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg);
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg);
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg);
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg);
	}

	66.6% {
		-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
		transform: skewX(-0.78125deg) skewY(-0.78125deg);
	}

	77.7% {
		-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
		transform: skewX(0.390625deg) skewY(0.390625deg);
	}

	88.8% {
		-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
		transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
	}
}
.jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center;
}
@-webkit-keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	14% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}

	28% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}

	70% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	14% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}

	28% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}

	70% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
.heartBeat {
	-webkit-animation-name: heartBeat;
	animation-name: heartBeat;
	-webkit-animation-duration: calc(1s * 1.3);
	animation-duration: calc(1s * 1.3);
	-webkit-animation-duration: calc(var(--animate-duration) * 1.3);
	animation-duration: calc(var(--animate-duration) * 1.3);
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}
/* Back entrances */
@-webkit-keyframes backInDown {
	0% {
		-webkit-transform: translateY(-1200px) scale(0.7);
		transform: translateY(-1200px) scale(0.7);
		opacity: 0.7;
	}

	80% {
		-webkit-transform: translateY(0px) scale(0.7);
		transform: translateY(0px) scale(0.7);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}
@keyframes backInDown {
	0% {
		-webkit-transform: translateY(-1200px) scale(0.7);
		transform: translateY(-1200px) scale(0.7);
		opacity: 0.7;
	}

	80% {
		-webkit-transform: translateY(0px) scale(0.7);
		transform: translateY(0px) scale(0.7);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}
.backInDown {
	-webkit-animation-name: backInDown;
	animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
	0% {
		-webkit-transform: translateX(-2000px) scale(0.7);
		transform: translateX(-2000px) scale(0.7);
		opacity: 0.7;
	}

	80% {
		-webkit-transform: translateX(0px) scale(0.7);
		transform: translateX(0px) scale(0.7);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}
@keyframes backInLeft {
	0% {
		-webkit-transform: translateX(-2000px) scale(0.7);
		transform: translateX(-2000px) scale(0.7);
		opacity: 0.7;
	}

	80% {
		-webkit-transform: translateX(0px) scale(0.7);
		transform: translateX(0px) scale(0.7);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}
.backInLeft {
	-webkit-animation-name: backInLeft;
	animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
	0% {
		-webkit-transform: translateX(2000px) scale(0.7);
		transform: translateX(2000px) scale(0.7);
		opacity: 0.7;
	}

	80% {
		-webkit-transform: translateX(0px) scale(0.7);
		transform: translateX(0px) scale(0.7);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}
@keyframes backInRight {
	0% {
		-webkit-transform: translateX(2000px) scale(0.7);
		transform: translateX(2000px) scale(0.7);
		opacity: 0.7;
	}

	80% {
		-webkit-transform: translateX(0px) scale(0.7);
		transform: translateX(0px) scale(0.7);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}
.backInRight {
	-webkit-animation-name: backInRight;
	animation-name: backInRight;
}
@-webkit-keyframes backInUp {
	0% {
		-webkit-transform: translateY(1200px) scale(0.7);
		transform: translateY(1200px) scale(0.7);
		opacity: 0.7;
	}

	80% {
		-webkit-transform: translateY(0px) scale(0.7);
		transform: translateY(0px) scale(0.7);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}
@keyframes backInUp {
	0% {
		-webkit-transform: translateY(1200px) scale(0.7);
		transform: translateY(1200px) scale(0.7);
		opacity: 0.7;
	}

	80% {
		-webkit-transform: translateY(0px) scale(0.7);
		transform: translateY(0px) scale(0.7);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}
.backInUp {
	-webkit-animation-name: backInUp;
	animation-name: backInUp;
}
/* Back exists */
@-webkit-keyframes backOutDown {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	20% {
		-webkit-transform: translateY(0px) scale(0.7);
		transform: translateY(0px) scale(0.7);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: translateY(700px) scale(0.7);
		transform: translateY(700px) scale(0.7);
		opacity: 0.7;
	}
}
@keyframes backOutDown {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	20% {
		-webkit-transform: translateY(0px) scale(0.7);
		transform: translateY(0px) scale(0.7);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: translateY(700px) scale(0.7);
		transform: translateY(700px) scale(0.7);
		opacity: 0.7;
	}
}
.backOutDown {
	-webkit-animation-name: backOutDown;
	animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	20% {
		-webkit-transform: translateX(0px) scale(0.7);
		transform: translateX(0px) scale(0.7);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: translateX(-2000px) scale(0.7);
		transform: translateX(-2000px) scale(0.7);
		opacity: 0.7;
	}
}
@keyframes backOutLeft {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	20% {
		-webkit-transform: translateX(0px) scale(0.7);
		transform: translateX(0px) scale(0.7);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: translateX(-2000px) scale(0.7);
		transform: translateX(-2000px) scale(0.7);
		opacity: 0.7;
	}
}
.backOutLeft {
	-webkit-animation-name: backOutLeft;
	animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	20% {
		-webkit-transform: translateX(0px) scale(0.7);
		transform: translateX(0px) scale(0.7);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: translateX(2000px) scale(0.7);
		transform: translateX(2000px) scale(0.7);
		opacity: 0.7;
	}
}
@keyframes backOutRight {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	20% {
		-webkit-transform: translateX(0px) scale(0.7);
		transform: translateX(0px) scale(0.7);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: translateX(2000px) scale(0.7);
		transform: translateX(2000px) scale(0.7);
		opacity: 0.7;
	}
}
.backOutRight {
	-webkit-animation-name: backOutRight;
	animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	20% {
		-webkit-transform: translateY(0px) scale(0.7);
		transform: translateY(0px) scale(0.7);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: translateY(-700px) scale(0.7);
		transform: translateY(-700px) scale(0.7);
		opacity: 0.7;
	}
}
@keyframes backOutUp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	20% {
		-webkit-transform: translateY(0px) scale(0.7);
		transform: translateY(0px) scale(0.7);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: translateY(-700px) scale(0.7);
		transform: translateY(-700px) scale(0.7);
		opacity: 0.7;
	}
}
.backOutUp {
	-webkit-animation-name: backOutUp;
	animation-name: backOutUp;
}
/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
	from,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97);
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes bounceIn {
	from,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97);
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
.bounceIn {
	-webkit-animation-duration: calc(1s * 0.75);
	animation-duration: calc(1s * 0.75);
	-webkit-animation-duration: calc(var(--animate-duration) * 0.75);
	animation-duration: calc(var(--animate-duration) * 0.75);
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
		transform: translate3d(0, -3000px, 0) scaleY(3);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
		transform: translate3d(0, 25px, 0) scaleY(0.9);
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
		transform: translate3d(0, -10px, 0) scaleY(0.95);
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
		transform: translate3d(0, 5px, 0) scaleY(0.985);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes bounceInDown {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
		transform: translate3d(0, -3000px, 0) scaleY(3);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
		transform: translate3d(0, 25px, 0) scaleY(0.9);
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
		transform: translate3d(0, -10px, 0) scaleY(0.95);
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
		transform: translate3d(0, 5px, 0) scaleY(0.985);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
		transform: translate3d(-3000px, 0, 0) scaleX(3);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
		transform: translate3d(25px, 0, 0) scaleX(1);
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
		transform: translate3d(-10px, 0, 0) scaleX(0.98);
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
		transform: translate3d(5px, 0, 0) scaleX(0.995);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes bounceInLeft {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
		transform: translate3d(-3000px, 0, 0) scaleX(3);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
		transform: translate3d(25px, 0, 0) scaleX(1);
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
		transform: translate3d(-10px, 0, 0) scaleX(0.98);
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
		transform: translate3d(5px, 0, 0) scaleX(0.995);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
		transform: translate3d(3000px, 0, 0) scaleX(3);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
		transform: translate3d(-25px, 0, 0) scaleX(1);
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
		transform: translate3d(10px, 0, 0) scaleX(0.98);
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
		transform: translate3d(-5px, 0, 0) scaleX(0.995);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes bounceInRight {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
		transform: translate3d(3000px, 0, 0) scaleX(3);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
		transform: translate3d(-25px, 0, 0) scaleX(1);
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
		transform: translate3d(10px, 0, 0) scaleX(0.98);
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
		transform: translate3d(-5px, 0, 0) scaleX(0.995);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
		transform: translate3d(0, 3000px, 0) scaleY(5);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
		transform: translate3d(0, -20px, 0) scaleY(0.9);
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
		transform: translate3d(0, 10px, 0) scaleY(0.95);
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
		transform: translate3d(0, -5px, 0) scaleY(0.985);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes bounceInUp {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
		transform: translate3d(0, 3000px, 0) scaleY(5);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
		transform: translate3d(0, -20px, 0) scaleY(0.9);
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
		transform: translate3d(0, 10px, 0) scaleY(0.95);
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
		transform: translate3d(0, -5px, 0) scaleY(0.985);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
/* Bouncing exits  */
@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}

	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}
}
@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}

	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}
}
.bounceOut {
	-webkit-animation-duration: calc(1s * 0.75);
	animation-duration: calc(1s * 0.75);
	-webkit-animation-duration: calc(var(--animate-duration) * 0.75);
	animation-duration: calc(var(--animate-duration) * 0.75);
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
		transform: translate3d(0, 10px, 0) scaleY(0.985);
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
		transform: translate3d(0, -20px, 0) scaleY(0.9);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
		transform: translate3d(0, 2000px, 0) scaleY(3);
	}
}
@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
		transform: translate3d(0, 10px, 0) scaleY(0.985);
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
		transform: translate3d(0, -20px, 0) scaleY(0.9);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
		transform: translate3d(0, 2000px, 0) scaleY(3);
	}
}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
		transform: translate3d(20px, 0, 0) scaleX(0.9);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
		transform: translate3d(-2000px, 0, 0) scaleX(2);
	}
}
@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
		transform: translate3d(20px, 0, 0) scaleX(0.9);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
		transform: translate3d(-2000px, 0, 0) scaleX(2);
	}
}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
		transform: translate3d(-20px, 0, 0) scaleX(0.9);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
		transform: translate3d(2000px, 0, 0) scaleX(2);
	}
}
@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
		transform: translate3d(-20px, 0, 0) scaleX(0.9);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
		transform: translate3d(2000px, 0, 0) scaleX(2);
	}
}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
		transform: translate3d(0, -10px, 0) scaleY(0.985);
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
		transform: translate3d(0, 20px, 0) scaleY(0.9);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
		transform: translate3d(0, -2000px, 0) scaleY(3);
	}
}
@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
		transform: translate3d(0, -10px, 0) scaleY(0.985);
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
		transform: translate3d(0, 20px, 0) scaleY(0.9);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
		transform: translate3d(0, -2000px, 0) scaleY(3);
	}
}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}
/* Fading entrances  */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInDownBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInRightBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInUpBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, -100%, 0);
		transform: translate3d(-100%, -100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInTopLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, -100%, 0);
		transform: translate3d(-100%, -100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.fadeInTopLeft {
	-webkit-animation-name: fadeInTopLeft;
	animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, -100%, 0);
		transform: translate3d(100%, -100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInTopRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, -100%, 0);
		transform: translate3d(100%, -100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.fadeInTopRight {
	-webkit-animation-name: fadeInTopRight;
	animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 100%, 0);
		transform: translate3d(-100%, 100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInBottomLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 100%, 0);
		transform: translate3d(-100%, 100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.fadeInBottomLeft {
	-webkit-animation-name: fadeInBottomLeft;
	animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 100%, 0);
		transform: translate3d(100%, 100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInBottomRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 100%, 0);
		transform: translate3d(100%, 100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.fadeInBottomRight {
	-webkit-animation-name: fadeInBottomRight;
	animation-name: fadeInBottomRight;
}
/* Fading exits */
@-webkit-keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}
@keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}
@keyframes fadeOutDown {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}
@keyframes fadeOutDownBig {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}
@keyframes fadeOutLeft {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
}
@keyframes fadeOutLeftBig {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}
@keyframes fadeOutRight {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}
}
@keyframes fadeOutRightBig {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}
@keyframes fadeOutUp {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}
@keyframes fadeOutUpBig {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, -100%, 0);
		transform: translate3d(-100%, -100%, 0);
	}
}
@keyframes fadeOutTopLeft {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, -100%, 0);
		transform: translate3d(-100%, -100%, 0);
	}
}
.fadeOutTopLeft {
	-webkit-animation-name: fadeOutTopLeft;
	animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, -100%, 0);
		transform: translate3d(100%, -100%, 0);
	}
}
@keyframes fadeOutTopRight {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, -100%, 0);
		transform: translate3d(100%, -100%, 0);
	}
}
.fadeOutTopRight {
	-webkit-animation-name: fadeOutTopRight;
	animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 100%, 0);
		transform: translate3d(100%, 100%, 0);
	}
}
@keyframes fadeOutBottomRight {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 100%, 0);
		transform: translate3d(100%, 100%, 0);
	}
}
.fadeOutBottomRight {
	-webkit-animation-name: fadeOutBottomRight;
	animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 100%, 0);
		transform: translate3d(-100%, 100%, 0);
	}
}
@keyframes fadeOutBottomLeft {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 100%, 0);
		transform: translate3d(-100%, 100%, 0);
	}
}
.fadeOutBottomLeft {
	-webkit-animation-name: fadeOutBottomLeft;
	animation-name: fadeOutBottomLeft;
}
/* Flippers */
@-webkit-keyframes flip {
	from {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	40% {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
			rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
			rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	50% {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
			rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
			rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
			rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
			rotate3d(0, 1, 0, 0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	to {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}
@keyframes flip {
	from {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	40% {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
			rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
			rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	50% {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
			rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
			rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
			rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
			rotate3d(0, 1, 0, 0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	to {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}
.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip;
}
@-webkit-keyframes flipInX {
	from {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}
@keyframes flipInX {
	from {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}
.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}
@-webkit-keyframes flipInY {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}
@keyframes flipInY {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}
.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1;
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0;
	}
}
@keyframes flipOutX {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1;
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0;
	}
}
.flipOutX {
	-webkit-animation-duration: calc(1s * 0.75);
	animation-duration: calc(1s * 0.75);
	-webkit-animation-duration: calc(var(--animate-duration) * 0.75);
	animation-duration: calc(var(--animate-duration) * 0.75);
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1;
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0;
	}
}
@keyframes flipOutY {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1;
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0;
	}
}
.flipOutY {
	-webkit-animation-duration: calc(1s * 0.75);
	animation-duration: calc(1s * 0.75);
	-webkit-animation-duration: calc(var(--animate-duration) * 0.75);
	animation-duration: calc(var(--animate-duration) * 0.75);
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
}
/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
	from {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0;
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes lightSpeedInRight {
	from {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0;
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.lightSpeedInRight {
	-webkit-animation-name: lightSpeedInRight;
	animation-name: lightSpeedInRight;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
		transform: translate3d(-100%, 0, 0) skewX(30deg);
		opacity: 0;
	}

	60% {
		-webkit-transform: skewX(-20deg);
		transform: skewX(-20deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: skewX(5deg);
		transform: skewX(5deg);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes lightSpeedInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
		transform: translate3d(-100%, 0, 0) skewX(30deg);
		opacity: 0;
	}

	60% {
		-webkit-transform: skewX(-20deg);
		transform: skewX(-20deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: skewX(5deg);
		transform: skewX(5deg);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.lightSpeedInLeft {
	-webkit-animation-name: lightSpeedInLeft;
	animation-name: lightSpeedInLeft;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
	from {
		opacity: 1;
	}

	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0;
	}
}
@keyframes lightSpeedOutRight {
	from {
		opacity: 1;
	}

	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0;
	}
}
.lightSpeedOutRight {
	-webkit-animation-name: lightSpeedOutRight;
	animation-name: lightSpeedOutRight;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
	from {
		opacity: 1;
	}

	to {
		-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
		transform: translate3d(-100%, 0, 0) skewX(-30deg);
		opacity: 0;
	}
}
@keyframes lightSpeedOutLeft {
	from {
		opacity: 1;
	}

	to {
		-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
		transform: translate3d(-100%, 0, 0) skewX(-30deg);
		opacity: 0;
	}
}
.lightSpeedOutLeft {
	-webkit-animation-name: lightSpeedOutLeft;
	animation-name: lightSpeedOutLeft;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
/* Rotating entrances */
@-webkit-keyframes rotateIn {
	from {
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}
@keyframes rotateIn {
	from {
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
	-webkit-transform-origin: center;
	transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
	from {
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}
@keyframes rotateInDownLeft {
	from {
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}
.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
	from {
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}
@keyframes rotateInDownRight {
	from {
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}
.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
	from {
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}
@keyframes rotateInUpLeft {
	from {
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}
.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
	from {
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}
@keyframes rotateInUpRight {
	from {
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}
.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}
/* Rotating exits */
@-webkit-keyframes rotateOut {
	from {
		opacity: 1;
	}

	to {
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0;
	}
}
@keyframes rotateOut {
	from {
		opacity: 1;
	}

	to {
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0;
	}
}
.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
	-webkit-transform-origin: center;
	transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
	from {
		opacity: 1;
	}

	to {
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}
}
@keyframes rotateOutDownLeft {
	from {
		opacity: 1;
	}

	to {
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}
}
.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
	from {
		opacity: 1;
	}

	to {
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}
@keyframes rotateOutDownRight {
	from {
		opacity: 1;
	}

	to {
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}
.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
	from {
		opacity: 1;
	}

	to {
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}
@keyframes rotateOutUpLeft {
	from {
		opacity: 1;
	}

	to {
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}
.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
	from {
		opacity: 1;
	}

	to {
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0;
	}
}
@keyframes rotateOutUpRight {
	from {
		opacity: 1;
	}

	to {
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0;
	}
}
.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}
/* Specials */
@-webkit-keyframes hinge {
	0% {
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	20%,
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	40%,
	80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1;
	}

	to {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0;
	}
}
@keyframes hinge {
	0% {
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	20%,
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	40%,
	80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1;
	}

	to {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0;
	}
}
.hinge {
	-webkit-animation-duration: calc(1s * 2);
	animation-duration: calc(1s * 2);
	-webkit-animation-duration: calc(var(--animate-duration) * 2);
	animation-duration: calc(var(--animate-duration) * 2);
	-webkit-animation-name: hinge;
	animation-name: hinge;
	-webkit-transform-origin: top left;
	transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
	from {
		opacity: 0;
		-webkit-transform: scale(0.1) rotate(30deg);
		transform: scale(0.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
	}

	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}

	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg);
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes jackInTheBox {
	from {
		opacity: 0;
		-webkit-transform: scale(0.1) rotate(30deg);
		transform: scale(0.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
	}

	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}

	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg);
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
.jackInTheBox {
	-webkit-animation-name: jackInTheBox;
	animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	}
}
@keyframes rollOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	}
}
.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut;
}
/* Zooming entrances */
@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	50% {
		opacity: 1;
	}
}
@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	50% {
		opacity: 1;
	}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}
@keyframes zoomInDown {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}
.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}
@keyframes zoomInLeft {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}
.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}
@keyframes zoomInRight {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}
.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}
@keyframes zoomInUp {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}
.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp;
}
/* Zooming exits */
@-webkit-keyframes zoomOut {
	from {
		opacity: 1;
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	to {
		opacity: 0;
	}
}
@keyframes zoomOut {
	from {
		opacity: 1;
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	to {
		opacity: 0;
	}
}
.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}
@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}
.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
	}

	to {
		opacity: 0;
		-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
		transform: scale(0.1) translate3d(-2000px, 0, 0);
	}
}
@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
	}

	to {
		opacity: 0;
		-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
		transform: scale(0.1) translate3d(-2000px, 0, 0);
	}
}
.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft;
	-webkit-transform-origin: left center;
	transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
	}

	to {
		opacity: 0;
		-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
		transform: scale(0.1) translate3d(2000px, 0, 0);
	}
}
@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
	}

	to {
		opacity: 0;
		-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
		transform: scale(0.1) translate3d(2000px, 0, 0);
	}
}
.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight;
	-webkit-transform-origin: right center;
	transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}
@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}
.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}
/* Sliding entrances */
@-webkit-keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
	from {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes slideInRight {
	from {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}
/* Sliding exits */
@-webkit-keyframes slideOutDown {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}
@keyframes slideOutDown {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}
.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}
@keyframes slideOutLeft {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}
.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}
@keyframes slideOutRight {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}
.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}
@keyframes slideOutUp {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
}
@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('/Content/fonts/ProximaNova-Regular.woff2') format('woff2'), url('/Content/fonts/ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('/Content/fonts/ProximaNova-Bold.woff2') format('woff2'), url('/Content/fonts/ProximaNova-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/*!
 *  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';font-display: swap;src:url('/Content/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('/Content/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/Content/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/Content/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/Content/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}.fa-line:before{content:"\f3c0"}.fa-viber:before{content:"\f409"}
/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face{font-family:"Font Awesome 5 Brands";font-display: swap;font-style:normal;font-weight:400;font-display:block;src:url(/Content/fonts/fa-brands-400.eot);src:url(/Content/fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/Content/fonts/fa-brands-400.woff2) format("woff2"),url(/Content/fonts/fa-brands-400.woff) format("woff"),url(/Content/fonts/fa-brands-400.ttf) format("truetype"),url(/Content/fonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-weight:400}



@font-face {
	font-family: 'font-icons';
	src:url('/Content/fonts/font-icons.eot');
	src:url('/Content/fonts/font-icons.eot') format('embedded-opentype'),
		url('/Content/fonts/font-icons.woff') format('woff'),
		url('/Content/fonts/font-icons.ttf') format('truetype'),
		url('/Content/fonts/font-icons.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'lined-icons';
	src:url('/Content/fonts/lined-icons.eot');
	src:url('/Content/fonts/lined-icons.eot') format('embedded-opentype'),
		url('/Content/fonts/lined-icons.woff') format('woff'),
		url('/Content/fonts/lined-icons.ttf') format('truetype'),
		url('/Content/fonts/lined-icons.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Simple-Line-Icons';
	src:url('/Content/fonts/Simple-Line-Icons.eot');
	src:url('/Content/fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'),
		url('/Content/fonts/Simple-Line-Icons.woff') format('woff'),
		url('/Content/fonts/Simple-Line-Icons.ttf') format('truetype'),
		url('/Content/fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"],
[class^="icon-line-"], [class*=" icon-line-"],
[class^="icon-line2-"], [class*=" icon-line2-"],
.side-header .primary-menu ul > li.sub-menu > a:after,
.docs-navigation ul ul li.current a:after {
	display: inline-block;
	font-family: 'font-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="icon-line-"], [class*=" icon-line-"] { font-family: 'lined-icons'; }

[class^="icon-line2-"], [class*=" icon-line2-"] { font-family: 'Simple-Line-Icons'; }

.icon-lg {
	font-size: 1.3333333333333333em;
	line-height: 0.75em;
	vertical-align: -15%;
}
.icon-2x {
	font-size: 2em;
}
.icon-3x {
	font-size: 3em;
}
.icon-4x {
	font-size: 4em;
}
.icon-5x {
	font-size: 5em;
}
.icon-fw {
	width: 1.2857142857142858em;
	text-align: center;
}

.iconlist {
	padding-left: 0;
	margin-left: 0;
	list-style-type: none;
}

.iconlist li { position: relative; }

.iconlist ul {
	list-style-type: none;
	margin: 0.5rem 0 0.5rem 1.5rem;
}

.iconlist > li [class^="icon-"]:first-child, .iconlist > li [class*=" icon-"]:first-child {
	position: relative;
	display: inline-block;
	text-align: center;
	top: 1px;
	width: 14px;
	margin-right: 0.5rem;
}

.iconlist.iconlist-large { font-size: 16px; }

.iconlist.iconlist-large li { margin: 4px 0; }

.iconlist.iconlist-large > li [class^="icon-"], .iconlist.iconlist-large > li [class*=" icon-"] {
	width: 16px;
	margin-right: 5px;
}

.iconlist-color li i {
	color: #1ABC9C;
	color: var(--themecolor);
}

.icon-border {
	padding: .2em .25em .15em;
	border: solid 0.08em #eeeeee;
	border-radius: .1em;
}
.icon.pull-left {
	margin-right: .3em;
}
.icon.pull-right {
	margin-left: .3em;
}
.icon-spin {
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
	}
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
	}
}
@-o-keyframes spin {
	0% {
		-o-transform: rotate(0deg);
	}
	100% {
		-o-transform: rotate(359deg);
	}
}
@-ms-keyframes spin {
	0% {
		-ms-transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(359deg);
	}
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(359deg);
	}
}
.icon-rotate-90 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.icon-rotate-180 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.icon-rotate-270 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}
.icon-flip-horizontal {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
	-webkit-transform: scale(-1, 1);
	-moz-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	transform: scale(-1, 1);
}
.icon-flip-vertical {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
	-webkit-transform: scale(1, -1);
	-moz-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	-o-transform: scale(1, -1);
	transform: scale(1, -1);
}
.icon-stacked {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	vertical-align: middle;
}
.icon-stacked-1x,
.icon-stacked-2x {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}
.icon-stacked-1x {
	line-height: inherit;
}
.icon-stacked-2x {
	font-size: 2em;
}
.icon-inverse {
	color: #ffffff;
}

.icon-type:before {
	content: "\e600";
}
.icon-box1:before {
	content: "\e601";
}
.icon-archive1:before {
	content: "\e602";
}
.icon-envelope2:before {
	content: "\e603";
}
.icon-email:before {
	content: "\e604";
}
.icon-files:before {
	content: "\e605";
}
.icon-printer2:before {
	content: "\e606";
}
.icon-folder-add:before {
	content: "\e607";
}
.icon-folder-settings:before {
	content: "\e608";
}
.icon-folder-check:before {
	content: "\e609";
}
.icon-wifi-low:before {
	content: "\e60a";
}
.icon-wifi-mid:before {
	content: "\e60b";
}
.icon-wifi-full:before {
	content: "\e60c";
}
.icon-connection-empty:before {
	content: "\e60d";
}
.icon-battery-full1:before {
	content: "\e60e";
}
.icon-settings:before {
	content: "\e60f";
}
.icon-arrow-left1:before {
	content: "\e610";
}
.icon-arrow-up1:before {
	content: "\e611";
}
.icon-arrow-down1:before {
	content: "\e612";
}
.icon-arrow-right1:before {
	content: "\e613";
}
.icon-reload:before {
	content: "\e614";
}
.icon-download1:before {
	content: "\e615";
}
.icon-tag1:before {
	content: "\e616";
}
.icon-trashcan:before {
	content: "\e617";
}
.icon-search1:before {
	content: "\e618";
}
.icon-zoom-in:before {
	content: "\e619";
}
.icon-zoom-out:before {
	content: "\e61a";
}
.icon-chat:before {
	content: "\e61b";
}
.icon-clock2:before {
	content: "\e61c";
}
.icon-printer:before {
	content: "\e61d";
}
.icon-home1:before {
	content: "\e61e";
}
.icon-flag2:before {
	content: "\e61f";
}
.icon-meter:before {
	content: "\e620";
}
.icon-switch:before {
	content: "\e621";
}
.icon-forbidden:before {
	content: "\e622";
}
.icon-phone-landscape:before {
	content: "\e623";
}
.icon-tablet1:before {
	content: "\e624";
}
.icon-tablet-landscape:before {
	content: "\e625";
}
.icon-laptop1:before {
	content: "\e626";
}
.icon-camera1:before {
	content: "\e627";
}
.icon-microwave-oven:before {
	content: "\e628";
}
.icon-credit-cards:before {
	content: "\e629";
}
.icon-map-marker1:before {
	content: "\e62a";
}
.icon-map2:before {
	content: "\e62b";
}
.icon-support:before {
	content: "\e62c";
}
.icon-newspaper2:before {
	content: "\e62d";
}
.icon-barbell:before {
	content: "\e62e";
}
.icon-stopwatch1:before {
	content: "\e62f";
}
.icon-atom1:before {
	content: "\e630";
}
.icon-image2:before {
	content: "\e631";
}
.icon-cube1:before {
	content: "\e632";
}
.icon-bars1:before {
	content: "\e633";
}
.icon-chart:before {
	content: "\e634";
}
.icon-pencil:before {
	content: "\e635";
}
.icon-measure:before {
	content: "\e636";
}
.icon-eyedropper:before {
	content: "\e637";
}
.icon-file-settings:before {
	content: "\e638";
}
.icon-file-add:before {
	content: "\e639";
}
.icon-file2:before {
	content: "\e63a";
}
.icon-align-left1:before {
	content: "\e63b";
}
.icon-align-right1:before {
	content: "\e63c";
}
.icon-align-center1:before {
	content: "\e63d";
}
.icon-align-justify1:before {
	content: "\e63e";
}
.icon-file-broken:before {
	content: "\e63f";
}
.icon-browser:before {
	content: "\e640";
}
.icon-windows1:before {
	content: "\e641";
}
.icon-window:before {
	content: "\e642";
}
.icon-folder2:before {
	content: "\e643";
}
.icon-connection-25:before {
	content: "\e644";
}
.icon-connection-50:before {
	content: "\e645";
}
.icon-connection-75:before {
	content: "\e646";
}
.icon-connection-full:before {
	content: "\e647";
}
.icon-list1:before {
	content: "\e648";
}
.icon-grid:before {
	content: "\e649";
}
.icon-stack3:before {
	content: "\e64a";
}
.icon-battery-charging:before {
	content: "\e64b";
}
.icon-battery-empty1:before {
	content: "\e64c";
}
.icon-battery-25:before {
	content: "\e64d";
}
.icon-battery-50:before {
	content: "\e64e";
}
.icon-battery-75:before {
	content: "\e64f";
}
.icon-refresh:before {
	content: "\e650";
}
.icon-volume:before {
	content: "\e651";
}
.icon-volume-increase:before {
	content: "\e652";
}
.icon-volume-decrease:before {
	content: "\e653";
}
.icon-mute:before {
	content: "\e654";
}
.icon-microphone1:before {
	content: "\e655";
}
.icon-microphone-off:before {
	content: "\e656";
}
.icon-book1:before {
	content: "\e657";
}
.icon-checkmark:before {
	content: "\e658";
}
.icon-checkbox-checked:before {
	content: "\e659";
}
.icon-checkbox:before {
	content: "\e65a";
}
.icon-paperclip1:before {
	content: "\e65b";
}
.icon-chat-1:before {
	content: "\e65c";
}
.icon-chat-2:before {
	content: "\e65d";
}
.icon-chat-3:before {
	content: "\e65e";
}
.icon-comment2:before {
	content: "\e65f";
}
.icon-calendar2:before {
	content: "\e660";
}
.icon-bookmark2:before {
	content: "\e661";
}
.icon-email2:before {
	content: "\e662";
}
.icon-heart2:before {
	content: "\e663";
}
.icon-enter:before {
	content: "\e664";
}
.icon-cloud1:before {
	content: "\e665";
}
.icon-book2:before {
	content: "\e666";
}
.icon-star2:before {
	content: "\e667";
}
.icon-lock1:before {
	content: "\e668";
}
.icon-unlocked:before {
	content: "\e669";
}
.icon-unlocked2:before {
	content: "\e66a";
}
.icon-users1:before {
	content: "\e66b";
}
.icon-user2:before {
	content: "\e66c";
}
.icon-users2:before {
	content: "\e66d";
}
.icon-user21:before {
	content: "\e66e";
}
.icon-bullhorn1:before {
	content: "\e66f";
}
.icon-share1:before {
	content: "\e670";
}
.icon-screen:before {
	content: "\e671";
}
.icon-phone1:before {
	content: "\e672";
}
.icon-phone-portrait:before {
	content: "\e673";
}
.icon-calculator1:before {
	content: "\e674";
}
.icon-bag:before {
	content: "\e675";
}
.icon-diamond:before {
	content: "\e676";
}
.icon-drink:before {
	content: "\e677";
}
.icon-shorts:before {
	content: "\e678";
}
.icon-vcard:before {
	content: "\e679";
}
.icon-sun2:before {
	content: "\e67a";
}
.icon-bill:before {
	content: "\e67b";
}
.icon-coffee1:before {
	content: "\e67c";
}
.icon-tv2:before {
	content: "\e67d";
}
.icon-newspaper3:before {
	content: "\e67e";
}
.icon-stack:before {
	content: "\e67f";
}
.icon-syringe1:before {
	content: "\e680";
}
.icon-health:before {
	content: "\e681";
}
.icon-bolt1:before {
	content: "\e682";
}
.icon-pill:before {
	content: "\e683";
}
.icon-bones:before {
	content: "\e684";
}
.icon-lab:before {
	content: "\e685";
}
.icon-clipboard2:before {
	content: "\e686";
}
.icon-mug:before {
	content: "\e687";
}
.icon-bucket:before {
	content: "\e688";
}
.icon-select:before {
	content: "\e689";
}
.icon-graph:before {
	content: "\e68a";
}
.icon-crop1:before {
	content: "\e68b";
}
.icon-heart21:before {
	content: "\e68c";
}
.icon-cloud2:before {
	content: "\e68d";
}
.icon-star21:before {
	content: "\e68e";
}
.icon-pen1:before {
	content: "\e68f";
}
.icon-diamond2:before {
	content: "\e690";
}
.icon-display:before {
	content: "\e691";
}
.icon-paperplane:before {
	content: "\e692";
}
.icon-params:before {
	content: "\e693";
}
.icon-banknote:before {
	content: "\e694";
}
.icon-vynil:before {
	content: "\e695";
}
.icon-truck1:before {
	content: "\e696";
}
.icon-world:before {
	content: "\e697";
}
.icon-tv1:before {
	content: "\e698";
}
.icon-sound:before {
	content: "\e699";
}
.icon-video1:before {
	content: "\e69a";
}
.icon-trash1:before {
	content: "\e69b";
}
.icon-user3:before {
	content: "\e69c";
}
.icon-key1:before {
	content: "\e69d";
}
.icon-search2:before {
	content: "\e69e";
}
.icon-settings2:before {
	content: "\e69f";
}
.icon-camera2:before {
	content: "\e6a0";
}
.icon-tag2:before {
	content: "\e6a1";
}
.icon-lock2:before {
	content: "\e6a2";
}
.icon-bulb:before {
	content: "\e6a3";
}
.icon-location:before {
	content: "\e6a4";
}
.icon-eye2:before {
	content: "\e6a5";
}
.icon-bubble:before {
	content: "\e6a6";
}
.icon-stack2:before {
	content: "\e6a7";
}
.icon-cup:before {
	content: "\e6a8";
}
.icon-phone2:before {
	content: "\e6a9";
}
.icon-news:before {
	content: "\e6aa";
}
.icon-mail:before {
	content: "\e6ab";
}
.icon-like:before {
	content: "\e6ac";
}
.icon-photo:before {
	content: "\e6ad";
}
.icon-note:before {
	content: "\e6ae";
}
.icon-clock21:before {
	content: "\e6af";
}
.icon-data:before {
	content: "\e6b0";
}
.icon-music1:before {
	content: "\e6b1";
}
.icon-megaphone:before {
	content: "\e6b2";
}
.icon-study:before {
	content: "\e6b3";
}
.icon-lab2:before {
	content: "\e6b4";
}
.icon-food:before {
	content: "\e6b5";
}
.icon-t-shirt:before {
	content: "\e6b6";
}
.icon-fire1:before {
	content: "\e6b7";
}
.icon-clip:before {
	content: "\e6b8";
}
.icon-shop:before {
	content: "\e6b9";
}
.icon-calendar21:before {
	content: "\e6ba";
}
.icon-wallet1:before {
	content: "\e6bb";
}
.icon-glass:before {
	content: "\e6bc";
}
.icon-music2:before {
	content: "\e6bd";
}
.icon-search3:before {
	content: "\e6be";
}
.icon-envelope21:before {
	content: "\e6bf";
}
.icon-heart3:before {
	content: "\e6c0";
}
.icon-star3:before {
	content: "\e6c1";
}
.icon-star-empty:before {
	content: "\e6c2";
}
.icon-user4:before {
	content: "\e6c3";
}
.icon-film1:before {
	content: "\e6c4";
}
.icon-th-large1:before {
	content: "\e6c5";
}
.icon-th1:before {
	content: "\e6c6";
}
.icon-th-list1:before {
	content: "\e6c7";
}
.icon-ok:before {
	content: "\e6c8";
}
.icon-remove:before {
	content: "\e6c9";
}
.icon-zoom-in2:before {
	content: "\e6ca";
}
.icon-zoom-out2:before {
	content: "\e6cb";
}
.icon-off:before {
	content: "\e6cc";
}
.icon-signal1:before {
	content: "\e6cd";
}
.icon-cog1:before {
	content: "\e6ce";
}
.icon-trash2:before {
	content: "\e6cf";
}
.icon-home2:before {
	content: "\e6d0";
}
.icon-file21:before {
	content: "\e6d1";
}
.icon-time:before {
	content: "\e6d2";
}
.icon-road1:before {
	content: "\e6d3";
}
.icon-download-alt:before {
	content: "\e6d4";
}
.icon-download2:before {
	content: "\e6d5";
}
.icon-upload1:before {
	content: "\e6d6";
}
.icon-inbox1:before {
	content: "\e6d7";
}
.icon-play-circle2:before {
	content: "\e6d8";
}
.icon-repeat:before {
	content: "\e6d9";
}
.icon-refresh2:before {
	content: "\e6da";
}
.icon-list-alt2:before {
	content: "\e6db";
}
.icon-lock3:before {
	content: "\e6dc";
}
.icon-flag21:before {
	content: "\e6dd";
}
.icon-headphones1:before {
	content: "\e6de";
}
.icon-volume-off1:before {
	content: "\e6df";
}
.icon-volume-down1:before {
	content: "\e6e0";
}
.icon-volume-up1:before {
	content: "\e6e1";
}
.icon-qrcode1:before {
	content: "\e6e2";
}
.icon-barcode1:before {
	content: "\e6e3";
}
.icon-tag3:before {
	content: "\e6e4";
}
.icon-tags1:before {
	content: "\e6e5";
}
.icon-book3:before {
	content: "\e6e6";
}
.icon-bookmark21:before {
	content: "\e6e7";
}
.icon-print2:before {
	content: "\e6e8";
}
.icon-camera3:before {
	content: "\e6e9";
}
.icon-font1:before {
	content: "\e6ea";
}
.icon-bold1:before {
	content: "\e6eb";
}
.icon-italic1:before {
	content: "\e6ec";
}
.icon-text-height1:before {
	content: "\e6ed";
}
.icon-text-width1:before {
	content: "\e6ee";
}
.icon-align-left2:before {
	content: "\e6ef";
}
.icon-align-center2:before {
	content: "\e6f0";
}
.icon-align-right2:before {
	content: "\e6f1";
}
.icon-align-justify2:before {
	content: "\e6f2";
}
.icon-list2:before {
	content: "\e6f3";
}
.icon-indent-left:before {
	content: "\e6f4";
}
.icon-indent-right:before {
	content: "\e6f5";
}
.icon-facetime-video:before {
	content: "\e6f6";
}
.icon-picture:before {
	content: "\e6f7";
}
.icon-pencil2:before {
	content: "\e6f8";
}
.icon-map-marker2:before {
	content: "\e6f9";
}
.icon-adjust1:before {
	content: "\e6fa";
}
.icon-tint1:before {
	content: "\e6fb";
}
.icon-edit2:before {
	content: "\e6fc";
}
.icon-share2:before {
	content: "\e6fd";
}
.icon-check1:before {
	content: "\e6fe";
}
.icon-move:before {
	content: "\e6ff";
}
.icon-step-backward1:before {
	content: "\e700";
}
.icon-fast-backward1:before {
	content: "\e701";
}
.icon-backward1:before {
	content: "\e702";
}
.icon-play1:before {
	content: "\e703";
}
.icon-pause1:before {
	content: "\e704";
}
.icon-stop1:before {
	content: "\e705";
}
.icon-forward1:before {
	content: "\e706";
}
.icon-fast-forward1:before {
	content: "\e707";
}
.icon-step-forward1:before {
	content: "\e708";
}
.icon-eject1:before {
	content: "\e709";
}
.icon-chevron-left1:before {
	content: "\e70a";
}
.icon-chevron-right1:before {
	content: "\e70b";
}
.icon-plus-sign:before {
	content: "\e70c";
}
.icon-minus-sign:before {
	content: "\e70d";
}
.icon-remove-sign:before {
	content: "\e70e";
}
.icon-ok-sign:before {
	content: "\e70f";
}
.icon-question-sign:before {
	content: "\e710";
}
.icon-info-sign:before {
	content: "\e711";
}
.icon-screenshot:before {
	content: "\e712";
}
.icon-remove-circle:before {
	content: "\e713";
}
.icon-ok-circle:before {
	content: "\e714";
}
.icon-ban-circle:before {
	content: "\e715";
}
.icon-arrow-left2:before {
	content: "\e716";
}
.icon-arrow-right2:before {
	content: "\e717";
}
.icon-arrow-up2:before {
	content: "\e718";
}
.icon-arrow-down2:before {
	content: "\e719";
}
.icon-share-alt1:before {
	content: "\e71a";
}
.icon-resize-full:before {
	content: "\e71b";
}
.icon-resize-small:before {
	content: "\e71c";
}
.icon-plus1:before {
	content: "\e71d";
}
.icon-minus1:before {
	content: "\e71e";
}
.icon-asterisk1:before {
	content: "\e71f";
}
.icon-exclamation-sign:before {
	content: "\e720";
}
.icon-gift1:before {
	content: "\e721";
}
.icon-leaf1:before {
	content: "\e722";
}
.icon-fire2:before {
	content: "\e723";
}
.icon-eye-open:before {
	content: "\e724";
}
.icon-eye-close:before {
	content: "\e725";
}
.icon-warning-sign:before {
	content: "\e726";
}
.icon-plane1:before {
	content: "\e727";
}
.icon-calendar3:before {
	content: "\e728";
}
.icon-random1:before {
	content: "\e729";
}
.icon-comment21:before {
	content: "\e72a";
}
.icon-magnet1:before {
	content: "\e72b";
}
.icon-chevron-up1:before {
	content: "\e72c";
}
.icon-chevron-down1:before {
	content: "\e72d";
}
.icon-retweet1:before {
	content: "\e72e";
}
.icon-shopping-cart:before {
	content: "\e72f";
}
.icon-folder-close:before {
	content: "\e730";
}
.icon-folder-open2:before {
	content: "\e731";
}
.icon-resize-vertical:before {
	content: "\e732";
}
.icon-resize-horizontal:before {
	content: "\e733";
}
.icon-bar-chart:before {
	content: "\e734";
}
.icon-twitter-sign:before {
	content: "\e735";
}
.icon-facebook-sign:before {
	content: "\e736";
}
.icon-camera-retro1:before {
	content: "\e737";
}
.icon-key2:before {
	content: "\e738";
}
.icon-cogs1:before {
	content: "\e739";
}
.icon-comments2:before {
	content: "\e73a";
}
.icon-thumbs-up2:before {
	content: "\e73b";
}
.icon-thumbs-down2:before {
	content: "\e73c";
}
.icon-star-half2:before {
	content: "\e73d";
}
.icon-heart-empty:before {
	content: "\e73e";
}
.icon-signout:before {
	content: "\e73f";
}
.icon-linkedin-sign:before {
	content: "\e740";
}
.icon-pushpin:before {
	content: "\e741";
}
.icon-external-link:before {
	content: "\e742";
}
.icon-signin:before {
	content: "\e743";
}
.icon-trophy1:before {
	content: "\e744";
}
.icon-github-sign:before {
	content: "\e745";
}
.icon-upload-alt:before {
	content: "\e746";
}
.icon-lemon2:before {
	content: "\e747";
}
.icon-phone3:before {
	content: "\e748";
}
.icon-check-empty:before {
	content: "\e749";
}
.icon-bookmark-empty:before {
	content: "\e74a";
}
.icon-phone-sign:before {
	content: "\e74b";
}
.icon-twitter2:before {
	content: "\e74c";
}
.icon-facebook2:before {
	content: "\e74d";
}
.icon-github2:before {
	content: "\e74e";
}
.icon-unlock1:before {
	content: "\e74f";
}
.icon-credit:before {
	content: "\e750";
}
.icon-rss2:before {
	content: "\e751";
}
.icon-hdd2:before {
	content: "\e752";
}
.icon-bullhorn2:before {
	content: "\e753";
}
.icon-bell2:before {
	content: "\e754";
}
.icon-certificate1:before {
	content: "\e755";
}
.icon-hand-right:before {
	content: "\e756";
}
.icon-hand-left:before {
	content: "\e757";
}
.icon-hand-up:before {
	content: "\e758";
}
.icon-hand-down:before {
	content: "\e759";
}
.icon-circle-arrow-left:before {
	content: "\e75a";
}
.icon-circle-arrow-right:before {
	content: "\e75b";
}
.icon-circle-arrow-up:before {
	content: "\e75c";
}
.icon-circle-arrow-down:before {
	content: "\e75d";
}
.icon-globe1:before {
	content: "\e75e";
}
.icon-wrench1:before {
	content: "\e75f";
}
.icon-tasks1:before {
	content: "\e760";
}
.icon-filter1:before {
	content: "\e761";
}
.icon-briefcase1:before {
	content: "\e762";
}
.icon-fullscreen:before {
	content: "\e763";
}
.icon-group:before {
	content: "\e764";
}
.icon-link1:before {
	content: "\e765";
}
.icon-cloud3:before {
	content: "\e766";
}
.icon-beaker:before {
	content: "\e767";
}
.icon-cut1:before {
	content: "\e768";
}
.icon-copy2:before {
	content: "\e769";
}
.icon-paper-clip:before {
	content: "\e76a";
}
.icon-save2:before {
	content: "\e76b";
}
.icon-sign-blank:before {
	content: "\e76c";
}
.icon-reorder:before {
	content: "\e76d";
}
.icon-list-ul1:before {
	content: "\e76e";
}
.icon-list-ol1:before {
	content: "\e76f";
}
.icon-strikethrough1:before {
	content: "\e770";
}
.icon-underline1:before {
	content: "\e771";
}
.icon-table1:before {
	content: "\e772";
}
.icon-magic1:before {
	content: "\e773";
}
.icon-truck2:before {
	content: "\e774";
}
.icon-pinterest2:before {
	content: "\e775";
}
.icon-pinterest-sign:before {
	content: "\e776";
}
.icon-google-plus-sign:before {
	content: "\e777";
}
.icon-google-plus1:before {
	content: "\e778";
}
.icon-money:before {
	content: "\e779";
}
.icon-caret-down1:before {
	content: "\e77a";
}
.icon-caret-up1:before {
	content: "\e77b";
}
.icon-caret-left1:before {
	content: "\e77c";
}
.icon-caret-right1:before {
	content: "\e77d";
}
.icon-columns1:before {
	content: "\e77e";
}
.icon-sort1:before {
	content: "\e77f";
}
.icon-sort-down1:before {
	content: "\e780";
}
.icon-sort-up1:before {
	content: "\e781";
}
.icon-envelope-alt:before {
	content: "\e782";
}
.icon-linkedin2:before {
	content: "\e783";
}
.icon-undo1:before {
	content: "\e784";
}
.icon-legal:before {
	content: "\e785";
}
.icon-dashboard:before {
	content: "\e786";
}
.icon-comment-alt2:before {
	content: "\e787";
}
.icon-comments-alt:before {
	content: "\e788";
}
.icon-bolt2:before {
	content: "\e789";
}
.icon-sitemap1:before {
	content: "\e78a";
}
.icon-umbrella1:before {
	content: "\e78b";
}
.icon-paste1:before {
	content: "\e78c";
}
.icon-lightbulb2:before {
	content: "\e78d";
}
.icon-exchange:before {
	content: "\e78e";
}
.icon-cloud-download:before {
	content: "\e78f";
}
.icon-cloud-upload:before {
	content: "\e790";
}
.icon-user-md1:before {
	content: "\e791";
}
.icon-stethoscope1:before {
	content: "\e792";
}
.icon-suitcase1:before {
	content: "\e793";
}
.icon-bell-alt:before {
	content: "\e794";
}
.icon-coffee2:before {
	content: "\e795";
}
.icon-food2:before {
	content: "\e796";
}
.icon-file-alt2:before {
	content: "\e797";
}
.icon-building2:before {
	content: "\e798";
}
.icon-hospital2:before {
	content: "\e799";
}
.icon-ambulance1:before {
	content: "\e79a";
}
.icon-medkit1:before {
	content: "\e79b";
}
.icon-fighter-jet1:before {
	content: "\e79c";
}
.icon-beer1:before {
	content: "\e79d";
}
.icon-h-sign:before {
	content: "\e79e";
}
.icon-plus-sign2:before {
	content: "\e79f";
}
.icon-double-angle-left:before {
	content: "\e7a0";
}
.icon-double-angle-right:before {
	content: "\e7a1";
}
.icon-double-angle-up:before {
	content: "\e7a2";
}
.icon-double-angle-down:before {
	content: "\e7a3";
}
.icon-angle-left:before {
	content: "\e7a4";
}
.icon-angle-right:before {
	content: "\e7a5";
}
.icon-angle-up:before {
	content: "\e7a6";
}
.icon-angle-down:before {
	content: "\e7a7";
}
.icon-desktop1:before {
	content: "\e7a8";
}
.icon-laptop2:before {
	content: "\e7a9";
}
.icon-tablet2:before {
	content: "\e7aa";
}
.icon-mobile1:before {
	content: "\e7ab";
}
.icon-circle-blank:before {
	content: "\e7ac";
}
.icon-quote-left1:before {
	content: "\e7ad";
}
.icon-quote-right1:before {
	content: "\e7ae";
}
.icon-spinner1:before {
	content: "\e7af";
}
.icon-circle2:before {
	content: "\e7b0";
}
.icon-reply1:before {
	content: "\e7b1";
}
.icon-github-alt1:before {
	content: "\e7b2";
}
.icon-folder-close-alt:before {
	content: "\e7b3";
}
.icon-folder-open-alt:before {
	content: "\e7b4";
}
.icon-expand-alt:before {
	content: "\e7b5";
}
.icon-collapse-alt:before {
	content: "\e7b6";
}
.icon-smile2:before {
	content: "\e7b7";
}
.icon-frown2:before {
	content: "\e7b8";
}
.icon-meh2:before {
	content: "\e7b9";
}
.icon-gamepad1:before {
	content: "\e7ba";
}
.icon-keyboard2:before {
	content: "\e7bb";
}
.icon-flag-alt:before {
	content: "\e7bc";
}
.icon-flag-checkered1:before {
	content: "\e7bd";
}
.icon-terminal1:before {
	content: "\e7be";
}
.icon-code1:before {
	content: "\e7bf";
}
.icon-reply-all1:before {
	content: "\e7c0";
}
.icon-star-half-full:before {
	content: "\e7c1";
}
.icon-location-arrow1:before {
	content: "\e7c2";
}
.icon-crop2:before {
	content: "\e7c3";
}
.icon-code-fork:before {
	content: "\e7c4";
}
.icon-unlink1:before {
	content: "\e7c5";
}
.icon-question1:before {
	content: "\e7c6";
}
.icon-info1:before {
	content: "\e7c7";
}
.icon-exclamation1:before {
	content: "\e7c8";
}
.icon-superscript1:before {
	content: "\e7c9";
}
.icon-subscript1:before {
	content: "\e7ca";
}
.icon-eraser1:before {
	content: "\e7cb";
}
.icon-puzzle:before {
	content: "\e7cc";
}
.icon-microphone2:before {
	content: "\e7cd";
}
.icon-microphone-off2:before {
	content: "\e7ce";
}
.icon-shield:before {
	content: "\e7cf";
}
.icon-calendar-empty:before {
	content: "\e7d0";
}
.icon-fire-extinguisher1:before {
	content: "\e7d1";
}
.icon-rocket1:before {
	content: "\e7d2";
}
.icon-maxcdn1:before {
	content: "\e7d3";
}
.icon-chevron-sign-left:before {
	content: "\e7d4";
}
.icon-chevron-sign-right:before {
	content: "\e7d5";
}
.icon-chevron-sign-up:before {
	content: "\e7d6";
}
.icon-chevron-sign-down:before {
	content: "\e7d7";
}
.icon-html52:before {
	content: "\e7d8";
}
.icon-css31:before {
	content: "\e7d9";
}
.icon-anchor1:before {
	content: "\e7da";
}
.icon-unlock-alt1:before {
	content: "\e7db";
}
.icon-bullseye1:before {
	content: "\e7dc";
}
.icon-ellipsis-horizontal:before {
	content: "\e7dd";
}
.icon-ellipsis-vertical:before {
	content: "\e7de";
}
.icon-rss-sign:before {
	content: "\e7df";
}
.icon-play-sign:before {
	content: "\e7e0";
}
.icon-ticket:before {
	content: "\e7e1";
}
.icon-minus-sign-alt:before {
	content: "\e7e2";
}
.icon-check-minus:before {
	content: "\e7e3";
}
.icon-level-up:before {
	content: "\e7e4";
}
.icon-level-down:before {
	content: "\e7e5";
}
.icon-check-sign:before {
	content: "\e7e6";
}
.icon-edit-sign:before {
	content: "\e7e7";
}
.icon-external-link-sign:before {
	content: "\e7e8";
}
.icon-share-sign:before {
	content: "\e7e9";
}
.icon-compass2:before {
	content: "\e7ea";
}
.icon-collapse:before {
	content: "\e7eb";
}
.icon-collapse-top:before {
	content: "\e7ec";
}
.icon-expand1:before {
	content: "\e7ed";
}
.icon-euro:before {
	content: "\e7ee";
}
.icon-gbp:before {
	content: "\e7ef";
}
.icon-dollar:before {
	content: "\e7f0";
}
.icon-rupee:before {
	content: "\e7f1";
}
.icon-yen:before {
	content: "\e7f2";
}
.icon-renminbi:before {
	content: "\e7f3";
}
.icon-won:before {
	content: "\e7f4";
}
.icon-bitcoin2:before {
	content: "\e7f5";
}
.icon-file3:before {
	content: "\e7f6";
}
.icon-file-text:before {
	content: "\e7f7";
}
.icon-sort-by-alphabet:before {
	content: "\e7f8";
}
.icon-sort-by-alphabet-alt:before {
	content: "\e7f9";
}
.icon-sort-by-attributes:before {
	content: "\e7fa";
}
.icon-sort-by-attributes-alt:before {
	content: "\e7fb";
}
.icon-sort-by-order:before {
	content: "\e7fc";
}
.icon-sort-by-order-alt:before {
	content: "\e7fd";
}
.icon-thumbs-up21:before {
	content: "\e7fe";
}
.icon-thumbs-down21:before {
	content: "\e7ff";
}
.icon-youtube-sign:before {
	content: "\e800";
}
.icon-youtube2:before {
	content: "\e801";
}
.icon-xing2:before {
	content: "\e802";
}
.icon-xing-sign:before {
	content: "\e803";
}
.icon-youtube-play:before {
	content: "\e804";
}
.icon-dropbox2:before {
	content: "\e805";
}
.icon-stackexchange:before {
	content: "\e806";
}
.icon-instagram2:before {
	content: "\e807";
}
.icon-flickr2:before {
	content: "\e808";
}
.icon-adn1:before {
	content: "\e809";
}
.icon-bitbucket2:before {
	content: "\e80a";
}
.icon-bitbucket-sign:before {
	content: "\e80b";
}
.icon-tumblr2:before {
	content: "\e80c";
}
.icon-tumblr-sign:before {
	content: "\e80d";
}
.icon-long-arrow-down:before {
	content: "\e80e";
}
.icon-long-arrow-up:before {
	content: "\e80f";
}
.icon-long-arrow-left:before {
	content: "\e810";
}
.icon-long-arrow-right:before {
	content: "\e811";
}
.icon-apple1:before {
	content: "\e812";
}
.icon-windows3:before {
	content: "\e813";
}
.icon-android2:before {
	content: "\e814";
}
.icon-linux1:before {
	content: "\e815";
}
.icon-dribbble2:before {
	content: "\e816";
}
.icon-skype2:before {
	content: "\e817";
}
.icon-foursquare2:before {
	content: "\e818";
}
.icon-trello1:before {
	content: "\e819";
}
.icon-female1:before {
	content: "\e81a";
}
.icon-male1:before {
	content: "\e81b";
}
.icon-gittip:before {
	content: "\e81c";
}
.icon-sun21:before {
	content: "\e81d";
}
.icon-moon2:before {
	content: "\e81e";
}
.icon-archive2:before {
	content: "\e81f";
}
.icon-bug1:before {
	content: "\e820";
}
.icon-renren1:before {
	content: "\e821";
}
.icon-weibo2:before {
	content: "\e822";
}
.icon-vk2:before {
	content: "\e823";
}
.icon-duckduckgo:before {
	content: "\e830";
}
.icon-aim:before {
	content: "\e831";
}
.icon-delicious1:before {
	content: "\e832";
}
.icon-paypal1:before {
	content: "\e833";
}
.icon-flattr:before {
	content: "\e834";
}
.icon-android1:before {
	content: "\e835";
}
.icon-eventful:before {
	content: "\e836";
}
.icon-smashmag:before {
	content: "\e837";
}
.icon-gplus:before {
	content: "\e838";
}
.icon-wikipedia:before {
	content: "\e839";
}
.icon-lanyrd:before {
	content: "\e83a";
}
.icon-calendar-1:before {
	content: "\e83b";
}
.icon-stumbleupon1:before {
	content: "\e83c";
}
.icon-fivehundredpx:before {
	content: "\e83d";
}
.icon-pinterest1:before {
	content: "\e83e";
}
.icon-bitcoin1:before {
	content: "\e83f";
}
.icon-w3c:before {
	content: "\e840";
}
.icon-foursquare1:before {
	content: "\e841";
}
.icon-html51:before {
	content: "\e842";
}
.icon-ie:before {
	content: "\e843";
}
.icon-call:before {
	content: "\e844";
}
.icon-grooveshark:before {
	content: "\e845";
}
.icon-ninetyninedesigns:before {
	content: "\e846";
}
.icon-forrst:before {
	content: "\e847";
}
.icon-digg1:before {
	content: "\e848";
}
.icon-spotify1:before {
	content: "\e849";
}
.icon-reddit1:before {
	content: "\e84a";
}
.icon-guest:before {
	content: "\e84b";
}
.icon-gowalla:before {
	content: "\e84c";
}
.icon-appstore:before {
	content: "\e84d";
}
.icon-blogger1:before {
	content: "\e84e";
}
.icon-cc:before {
	content: "\e84f";
}
.icon-dribbble1:before {
	content: "\e850";
}
.icon-evernote:before {
	content: "\e851";
}
.icon-flickr1:before {
	content: "\e852";
}
.icon-google1:before {
	content: "\e853";
}
.icon-viadeo1:before {
	content: "\e854";
}
.icon-instapaper:before {
	content: "\e855";
}
.icon-weibo1:before {
	content: "\e856";
}
.icon-klout:before {
	content: "\e857";
}
.icon-linkedin1:before {
	content: "\e858";
}
.icon-meetup1:before {
	content: "\e859";
}
.icon-vk1:before {
	content: "\e85a";
}
.icon-plancast:before {
	content: "\e85b";
}
.icon-disqus:before {
	content: "\e85c";
}
.icon-rss1:before {
	content: "\e85d";
}
.icon-skype1:before {
	content: "\e85e";
}
.icon-twitter1:before {
	content: "\e85f";
}
.icon-youtube1:before {
	content: "\e860";
}
.icon-vimeo1:before {
	content: "\e861";
}
.icon-windows2:before {
	content: "\e862";
}
.icon-xing1:before {
	content: "\e863";
}
.icon-yahoo1:before {
	content: "\e864";
}
.icon-chrome1:before {
	content: "\e865";
}
.icon-email3:before {
	content: "\e866";
}
.icon-macstore:before {
	content: "\e867";
}
.icon-myspace:before {
	content: "\e868";
}
.icon-podcast1:before {
	content: "\e869";
}
.icon-amazon1:before {
	content: "\e86a";
}
.icon-steam1:before {
	content: "\e86b";
}
.icon-cloudapp:before {
	content: "\e86c";
}
.icon-dropbox1:before {
	content: "\e86d";
}
.icon-ebay1:before {
	content: "\e86e";
}
.icon-facebook:before {
	content: "\e86f";
}
.icon-github1:before {
	content: "\e870";
}
.icon-github-circled:before {
	content: "\e871";
}
.icon-googleplay:before {
	content: "\e872";
}
.icon-itunes1:before {
	content: "\e873";
}
.icon-plurk:before {
	content: "\e874";
}
.icon-songkick:before {
	content: "\e875";
}
.icon-lastfm1:before {
	content: "\e876";
}
.icon-gmail:before {
	content: "\e877";
}
.icon-pinboard:before {
	content: "\e878";
}
.icon-openid1:before {
	content: "\e879";
}
.icon-quora1:before {
	content: "\e87a";
}
.icon-soundcloud1:before {
	content: "\e87b";
}
.icon-tumblr1:before {
	content: "\e87c";
}
.icon-eventasaurus:before {
	content: "\e87d";
}
.icon-wordpress1:before {
	content: "\e87e";
}
.icon-yelp1:before {
	content: "\e87f";
}
.icon-intensedebate:before {
	content: "\e880";
}
.icon-eventbrite:before {
	content: "\e881";
}
.icon-scribd1:before {
	content: "\e882";
}
.icon-posterous:before {
	content: "\e883";
}
.icon-stripe1:before {
	content: "\e884";
}
.icon-opentable:before {
	content: "\e885";
}
.icon-cart:before {
	content: "\e886";
}
.icon-print1:before {
	content: "\e887";
}
.icon-angellist1:before {
	content: "\e888";
}
.icon-instagram1:before {
	content: "\e889";
}
.icon-dwolla:before {
	content: "\e88a";
}
.icon-appnet:before {
	content: "\e88b";
}
.icon-statusnet:before {
	content: "\e88c";
}
.icon-acrobat:before {
	content: "\e88d";
}
.icon-drupal1:before {
	content: "\e88e";
}
.icon-buffer:before {
	content: "\e88f";
}
.icon-pocket:before {
	content: "\e890";
}
.icon-bitbucket1:before {
	content: "\e891";
}
.icon-lego:before {
	content: "\e892";
}
.icon-login:before {
	content: "\e893";
}
.icon-stackoverflow:before {
	content: "\e894";
}
.icon-hackernews:before {
	content: "\e895";
}
.icon-lkdto:before {
	content: "\e896";
}
.icon-ad:before {
	content: "\e900";
}
.icon-address-book:before {
	content: "\e901";
}
.icon-address-card:before {
	content: "\e902";
}
.icon-adjust:before {
	content: "\e903";
}
.icon-air-freshener:before {
	content: "\e904";
}
.icon-align-center:before {
	content: "\e905";
}
.icon-align-justify:before {
	content: "\e906";
}
.icon-align-left:before {
	content: "\e907";
}
.icon-align-right:before {
	content: "\e908";
}
.icon-allergies:before {
	content: "\e909";
}
.icon-ambulance:before {
	content: "\e90a";
}
.icon-american-sign-language-interpreting:before {
	content: "\e90b";
}
.icon-anchor:before {
	content: "\e90c";
}
.icon-angle-double-down:before {
	content: "\e90d";
}
.icon-angle-double-left:before {
	content: "\e90e";
}
.icon-angle-double-right:before {
	content: "\e90f";
}
.icon-angle-double-up:before {
	content: "\e910";
}
.icon-angle-down1:before {
	content: "\e911";
}
.icon-angle-left1:before {
	content: "\e912";
}
.icon-angle-right1:before {
	content: "\e913";
}
.icon-angle-up1:before {
	content: "\e914";
}
.icon-angry:before {
	content: "\e915";
}
.icon-ankh:before {
	content: "\e916";
}
.icon-apple-alt:before {
	content: "\e917";
}
.icon-archive:before {
	content: "\e918";
}
.icon-archway:before {
	content: "\e919";
}
.icon-arrow-alt-circle-down:before {
	content: "\e91a";
}
.icon-arrow-alt-circle-left:before {
	content: "\e91b";
}
.icon-arrow-alt-circle-right:before {
	content: "\e91c";
}
.icon-arrow-alt-circle-up:before {
	content: "\e91d";
}
.icon-arrow-circle-down:before {
	content: "\e91e";
}
.icon-arrow-circle-left:before {
	content: "\e91f";
}
.icon-arrow-circle-right:before {
	content: "\e920";
}
.icon-arrow-circle-up:before {
	content: "\e921";
}
.icon-arrow-down:before {
	content: "\e922";
}
.icon-arrow-left:before {
	content: "\e923";
}
.icon-arrow-right:before {
	content: "\e924";
}
.icon-arrow-up:before {
	content: "\e925";
}
.icon-arrows-alt-h:before {
	content: "\e926";
}
.icon-arrows-alt-v:before {
	content: "\e927";
}
.icon-arrows-alt:before {
	content: "\e928";
}
.icon-assistive-listening-systems:before {
	content: "\e929";
}
.icon-asterisk:before {
	content: "\e92a";
}
.icon-at:before {
	content: "\e92b";
}
.icon-atlas:before {
	content: "\e92c";
}
.icon-atom:before {
	content: "\e92d";
}
.icon-audio-description:before {
	content: "\e92e";
}
.icon-award:before {
	content: "\e92f";
}
.icon-backspace:before {
	content: "\e930";
}
.icon-backward:before {
	content: "\e931";
}
.icon-balance-scale:before {
	content: "\e932";
}
.icon-ban:before {
	content: "\e933";
}
.icon-band-aid:before {
	content: "\e934";
}
.icon-barcode:before {
	content: "\e935";
}
.icon-bars:before {
	content: "\e936";
}
.icon-baseball-ball:before {
	content: "\e937";
}
.icon-basketball-ball:before {
	content: "\e938";
}
.icon-bath:before {
	content: "\e939";
}
.icon-battery-empty:before {
	content: "\e93a";
}
.icon-battery-full:before {
	content: "\e93b";
}
.icon-battery-half:before {
	content: "\e93c";
}
.icon-battery-quarter:before {
	content: "\e93d";
}
.icon-battery-three-quarters:before {
	content: "\e93e";
}
.icon-bed:before {
	content: "\e93f";
}
.icon-beer:before {
	content: "\e940";
}
.icon-bell-slash:before {
	content: "\e941";
}
.icon-bell:before {
	content: "\e942";
}
.icon-bezier-curve:before {
	content: "\e943";
}
.icon-bible:before {
	content: "\e944";
}
.icon-bicycle:before {
	content: "\e945";
}
.icon-binoculars:before {
	content: "\e946";
}
.icon-birthday-cake:before {
	content: "\e947";
}
.icon-blender:before {
	content: "\e948";
}
.icon-blind:before {
	content: "\e949";
}
.icon-bold:before {
	content: "\e94a";
}
.icon-bolt:before {
	content: "\e94b";
}
.icon-bomb:before {
	content: "\e94c";
}
.icon-bone:before {
	content: "\e94d";
}
.icon-bong:before {
	content: "\e94e";
}
.icon-book-open:before {
	content: "\e94f";
}
.icon-book-reader:before {
	content: "\e950";
}
.icon-book:before {
	content: "\e951";
}
.icon-bookmark:before {
	content: "\e952";
}
.icon-bowling-ball:before {
	content: "\e953";
}
.icon-box-open:before {
	content: "\e954";
}
.icon-box:before {
	content: "\e955";
}
.icon-boxes:before {
	content: "\e956";
}
.icon-braille:before {
	content: "\e957";
}
.icon-brain:before {
	content: "\e958";
}
.icon-briefcase-medical:before {
	content: "\e959";
}
.icon-briefcase:before {
	content: "\e95a";
}
.icon-broadcast-tower:before {
	content: "\e95b";
}
.icon-broom:before {
	content: "\e95c";
}
.icon-brush:before {
	content: "\e95d";
}
.icon-bug:before {
	content: "\e95e";
}
.icon-building:before {
	content: "\e95f";
}
.icon-bullhorn:before {
	content: "\e960";
}
.icon-bullseye:before {
	content: "\e961";
}
.icon-burn:before {
	content: "\e962";
}
.icon-bus-alt:before {
	content: "\e963";
}
.icon-bus:before {
	content: "\e964";
}
.icon-business-time:before {
	content: "\e965";
}
.icon-calculator:before {
	content: "\e966";
}
.icon-calendar-alt:before {
	content: "\e967";
}
.icon-calendar-check:before {
	content: "\e968";
}
.icon-calendar-minus:before {
	content: "\e969";
}
.icon-calendar-plus:before {
	content: "\e96a";
}
.icon-calendar-times:before {
	content: "\e96b";
}
.icon-calendar:before {
	content: "\e96c";
}
.icon-camera-retro:before {
	content: "\e96d";
}
.icon-camera:before {
	content: "\e96e";
}
.icon-cannabis:before {
	content: "\e96f";
}
.icon-capsules:before {
	content: "\e970";
}
.icon-car-alt:before {
	content: "\e971";
}
.icon-car-battery:before {
	content: "\e972";
}
.icon-car-crash:before {
	content: "\e973";
}
.icon-car-side:before {
	content: "\e974";
}
.icon-car:before {
	content: "\e975";
}
.icon-caret-down:before {
	content: "\e976";
}
.icon-caret-left:before {
	content: "\e977";
}
.icon-caret-right:before {
	content: "\e978";
}
.icon-caret-square-down:before {
	content: "\e979";
}
.icon-caret-square-left:before {
	content: "\e97a";
}
.icon-caret-square-right:before {
	content: "\e97b";
}
.icon-caret-square-up:before {
	content: "\e97c";
}
.icon-caret-up:before {
	content: "\e97d";
}
.icon-cart-arrow-down:before {
	content: "\e97e";
}
.icon-cart-plus:before {
	content: "\e97f";
}
.icon-certificate:before {
	content: "\e980";
}
.icon-chalkboard-teacher:before {
	content: "\e981";
}
.icon-chalkboard:before {
	content: "\e982";
}
.icon-charging-station:before {
	content: "\e983";
}
.icon-chart-area:before {
	content: "\e984";
}
.icon-chart-bar:before {
	content: "\e985";
}
.icon-chart-line:before {
	content: "\e986";
}
.icon-chart-pie:before {
	content: "\e987";
}
.icon-check-circle:before {
	content: "\e988";
}
.icon-check-double:before {
	content: "\e989";
}
.icon-check-square:before {
	content: "\e98a";
}
.icon-check:before {
	content: "\e98b";
}
.icon-chess-bishop:before {
	content: "\e98c";
}
.icon-chess-board:before {
	content: "\e98d";
}
.icon-chess-king:before {
	content: "\e98e";
}
.icon-chess-knight:before {
	content: "\e98f";
}
.icon-chess-pawn:before {
	content: "\e990";
}
.icon-chess-queen:before {
	content: "\e991";
}
.icon-chess-rook:before {
	content: "\e992";
}
.icon-chess:before {
	content: "\e993";
}
.icon-chevron-circle-down:before {
	content: "\e994";
}
.icon-chevron-circle-left:before {
	content: "\e995";
}
.icon-chevron-circle-right:before {
	content: "\e996";
}
.icon-chevron-circle-up:before {
	content: "\e997";
}
.icon-chevron-down:before {
	content: "\e998";
}
.icon-chevron-left:before {
	content: "\e999";
}
.icon-chevron-right:before {
	content: "\e99a";
}
.icon-chevron-up:before {
	content: "\e99b";
}
.icon-child:before {
	content: "\e99c";
}
.icon-church:before {
	content: "\e99d";
}
.icon-circle-notch:before {
	content: "\e99e";
}
.icon-circle:before {
	content: "\e99f";
}
.icon-city:before {
	content: "\e9a0";
}
.icon-clipboard-check:before {
	content: "\e9a1";
}
.icon-clipboard-list:before {
	content: "\e9a2";
}
.icon-clipboard:before {
	content: "\e9a3";
}
.icon-clock:before {
	content: "\e9a4";
}
.icon-clone:before {
	content: "\e9a5";
}
.icon-closed-captioning:before {
	content: "\e9a6";
}
.icon-cloud-download-alt:before {
	content: "\e9a7";
}
.icon-cloud-upload-alt:before {
	content: "\e9a8";
}
.icon-cloud:before {
	content: "\e9a9";
}
.icon-cocktail:before {
	content: "\e9aa";
}
.icon-code-branch:before {
	content: "\e9ab";
}
.icon-code:before {
	content: "\e9ac";
}
.icon-coffee:before {
	content: "\e9ad";
}
.icon-cog:before {
	content: "\e9ae";
}
.icon-cogs:before {
	content: "\e9af";
}
.icon-coins:before {
	content: "\e9b0";
}
.icon-columns:before {
	content: "\e9b1";
}
.icon-comment-alt:before {
	content: "\e9b2";
}
.icon-comment-dollar:before {
	content: "\e9b3";
}
.icon-comment-dots:before {
	content: "\e9b4";
}
.icon-comment-slash:before {
	content: "\e9b5";
}
.icon-comment:before {
	content: "\e9b6";
}
.icon-comments-dollar:before {
	content: "\e9b7";
}
.icon-comments:before {
	content: "\e9b8";
}
.icon-compact-disc:before {
	content: "\e9b9";
}
.icon-compass:before {
	content: "\e9ba";
}
.icon-compress:before {
	content: "\e9bb";
}
.icon-concierge-bell:before {
	content: "\e9bc";
}
.icon-cookie-bite:before {
	content: "\e9bd";
}
.icon-cookie:before {
	content: "\e9be";
}
.icon-copy:before {
	content: "\e9bf";
}
.icon-copyright:before {
	content: "\e9c0";
}
.icon-couch:before {
	content: "\e9c1";
}
.icon-credit-card:before {
	content: "\e9c2";
}
.icon-crop-alt:before {
	content: "\e9c3";
}
.icon-crop:before {
	content: "\e9c4";
}
.icon-cross:before {
	content: "\e9c5";
}
.icon-crosshairs:before {
	content: "\e9c6";
}
.icon-crow:before {
	content: "\e9c7";
}
.icon-crown:before {
	content: "\e9c8";
}
.icon-cube:before {
	content: "\e9c9";
}
.icon-cubes:before {
	content: "\e9ca";
}
.icon-cut:before {
	content: "\e9cb";
}
.icon-database:before {
	content: "\e9cc";
}
.icon-deaf:before {
	content: "\e9cd";
}
.icon-desktop:before {
	content: "\e9ce";
}
.icon-dharmachakra:before {
	content: "\e9cf";
}
.icon-diagnoses:before {
	content: "\e9d0";
}
.icon-dice-five:before {
	content: "\e9d1";
}
.icon-dice-four:before {
	content: "\e9d2";
}
.icon-dice-one:before {
	content: "\e9d3";
}
.icon-dice-six:before {
	content: "\e9d4";
}
.icon-dice-three:before {
	content: "\e9d5";
}
.icon-dice-two:before {
	content: "\e9d6";
}
.icon-dice:before {
	content: "\e9d7";
}
.icon-digital-tachograph:before {
	content: "\e9d8";
}
.icon-directions:before {
	content: "\e9d9";
}
.icon-divide:before {
	content: "\e9da";
}
.icon-dizzy:before {
	content: "\e9db";
}
.icon-dna:before {
	content: "\e9dc";
}
.icon-dollar-sign:before {
	content: "\e9dd";
}
.icon-dolly-flatbed:before {
	content: "\e9de";
}
.icon-dolly:before {
	content: "\e9df";
}
.icon-donate:before {
	content: "\e9e0";
}
.icon-door-closed:before {
	content: "\e9e1";
}
.icon-door-open:before {
	content: "\e9e2";
}
.icon-dot-circle:before {
	content: "\e9e3";
}
.icon-dove:before {
	content: "\e9e4";
}
.icon-download:before {
	content: "\e9e5";
}
.icon-drafting-compass:before {
	content: "\e9e6";
}
.icon-draw-polygon:before {
	content: "\e9e7";
}
.icon-drum-steelpan:before {
	content: "\e9e8";
}
.icon-drum:before {
	content: "\e9e9";
}
.icon-dumbbell:before {
	content: "\e9ea";
}
.icon-edit:before {
	content: "\e9eb";
}
.icon-eject:before {
	content: "\e9ec";
}
.icon-ellipsis-h:before {
	content: "\e9ed";
}
.icon-ellipsis-v:before {
	content: "\e9ee";
}
.icon-envelope-open-text:before {
	content: "\e9ef";
}
.icon-envelope-open:before {
	content: "\e9f0";
}
.icon-envelope-square:before {
	content: "\e9f1";
}
.icon-envelope:before {
	content: "\e9f2";
}
.icon-equals:before {
	content: "\e9f3";
}
.icon-eraser:before {
	content: "\e9f4";
}
.icon-euro-sign:before {
	content: "\e9f5";
}
.icon-exchange-alt:before {
	content: "\e9f6";
}
.icon-exclamation-circle:before {
	content: "\e9f7";
}
.icon-exclamation-triangle:before {
	content: "\e9f8";
}
.icon-exclamation:before {
	content: "\e9f9";
}
.icon-expand-arrows-alt:before {
	content: "\e9fa";
}
.icon-expand:before {
	content: "\e9fb";
}
.icon-external-link-alt:before {
	content: "\e9fc";
}
.icon-external-link-square-alt:before {
	content: "\e9fd";
}
.icon-eye-dropper:before {
	content: "\e9fe";
}
.icon-eye-slash:before {
	content: "\e9ff";
}
.icon-eye:before {
	content: "\ea00";
}
.icon-fast-backward:before {
	content: "\ea01";
}
.icon-fast-forward:before {
	content: "\ea02";
}
.icon-fax:before {
	content: "\ea03";
}
.icon-feather-alt:before {
	content: "\ea04";
}
.icon-feather:before {
	content: "\ea05";
}
.icon-female:before {
	content: "\ea06";
}
.icon-fighter-jet:before {
	content: "\ea07";
}
.icon-file-alt:before {
	content: "\ea08";
}
.icon-file-archive:before {
	content: "\ea09";
}
.icon-file-audio:before {
	content: "\ea0a";
}
.icon-file-code:before {
	content: "\ea0b";
}
.icon-file-contract:before {
	content: "\ea0c";
}
.icon-file-download:before {
	content: "\ea0d";
}
.icon-file-excel:before {
	content: "\ea0e";
}
.icon-file-export:before {
	content: "\ea0f";
}
.icon-file-image:before {
	content: "\ea10";
}
.icon-file-import:before {
	content: "\ea11";
}
.icon-file-invoice-dollar:before {
	content: "\ea12";
}
.icon-file-invoice:before {
	content: "\ea13";
}
.icon-file-medical-alt:before {
	content: "\ea14";
}
.icon-file-medical:before {
	content: "\ea15";
}
.icon-file-pdf:before {
	content: "\ea16";
}
.icon-file-powerpoint:before {
	content: "\ea17";
}
.icon-file-prescription:before {
	content: "\ea18";
}
.icon-file-signature:before {
	content: "\ea19";
}
.icon-file-upload:before {
	content: "\ea1a";
}
.icon-file-video:before {
	content: "\ea1b";
}
.icon-file-word:before {
	content: "\ea1c";
}
.icon-file:before {
	content: "\ea1d";
}
.icon-fill-drip:before {
	content: "\ea1e";
}
.icon-fill:before {
	content: "\ea1f";
}
.icon-film:before {
	content: "\ea20";
}
.icon-filter:before {
	content: "\ea21";
}
.icon-fingerprint:before {
	content: "\ea22";
}
.icon-fire-extinguisher:before {
	content: "\ea23";
}
.icon-fire:before {
	content: "\ea24";
}
.icon-first-aid:before {
	content: "\ea25";
}
.icon-fish:before {
	content: "\ea26";
}
.icon-flag-checkered:before {
	content: "\ea27";
}
.icon-flag:before {
	content: "\ea28";
}
.icon-flask:before {
	content: "\ea29";
}
.icon-flushed:before {
	content: "\ea2a";
}
.icon-folder-minus:before {
	content: "\ea2b";
}
.icon-folder-open:before {
	content: "\ea2c";
}
.icon-folder-plus:before {
	content: "\ea2d";
}
.icon-folder:before {
	content: "\ea2e";
}
.icon-font-awesome-logo-full:before {
	content: "\ea2f";
}
.icon-font:before {
	content: "\ea30";
}
.icon-football-ball:before {
	content: "\ea31";
}
.icon-forward:before {
	content: "\ea32";
}
.icon-frog:before {
	content: "\ea33";
}
.icon-frown-open:before {
	content: "\ea34";
}
.icon-frown:before {
	content: "\ea35";
}
.icon-funnel-dollar:before {
	content: "\ea36";
}
.icon-futbol:before {
	content: "\ea37";
}
.icon-gamepad:before {
	content: "\ea38";
}
.icon-gas-pump:before {
	content: "\ea39";
}
.icon-gavel:before {
	content: "\ea3a";
}
.icon-gem:before {
	content: "\ea3b";
}
.icon-genderless:before {
	content: "\ea3c";
}
.icon-gift:before {
	content: "\ea3d";
}
.icon-glass-martini-alt:before {
	content: "\ea3e";
}
.icon-glass-martini:before {
	content: "\ea3f";
}
.icon-glasses:before {
	content: "\ea40";
}
.icon-globe-africa:before {
	content: "\ea41";
}
.icon-globe-americas:before {
	content: "\ea42";
}
.icon-globe-asia:before {
	content: "\ea43";
}
.icon-globe:before {
	content: "\ea44";
}
.icon-golf-ball:before {
	content: "\ea45";
}
.icon-gopuram:before {
	content: "\ea46";
}
.icon-graduation-cap:before {
	content: "\ea47";
}
.icon-greater-than-equal:before {
	content: "\ea48";
}
.icon-greater-than:before {
	content: "\ea49";
}
.icon-grimace:before {
	content: "\ea4a";
}
.icon-grin-alt:before {
	content: "\ea4b";
}
.icon-grin-beam-sweat:before {
	content: "\ea4c";
}
.icon-grin-beam:before {
	content: "\ea4d";
}
.icon-grin-hearts:before {
	content: "\ea4e";
}
.icon-grin-squint-tears:before {
	content: "\ea4f";
}
.icon-grin-squint:before {
	content: "\ea50";
}
.icon-grin-stars:before {
	content: "\ea51";
}
.icon-grin-tears:before {
	content: "\ea52";
}
.icon-grin-tongue-squint:before {
	content: "\ea53";
}
.icon-grin-tongue-wink:before {
	content: "\ea54";
}
.icon-grin-tongue:before {
	content: "\ea55";
}
.icon-grin-wink:before {
	content: "\ea56";
}
.icon-grin:before {
	content: "\ea57";
}
.icon-grip-horizontal:before {
	content: "\ea58";
}
.icon-grip-vertical:before {
	content: "\ea59";
}
.icon-h-square:before {
	content: "\ea5a";
}
.icon-hamsa:before {
	content: "\ea5b";
}
.icon-hand-holding-heart:before {
	content: "\ea5c";
}
.icon-hand-holding-usd:before {
	content: "\ea5d";
}
.icon-hand-holding:before {
	content: "\ea5e";
}
.icon-hand-lizard:before {
	content: "\ea5f";
}
.icon-hand-paper:before {
	content: "\ea60";
}
.icon-hand-peace:before {
	content: "\ea61";
}
.icon-hand-point-down:before {
	content: "\ea62";
}
.icon-hand-point-left:before {
	content: "\ea63";
}
.icon-hand-point-right:before {
	content: "\ea64";
}
.icon-hand-point-up:before {
	content: "\ea65";
}
.icon-hand-pointer:before {
	content: "\ea66";
}
.icon-hand-rock:before {
	content: "\ea67";
}
.icon-hand-scissors:before {
	content: "\ea68";
}
.icon-hand-spock:before {
	content: "\ea69";
}
.icon-hands-helping:before {
	content: "\ea6a";
}
.icon-hands:before {
	content: "\ea6b";
}
.icon-handshake:before {
	content: "\ea6c";
}
.icon-hashtag:before {
	content: "\ea6d";
}
.icon-haykal:before {
	content: "\ea6e";
}
.icon-hdd:before {
	content: "\ea6f";
}
.icon-heading:before {
	content: "\ea70";
}
.icon-headphones-alt:before {
	content: "\ea71";
}
.icon-headphones:before {
	content: "\ea72";
}
.icon-headset:before {
	content: "\ea73";
}
.icon-heart:before {
	content: "\ea74";
}
.icon-heartbeat:before {
	content: "\ea75";
}
.icon-helicopter:before {
	content: "\ea76";
}
.icon-highlighter:before {
	content: "\ea77";
}
.icon-history:before {
	content: "\ea78";
}
.icon-hockey-puck:before {
	content: "\ea79";
}
.icon-home:before {
	content: "\ea7a";
}
.icon-hospital-alt:before {
	content: "\ea7b";
}
.icon-hospital-symbol:before {
	content: "\ea7c";
}
.icon-hospital:before {
	content: "\ea7d";
}
.icon-hot-tub:before {
	content: "\ea7e";
}
.icon-hotel:before {
	content: "\ea7f";
}
.icon-hourglass-end:before {
	content: "\ea80";
}
.icon-hourglass-half:before {
	content: "\ea81";
}
.icon-hourglass-start:before {
	content: "\ea82";
}
.icon-hourglass:before {
	content: "\ea83";
}
.icon-i-cursor:before {
	content: "\ea84";
}
.icon-id-badge:before {
	content: "\ea85";
}
.icon-id-card-alt:before {
	content: "\ea86";
}
.icon-id-card:before {
	content: "\ea87";
}
.icon-image:before {
	content: "\ea88";
}
.icon-images:before {
	content: "\ea89";
}
.icon-inbox:before {
	content: "\ea8a";
}
.icon-indent:before {
	content: "\ea8b";
}
.icon-industry:before {
	content: "\ea8c";
}
.icon-infinity:before {
	content: "\ea8d";
}
.icon-info-circle:before {
	content: "\ea8e";
}
.icon-info:before {
	content: "\ea8f";
}
.icon-italic:before {
	content: "\ea90";
}
.icon-jedi:before {
	content: "\ea91";
}
.icon-joint:before {
	content: "\ea92";
}
.icon-journal-whills:before {
	content: "\ea93";
}
.icon-kaaba:before {
	content: "\ea94";
}
.icon-key:before {
	content: "\ea95";
}
.icon-keyboard:before {
	content: "\ea96";
}
.icon-khanda:before {
	content: "\ea97";
}
.icon-kiss-beam:before {
	content: "\ea98";
}
.icon-kiss-wink-heart:before {
	content: "\ea99";
}
.icon-kiss:before {
	content: "\ea9a";
}
.icon-kiwi-bird:before {
	content: "\ea9b";
}
.icon-landmark:before {
	content: "\ea9c";
}
.icon-language:before {
	content: "\ea9d";
}
.icon-laptop-code:before {
	content: "\ea9e";
}
.icon-laptop:before {
	content: "\ea9f";
}
.icon-laugh-beam:before {
	content: "\eaa0";
}
.icon-laugh-squint:before {
	content: "\eaa1";
}
.icon-laugh-wink:before {
	content: "\eaa2";
}
.icon-laugh:before {
	content: "\eaa3";
}
.icon-layer-group:before {
	content: "\eaa4";
}
.icon-leaf:before {
	content: "\eaa5";
}
.icon-lemon:before {
	content: "\eaa6";
}
.icon-less-than-equal:before {
	content: "\eaa7";
}
.icon-less-than:before {
	content: "\eaa8";
}
.icon-level-down-alt:before {
	content: "\eaa9";
}
.icon-level-up-alt:before {
	content: "\eaaa";
}
.icon-life-ring:before {
	content: "\eaab";
}
.icon-lightbulb:before {
	content: "\eaac";
}
.icon-link:before {
	content: "\eaad";
}
.icon-lira-sign:before {
	content: "\eaae";
}
.icon-list-alt:before {
	content: "\eaaf";
}
.icon-list-ol:before {
	content: "\eab0";
}
.icon-list-ul:before {
	content: "\eab1";
}
.icon-list:before {
	content: "\eab2";
}
.icon-location-arrow:before {
	content: "\eab3";
}
.icon-lock-open:before {
	content: "\eab4";
}
.icon-lock:before {
	content: "\eab5";
}
.icon-long-arrow-alt-down:before {
	content: "\eab6";
}
.icon-long-arrow-alt-left:before {
	content: "\eab7";
}
.icon-long-arrow-alt-right:before {
	content: "\eab8";
}
.icon-long-arrow-alt-up:before {
	content: "\eab9";
}
.icon-low-vision:before {
	content: "\eaba";
}
.icon-luggage-cart:before {
	content: "\eabb";
}
.icon-magic:before {
	content: "\eabc";
}
.icon-magnet:before {
	content: "\eabd";
}
.icon-mail-bulk:before {
	content: "\eabe";
}
.icon-male:before {
	content: "\eabf";
}
.icon-map-marked-alt:before {
	content: "\eac0";
}
.icon-map-marked:before {
	content: "\eac1";
}
.icon-map-marker-alt:before {
	content: "\eac2";
}
.icon-map-marker:before {
	content: "\eac3";
}
.icon-map-pin:before {
	content: "\eac4";
}
.icon-map-signs:before {
	content: "\eac5";
}
.icon-map:before {
	content: "\eac6";
}
.icon-marker:before {
	content: "\eac7";
}
.icon-mars-double:before {
	content: "\eac8";
}
.icon-mars-stroke-h:before {
	content: "\eac9";
}
.icon-mars-stroke-v:before {
	content: "\eaca";
}
.icon-mars-stroke:before {
	content: "\eacb";
}
.icon-mars:before {
	content: "\eacc";
}
.icon-medal:before {
	content: "\eacd";
}
.icon-medkit:before {
	content: "\eace";
}
.icon-meh-blank:before {
	content: "\eacf";
}
.icon-meh-rolling-eyes:before {
	content: "\ead0";
}
.icon-meh:before {
	content: "\ead1";
}
.icon-memory:before {
	content: "\ead2";
}
.icon-menorah:before {
	content: "\ead3";
}
.icon-mercury:before {
	content: "\ead4";
}
.icon-microchip:before {
	content: "\ead5";
}
.icon-microphone-alt-slash:before {
	content: "\ead6";
}
.icon-microphone-alt:before {
	content: "\ead7";
}
.icon-microphone-slash:before {
	content: "\ead8";
}
.icon-microphone:before {
	content: "\ead9";
}
.icon-microscope:before {
	content: "\eada";
}
.icon-minus-circle:before {
	content: "\eadb";
}
.icon-minus-square:before {
	content: "\eadc";
}
.icon-minus:before {
	content: "\eadd";
}
.icon-mobile-alt:before {
	content: "\eade";
}
.icon-mobile:before {
	content: "\eadf";
}
.icon-money-bill-alt:before {
	content: "\eae0";
}
.icon-money-bill-wave-alt:before {
	content: "\eae1";
}
.icon-money-bill-wave:before {
	content: "\eae2";
}
.icon-money-bill:before {
	content: "\eae3";
}
.icon-money-check-alt:before {
	content: "\eae4";
}
.icon-money-check:before {
	content: "\eae5";
}
.icon-monument:before {
	content: "\eae6";
}
.icon-moon:before {
	content: "\eae7";
}
.icon-mortar-pestle:before {
	content: "\eae8";
}
.icon-mosque:before {
	content: "\eae9";
}
.icon-motorcycle:before {
	content: "\eaea";
}
.icon-mouse-pointer:before {
	content: "\eaeb";
}
.icon-music:before {
	content: "\eaec";
}
.icon-neuter:before {
	content: "\eaed";
}
.icon-newspaper:before {
	content: "\eaee";
}
.icon-not-equal:before {
	content: "\eaef";
}
.icon-notes-medical:before {
	content: "\eaf0";
}
.icon-object-group:before {
	content: "\eaf1";
}
.icon-object-ungroup:before {
	content: "\eaf2";
}
.icon-oil-can:before {
	content: "\eaf3";
}
.icon-om:before {
	content: "\eaf4";
}
.icon-outdent:before {
	content: "\eaf5";
}
.icon-paint-brush:before {
	content: "\eaf6";
}
.icon-paint-roller:before {
	content: "\eaf7";
}
.icon-palette:before {
	content: "\eaf8";
}
.icon-pallet:before {
	content: "\eaf9";
}
.icon-paper-plane:before {
	content: "\eafa";
}
.icon-paperclip:before {
	content: "\eafb";
}
.icon-parachute-box:before {
	content: "\eafc";
}
.icon-paragraph:before {
	content: "\eafd";
}
.icon-parking:before {
	content: "\eafe";
}
.icon-passport:before {
	content: "\eaff";
}
.icon-pastafarianism:before {
	content: "\eb00";
}
.icon-paste:before {
	content: "\eb01";
}
.icon-pause-circle:before {
	content: "\eb02";
}
.icon-pause:before {
	content: "\eb03";
}
.icon-paw:before {
	content: "\eb04";
}
.icon-peace:before {
	content: "\eb05";
}
.icon-pen-alt:before {
	content: "\eb06";
}
.icon-pen-fancy:before {
	content: "\eb07";
}
.icon-pen-nib:before {
	content: "\eb08";
}
.icon-pen-square:before {
	content: "\eb09";
}
.icon-pen:before {
	content: "\eb0a";
}
.icon-pencil-alt:before {
	content: "\eb0b";
}
.icon-pencil-ruler:before {
	content: "\eb0c";
}
.icon-people-carry:before {
	content: "\eb0d";
}
.icon-percent:before {
	content: "\eb0e";
}
.icon-percentage:before {
	content: "\eb0f";
}
.icon-phone-slash:before {
	content: "\eb10";
}
.icon-phone-square:before {
	content: "\eb11";
}
.icon-phone-volume:before {
	content: "\eb12";
}
.icon-phone:before {
	content: "\eb13";
}
.icon-piggy-bank:before {
	content: "\eb14";
}
.icon-pills:before {
	content: "\eb15";
}
.icon-place-of-worship:before {
	content: "\eb16";
}
.icon-plane-arrival:before {
	content: "\eb17";
}
.icon-plane-departure:before {
	content: "\eb18";
}
.icon-plane:before {
	content: "\eb19";
}
.icon-play-circle:before {
	content: "\eb1a";
}
.icon-play:before {
	content: "\eb1b";
}
.icon-plug:before {
	content: "\eb1c";
}
.icon-plus-circle:before {
	content: "\eb1d";
}
.icon-plus-square:before {
	content: "\eb1e";
}
.icon-plus:before {
	content: "\eb1f";
}
.icon-podcast:before {
	content: "\eb20";
}
.icon-poll-h:before {
	content: "\eb21";
}
.icon-poll:before {
	content: "\eb22";
}
.icon-poo:before {
	content: "\eb23";
}
.icon-poop:before {
	content: "\eb24";
}
.icon-portrait:before {
	content: "\eb25";
}
.icon-pound-sign:before {
	content: "\eb26";
}
.icon-power-off:before {
	content: "\eb27";
}
.icon-pray:before {
	content: "\eb28";
}
.icon-praying-hands:before {
	content: "\eb29";
}
.icon-prescription-bottle-alt:before {
	content: "\eb2a";
}
.icon-prescription-bottle:before {
	content: "\eb2b";
}
.icon-prescription:before {
	content: "\eb2c";
}
.icon-print:before {
	content: "\eb2d";
}
.icon-procedures:before {
	content: "\eb2e";
}
.icon-project-diagram:before {
	content: "\eb2f";
}
.icon-puzzle-piece:before {
	content: "\eb30";
}
.icon-qrcode:before {
	content: "\eb31";
}
.icon-question-circle:before {
	content: "\eb32";
}
.icon-question:before {
	content: "\eb33";
}
.icon-quidditch:before {
	content: "\eb34";
}
.icon-quote-left:before {
	content: "\eb35";
}
.icon-quote-right:before {
	content: "\eb36";
}
.icon-quran:before {
	content: "\eb37";
}
.icon-random:before {
	content: "\eb38";
}
.icon-receipt:before {
	content: "\eb39";
}
.icon-recycle:before {
	content: "\eb3a";
}
.icon-redo-alt:before {
	content: "\eb3b";
}
.icon-redo:before {
	content: "\eb3c";
}
.icon-registered:before {
	content: "\eb3d";
}
.icon-reply-all:before {
	content: "\eb3e";
}
.icon-reply:before {
	content: "\eb3f";
}
.icon-retweet:before {
	content: "\eb40";
}
.icon-ribbon:before {
	content: "\eb41";
}
.icon-road:before {
	content: "\eb42";
}
.icon-robot:before {
	content: "\eb43";
}
.icon-rocket:before {
	content: "\eb44";
}
.icon-route:before {
	content: "\eb45";
}
.icon-rss-square:before {
	content: "\eb46";
}
.icon-rss:before {
	content: "\eb47";
}
.icon-ruble-sign:before {
	content: "\eb48";
}
.icon-ruler-combined:before {
	content: "\eb49";
}
.icon-ruler-horizontal:before {
	content: "\eb4a";
}
.icon-ruler-vertical:before {
	content: "\eb4b";
}
.icon-ruler:before {
	content: "\eb4c";
}
.icon-rupee-sign:before {
	content: "\eb4d";
}
.icon-sad-cry:before {
	content: "\eb4e";
}
.icon-sad-tear:before {
	content: "\eb4f";
}
.icon-save:before {
	content: "\eb50";
}
.icon-school:before {
	content: "\eb51";
}
.icon-screwdriver:before {
	content: "\eb52";
}
.icon-search-dollar:before {
	content: "\eb53";
}
.icon-search-location:before {
	content: "\eb54";
}
.icon-search-minus:before {
	content: "\eb55";
}
.icon-search-plus:before {
	content: "\eb56";
}
.icon-search:before {
	content: "\eb57";
}
.icon-seedling:before {
	content: "\eb58";
}
.icon-server:before {
	content: "\eb59";
}
.icon-shapes:before {
	content: "\eb5a";
}
.icon-share-alt-square:before {
	content: "\eb5b";
}
.icon-share-alt:before {
	content: "\eb5c";
}
.icon-share-square:before {
	content: "\eb5d";
}
.icon-share:before {
	content: "\eb5e";
}
.icon-shekel-sign:before {
	content: "\eb5f";
}
.icon-shield-alt:before {
	content: "\eb60";
}
.icon-ship:before {
	content: "\eb61";
}
.icon-shipping-fast:before {
	content: "\eb62";
}
.icon-shoe-prints:before {
	content: "\eb63";
}
.icon-shopping-bag:before {
	content: "\eb64";
}
.icon-shopping-basket:before {
	content: "\eb65";
}
.icon-shopping-cart1:before {
	content: "\eb66";
}
.icon-shower:before {
	content: "\eb67";
}
.icon-shuttle-van:before {
	content: "\eb68";
}
.icon-sign-in-alt:before {
	content: "\eb69";
}
.icon-sign-language:before {
	content: "\eb6a";
}
.icon-sign-out-alt:before {
	content: "\eb6b";
}
.icon-sign:before {
	content: "\eb6c";
}
.icon-signal:before {
	content: "\eb6d";
}
.icon-signature:before {
	content: "\eb6e";
}
.icon-sitemap:before {
	content: "\eb6f";
}
.icon-skull:before {
	content: "\eb70";
}
.icon-sliders-h:before {
	content: "\eb71";
}
.icon-smile-beam:before {
	content: "\eb72";
}
.icon-smile-wink:before {
	content: "\eb73";
}
.icon-smile:before {
	content: "\eb74";
}
.icon-smoking-ban:before {
	content: "\eb75";
}
.icon-smoking:before {
	content: "\eb76";
}
.icon-snowflake:before {
	content: "\eb77";
}
.icon-socks:before {
	content: "\eb78";
}
.icon-solar-panel:before {
	content: "\eb79";
}
.icon-sort-alpha-down:before {
	content: "\eb7a";
}
.icon-sort-alpha-up:before {
	content: "\eb7b";
}
.icon-sort-amount-down:before {
	content: "\eb7c";
}
.icon-sort-amount-up:before {
	content: "\eb7d";
}
.icon-sort-down:before {
	content: "\eb7e";
}
.icon-sort-numeric-down:before {
	content: "\eb7f";
}
.icon-sort-numeric-up:before {
	content: "\eb80";
}
.icon-sort-up:before {
	content: "\eb81";
}
.icon-sort:before {
	content: "\eb82";
}
.icon-spa:before {
	content: "\eb83";
}
.icon-space-shuttle:before {
	content: "\eb84";
}
.icon-spinner:before {
	content: "\eb85";
}
.icon-splotch:before {
	content: "\eb86";
}
.icon-spray-can:before {
	content: "\eb87";
}
.icon-square-full:before {
	content: "\eb88";
}
.icon-square-root-alt:before {
	content: "\eb89";
}
.icon-square:before {
	content: "\eb8a";
}
.icon-stamp:before {
	content: "\eb8b";
}
.icon-star-and-crescent:before {
	content: "\eb8c";
}
.icon-star-half-alt:before {
	content: "\eb8d";
}
.icon-star-half:before {
	content: "\eb8e";
}
.icon-star-of-david:before {
	content: "\eb8f";
}
.icon-star-of-life:before {
	content: "\eb90";
}
.icon-star:before {
	content: "\eb91";
}
.icon-step-backward:before {
	content: "\eb92";
}
.icon-step-forward:before {
	content: "\eb93";
}
.icon-stethoscope:before {
	content: "\eb94";
}
.icon-sticky-note:before {
	content: "\eb95";
}
.icon-stop-circle:before {
	content: "\eb96";
}
.icon-stop:before {
	content: "\eb97";
}
.icon-stopwatch:before {
	content: "\eb98";
}
.icon-store-alt:before {
	content: "\eb99";
}
.icon-store:before {
	content: "\eb9a";
}
.icon-stream:before {
	content: "\eb9b";
}
.icon-street-view:before {
	content: "\eb9c";
}
.icon-strikethrough:before {
	content: "\eb9d";
}
.icon-stroopwafel:before {
	content: "\eb9e";
}
.icon-subscript:before {
	content: "\eb9f";
}
.icon-subway:before {
	content: "\eba0";
}
.icon-suitcase-rolling:before {
	content: "\eba1";
}
.icon-suitcase:before {
	content: "\eba2";
}
.icon-sun:before {
	content: "\eba3";
}
.icon-superscript:before {
	content: "\eba4";
}
.icon-surprise:before {
	content: "\eba5";
}
.icon-swatchbook:before {
	content: "\eba6";
}
.icon-swimmer:before {
	content: "\eba7";
}
.icon-swimming-pool:before {
	content: "\eba8";
}
.icon-synagogue:before {
	content: "\eba9";
}
.icon-sync-alt:before {
	content: "\ebaa";
}
.icon-sync:before {
	content: "\ebab";
}
.icon-syringe:before {
	content: "\ebac";
}
.icon-table-tennis:before {
	content: "\ebad";
}
.icon-table:before {
	content: "\ebae";
}
.icon-tablet-alt:before {
	content: "\ebaf";
}
.icon-tablet:before {
	content: "\ebb0";
}
.icon-tablets:before {
	content: "\ebb1";
}
.icon-tachometer-alt:before {
	content: "\ebb2";
}
.icon-tag:before {
	content: "\ebb3";
}
.icon-tags:before {
	content: "\ebb4";
}
.icon-tape:before {
	content: "\ebb5";
}
.icon-tasks:before {
	content: "\ebb6";
}
.icon-taxi:before {
	content: "\ebb7";
}
.icon-teeth-open:before {
	content: "\ebb8";
}
.icon-teeth:before {
	content: "\ebb9";
}
.icon-terminal:before {
	content: "\ebba";
}
.icon-text-height:before {
	content: "\ebbb";
}
.icon-text-width:before {
	content: "\ebbc";
}
.icon-th-large:before {
	content: "\ebbd";
}
.icon-th-list:before {
	content: "\ebbe";
}
.icon-th:before {
	content: "\ebbf";
}
.icon-theater-masks:before {
	content: "\ebc0";
}
.icon-thermometer-empty:before {
	content: "\ebc1";
}
.icon-thermometer-full:before {
	content: "\ebc2";
}
.icon-thermometer-half:before {
	content: "\ebc3";
}
.icon-thermometer-quarter:before {
	content: "\ebc4";
}
.icon-thermometer-three-quarters:before {
	content: "\ebc5";
}
.icon-thermometer:before {
	content: "\ebc6";
}
.icon-thumbs-down:before {
	content: "\ebc7";
}
.icon-thumbs-up:before {
	content: "\ebc8";
}
.icon-thumbtack:before {
	content: "\ebc9";
}
.icon-ticket-alt:before {
	content: "\ebca";
}
.icon-times-circle:before {
	content: "\ebcb";
}
.icon-times:before {
	content: "\ebcc";
}
.icon-tint-slash:before {
	content: "\ebcd";
}
.icon-tint:before {
	content: "\ebce";
}
.icon-tired:before {
	content: "\ebcf";
}
.icon-toggle-off:before {
	content: "\ebd0";
}
.icon-toggle-on:before {
	content: "\ebd1";
}
.icon-toolbox:before {
	content: "\ebd2";
}
.icon-tooth:before {
	content: "\ebd3";
}
.icon-torah:before {
	content: "\ebd4";
}
.icon-torii-gate:before {
	content: "\ebd5";
}
.icon-trademark:before {
	content: "\ebd6";
}
.icon-traffic-light:before {
	content: "\ebd7";
}
.icon-train:before {
	content: "\ebd8";
}
.icon-transgender-alt:before {
	content: "\ebd9";
}
.icon-transgender:before {
	content: "\ebda";
}
.icon-trash-alt:before {
	content: "\ebdb";
}
.icon-trash:before {
	content: "\ebdc";
}
.icon-tree:before {
	content: "\ebdd";
}
.icon-trophy:before {
	content: "\ebde";
}
.icon-truck-loading:before {
	content: "\ebdf";
}
.icon-truck-monster:before {
	content: "\ebe0";
}
.icon-truck-moving:before {
	content: "\ebe1";
}
.icon-truck-pickup:before {
	content: "\ebe2";
}
.icon-truck:before {
	content: "\ebe3";
}
.icon-tshirt:before {
	content: "\ebe4";
}
.icon-tty:before {
	content: "\ebe5";
}
.icon-tv:before {
	content: "\ebe6";
}
.icon-umbrella-beach:before {
	content: "\ebe7";
}
.icon-umbrella:before {
	content: "\ebe8";
}
.icon-underline:before {
	content: "\ebe9";
}
.icon-undo-alt:before {
	content: "\ebea";
}
.icon-undo:before {
	content: "\ebeb";
}
.icon-universal-access:before {
	content: "\ebec";
}
.icon-university:before {
	content: "\ebed";
}
.icon-unlink:before {
	content: "\ebee";
}
.icon-unlock-alt:before {
	content: "\ebef";
}
.icon-unlock:before {
	content: "\ebf0";
}
.icon-upload:before {
	content: "\ebf1";
}
.icon-user-alt-slash:before {
	content: "\ebf2";
}
.icon-user-alt:before {
	content: "\ebf3";
}
.icon-user-astronaut:before {
	content: "\ebf4";
}
.icon-user-check:before {
	content: "\ebf5";
}
.icon-user-circle:before {
	content: "\ebf6";
}
.icon-user-clock:before {
	content: "\ebf7";
}
.icon-user-cog:before {
	content: "\ebf8";
}
.icon-user-edit:before {
	content: "\ebf9";
}
.icon-user-friends:before {
	content: "\ebfa";
}
.icon-user-graduate:before {
	content: "\ebfb";
}
.icon-user-lock:before {
	content: "\ebfc";
}
.icon-user-md:before {
	content: "\ebfd";
}
.icon-user-minus:before {
	content: "\ebfe";
}
.icon-user-ninja:before {
	content: "\ebff";
}
.icon-user-plus:before {
	content: "\ec00";
}
.icon-user-secret:before {
	content: "\ec01";
}
.icon-user-shield:before {
	content: "\ec02";
}
.icon-user-slash:before {
	content: "\ec03";
}
.icon-user-tag:before {
	content: "\ec04";
}
.icon-user-tie:before {
	content: "\ec05";
}
.icon-user-times:before {
	content: "\ec06";
}
.icon-user:before {
	content: "\ec07";
}
.icon-users-cog:before {
	content: "\ec08";
}
.icon-users:before {
	content: "\ec09";
}
.icon-utensil-spoon:before {
	content: "\ec0a";
}
.icon-utensils:before {
	content: "\ec0b";
}
.icon-vector-square:before {
	content: "\ec0c";
}
.icon-venus-double:before {
	content: "\ec0d";
}
.icon-venus-mars:before {
	content: "\ec0e";
}
.icon-venus:before {
	content: "\ec0f";
}
.icon-vial:before {
	content: "\ec10";
}
.icon-vials:before {
	content: "\ec11";
}
.icon-video-slash:before {
	content: "\ec12";
}
.icon-video:before {
	content: "\ec13";
}
.icon-vihara:before {
	content: "\ec14";
}
.icon-volleyball-ball:before {
	content: "\ec15";
}
.icon-volume-down:before {
	content: "\ec16";
}
.icon-volume-off:before {
	content: "\ec17";
}
.icon-volume-up:before {
	content: "\ec18";
}
.icon-walking:before {
	content: "\ec19";
}
.icon-wallet:before {
	content: "\ec1a";
}
.icon-warehouse:before {
	content: "\ec1b";
}
.icon-weight-hanging:before {
	content: "\ec1c";
}
.icon-weight:before {
	content: "\ec1d";
}
.icon-wheelchair:before {
	content: "\ec1e";
}
.icon-wifi:before {
	content: "\ec1f";
}
.icon-window-close:before {
	content: "\ec20";
}
.icon-window-maximize:before {
	content: "\ec21";
}
.icon-window-minimize:before {
	content: "\ec22";
}
.icon-window-restore:before {
	content: "\ec23";
}
.icon-wine-glass-alt:before {
	content: "\ec24";
}
.icon-wine-glass:before {
	content: "\ec25";
}
.icon-won-sign:before {
	content: "\ec26";
}
.icon-wrench:before {
	content: "\ec27";
}
.icon-x-ray:before {
	content: "\ec28";
}
.icon-yen-sign:before {
	content: "\ec29";
}
.icon-yin-yang:before {
	content: "\ec2a";
}
.icon-address-book1:before {
	content: "\ec2b";
}
.icon-address-card1:before {
	content: "\ec2c";
}
.icon-angry1:before {
	content: "\ec2d";
}
.icon-arrow-alt-circle-down1:before {
	content: "\ec2e";
}
.icon-arrow-alt-circle-left1:before {
	content: "\ec2f";
}
.icon-arrow-alt-circle-right1:before {
	content: "\ec30";
}
.icon-arrow-alt-circle-up1:before {
	content: "\ec31";
}
.icon-bell-slash1:before {
	content: "\ec32";
}
.icon-bell1:before {
	content: "\ec33";
}
.icon-bookmark1:before {
	content: "\ec34";
}
.icon-building1:before {
	content: "\ec35";
}
.icon-calendar-alt1:before {
	content: "\ec36";
}
.icon-calendar-check1:before {
	content: "\ec37";
}
.icon-calendar-minus1:before {
	content: "\ec38";
}
.icon-calendar-plus1:before {
	content: "\ec39";
}
.icon-calendar-times1:before {
	content: "\ec3a";
}
.icon-calendar1:before {
	content: "\ec3b";
}
.icon-caret-square-down1:before {
	content: "\ec3c";
}
.icon-caret-square-left1:before {
	content: "\ec3d";
}
.icon-caret-square-right1:before {
	content: "\ec3e";
}
.icon-caret-square-up1:before {
	content: "\ec3f";
}
.icon-chart-bar1:before {
	content: "\ec40";
}
.icon-check-circle1:before {
	content: "\ec41";
}
.icon-check-square1:before {
	content: "\ec42";
}
.icon-circle1:before {
	content: "\ec43";
}
.icon-clipboard1:before {
	content: "\ec44";
}
.icon-clock1:before {
	content: "\ec45";
}
.icon-clone1:before {
	content: "\ec46";
}
.icon-closed-captioning1:before {
	content: "\ec47";
}
.icon-comment-alt1:before {
	content: "\ec48";
}
.icon-comment-dots1:before {
	content: "\ec49";
}
.icon-comment1:before {
	content: "\ec4a";
}
.icon-comments1:before {
	content: "\ec4b";
}
.icon-compass1:before {
	content: "\ec4c";
}
.icon-copy1:before {
	content: "\ec4d";
}
.icon-copyright1:before {
	content: "\ec4e";
}
.icon-credit-card1:before {
	content: "\ec4f";
}
.icon-dizzy1:before {
	content: "\ec50";
}
.icon-dot-circle1:before {
	content: "\ec51";
}
.icon-edit1:before {
	content: "\ec52";
}
.icon-envelope-open1:before {
	content: "\ec53";
}
.icon-envelope1:before {
	content: "\ec54";
}
.icon-eye-slash1:before {
	content: "\ec55";
}
.icon-eye1:before {
	content: "\ec56";
}
.icon-file-alt1:before {
	content: "\ec57";
}
.icon-file-archive1:before {
	content: "\ec58";
}
.icon-file-audio1:before {
	content: "\ec59";
}
.icon-file-code1:before {
	content: "\ec5a";
}
.icon-file-excel1:before {
	content: "\ec5b";
}
.icon-file-image1:before {
	content: "\ec5c";
}
.icon-file-pdf1:before {
	content: "\ec5d";
}
.icon-file-powerpoint1:before {
	content: "\ec5e";
}
.icon-file-video1:before {
	content: "\ec5f";
}
.icon-file-word1:before {
	content: "\ec60";
}
.icon-file1:before {
	content: "\ec61";
}
.icon-flag1:before {
	content: "\ec62";
}
.icon-flushed1:before {
	content: "\ec63";
}
.icon-folder-open1:before {
	content: "\ec64";
}
.icon-folder1:before {
	content: "\ec65";
}
.icon-font-awesome-logo-full1:before {
	content: "\ec66";
}
.icon-frown-open1:before {
	content: "\ec67";
}
.icon-frown1:before {
	content: "\ec68";
}
.icon-futbol1:before {
	content: "\ec69";
}
.icon-gem1:before {
	content: "\ec6a";
}
.icon-grimace1:before {
	content: "\ec6b";
}
.icon-grin-alt1:before {
	content: "\ec6c";
}
.icon-grin-beam-sweat1:before {
	content: "\ec6d";
}
.icon-grin-beam1:before {
	content: "\ec6e";
}
.icon-grin-hearts1:before {
	content: "\ec6f";
}
.icon-grin-squint-tears1:before {
	content: "\ec70";
}
.icon-grin-squint1:before {
	content: "\ec71";
}
.icon-grin-stars1:before {
	content: "\ec72";
}
.icon-grin-tears1:before {
	content: "\ec73";
}
.icon-grin-tongue-squint1:before {
	content: "\ec74";
}
.icon-grin-tongue-wink1:before {
	content: "\ec75";
}
.icon-grin-tongue1:before {
	content: "\ec76";
}
.icon-grin-wink1:before {
	content: "\ec77";
}
.icon-grin1:before {
	content: "\ec78";
}
.icon-hand-lizard1:before {
	content: "\ec79";
}
.icon-hand-paper1:before {
	content: "\ec7a";
}
.icon-hand-peace1:before {
	content: "\ec7b";
}
.icon-hand-point-down1:before {
	content: "\ec7c";
}
.icon-hand-point-left1:before {
	content: "\ec7d";
}
.icon-hand-point-right1:before {
	content: "\ec7e";
}
.icon-hand-point-up1:before {
	content: "\ec7f";
}
.icon-hand-pointer1:before {
	content: "\ec80";
}
.icon-hand-rock1:before {
	content: "\ec81";
}
.icon-hand-scissors1:before {
	content: "\ec82";
}
.icon-hand-spock1:before {
	content: "\ec83";
}
.icon-handshake1:before {
	content: "\ec84";
}
.icon-hdd1:before {
	content: "\ec85";
}
.icon-heart1:before {
	content: "\ec86";
}
.icon-hospital1:before {
	content: "\ec87";
}
.icon-hourglass1:before {
	content: "\ec88";
}
.icon-id-badge1:before {
	content: "\ec89";
}
.icon-id-card1:before {
	content: "\ec8a";
}
.icon-image1:before {
	content: "\ec8b";
}
.icon-images1:before {
	content: "\ec8c";
}
.icon-keyboard1:before {
	content: "\ec8d";
}
.icon-kiss-beam1:before {
	content: "\ec8e";
}
.icon-kiss-wink-heart1:before {
	content: "\ec8f";
}
.icon-kiss1:before {
	content: "\ec90";
}
.icon-laugh-beam1:before {
	content: "\ec91";
}
.icon-laugh-squint1:before {
	content: "\ec92";
}
.icon-laugh-wink1:before {
	content: "\ec93";
}
.icon-laugh1:before {
	content: "\ec94";
}
.icon-lemon1:before {
	content: "\ec95";
}
.icon-life-ring1:before {
	content: "\ec96";
}
.icon-lightbulb1:before {
	content: "\ec97";
}
.icon-list-alt1:before {
	content: "\ec98";
}
.icon-map1:before {
	content: "\ec99";
}
.icon-meh-blank1:before {
	content: "\ec9a";
}
.icon-meh-rolling-eyes1:before {
	content: "\ec9b";
}
.icon-meh1:before {
	content: "\ec9c";
}
.icon-minus-square1:before {
	content: "\ec9d";
}
.icon-money-bill-alt1:before {
	content: "\ec9e";
}
.icon-moon1:before {
	content: "\ec9f";
}
.icon-newspaper1:before {
	content: "\eca0";
}
.icon-object-group1:before {
	content: "\eca1";
}
.icon-object-ungroup1:before {
	content: "\eca2";
}
.icon-paper-plane1:before {
	content: "\eca3";
}
.icon-pause-circle1:before {
	content: "\eca4";
}
.icon-play-circle1:before {
	content: "\eca5";
}
.icon-plus-square1:before {
	content: "\eca6";
}
.icon-question-circle1:before {
	content: "\eca7";
}
.icon-registered1:before {
	content: "\eca8";
}
.icon-sad-cry1:before {
	content: "\eca9";
}
.icon-sad-tear1:before {
	content: "\ecaa";
}
.icon-save1:before {
	content: "\ecab";
}
.icon-share-square1:before {
	content: "\ecac";
}
.icon-smile-beam1:before {
	content: "\ecad";
}
.icon-smile-wink1:before {
	content: "\ecae";
}
.icon-smile1:before {
	content: "\ecaf";
}
.icon-snowflake1:before {
	content: "\ecb0";
}
.icon-square1:before {
	content: "\ecb1";
}
.icon-star-half1:before {
	content: "\ecb2";
}
.icon-star1:before {
	content: "\ecb3";
}
.icon-sticky-note1:before {
	content: "\ecb4";
}
.icon-stop-circle1:before {
	content: "\ecb5";
}
.icon-sun1:before {
	content: "\ecb6";
}
.icon-surprise1:before {
	content: "\ecb7";
}
.icon-thumbs-down1:before {
	content: "\ecb8";
}
.icon-thumbs-up1:before {
	content: "\ecb9";
}
.icon-times-circle1:before {
	content: "\ecba";
}
.icon-tired1:before {
	content: "\ecbb";
}
.icon-trash-alt1:before {
	content: "\ecbc";
}
.icon-user-circle1:before {
	content: "\ecbd";
}
.icon-user1:before {
	content: "\ecbe";
}
.icon-window-close1:before {
	content: "\ecbf";
}
.icon-window-maximize1:before {
	content: "\ecc0";
}
.icon-window-minimize1:before {
	content: "\ecc1";
}
.icon-window-restore1:before {
	content: "\ecc2";
}
.icon-px:before {
	content: "\ecc3";
}
.icon-accessible-icon:before {
	content: "\ecc4";
}
.icon-accusoft:before {
	content: "\ecc5";
}
.icon-adn:before {
	content: "\ecc6";
}
.icon-adversal:before {
	content: "\ecc7";
}
.icon-affiliatetheme:before {
	content: "\ecc8";
}
.icon-algolia:before {
	content: "\ecc9";
}
.icon-alipay:before {
	content: "\ecca";
}
.icon-amazon-pay:before {
	content: "\eccb";
}
.icon-amazon:before {
	content: "\eccc";
}
.icon-amilia:before {
	content: "\eccd";
}
.icon-android:before {
	content: "\ecce";
}
.icon-angellist:before {
	content: "\eccf";
}
.icon-angrycreative:before {
	content: "\ecd0";
}
.icon-angular:before {
	content: "\ecd1";
}
.icon-app-store-ios:before {
	content: "\ecd2";
}
.icon-app-store:before {
	content: "\ecd3";
}
.icon-apper:before {
	content: "\ecd4";
}
.icon-apple-pay:before {
	content: "\ecd5";
}
.icon-apple:before {
	content: "\ecd6";
}
.icon-asymmetrik:before {
	content: "\ecd7";
}
.icon-audible:before {
	content: "\ecd8";
}
.icon-autoprefixer:before {
	content: "\ecd9";
}
.icon-avianex:before {
	content: "\ecda";
}
.icon-aviato:before {
	content: "\ecdb";
}
.icon-aws:before {
	content: "\ecdc";
}
.icon-bandcamp:before {
	content: "\ecdd";
}
.icon-behance-square:before {
	content: "\ecde";
}
.icon-behance:before {
	content: "\ecdf";
}
.icon-bimobject:before {
	content: "\ece0";
}
.icon-bitbucket:before {
	content: "\ece1";
}
.icon-bitcoin:before {
	content: "\ece2";
}
.icon-bity:before {
	content: "\ece3";
}
.icon-black-tie:before {
	content: "\ece4";
}
.icon-blackberry:before {
	content: "\ece5";
}
.icon-blogger-b:before {
	content: "\ece6";
}
.icon-blogger:before {
	content: "\ece7";
}
.icon-bluetooth-b:before {
	content: "\ece8";
}
.icon-bluetooth:before {
	content: "\ece9";
}
.icon-btc:before {
	content: "\ecea";
}
.icon-buromobelexperte:before {
	content: "\eceb";
}
.icon-buysellads:before {
	content: "\ecec";
}
.icon-cc-amazon-pay:before {
	content: "\eced";
}
.icon-cc-amex:before {
	content: "\ecee";
}
.icon-cc-apple-pay:before {
	content: "\ecef";
}
.icon-cc-diners-club:before {
	content: "\ecf0";
}
.icon-cc-discover:before {
	content: "\ecf1";
}
.icon-cc-jcb:before {
	content: "\ecf2";
}
.icon-cc-mastercard:before {
	content: "\ecf3";
}
.icon-cc-paypal:before {
	content: "\ecf4";
}
.icon-cc-stripe:before {
	content: "\ecf5";
}
.icon-cc-visa:before {
	content: "\ecf6";
}
.icon-centercode:before {
	content: "\ecf7";
}
.icon-chrome:before {
	content: "\ecf8";
}
.icon-cloudscale:before {
	content: "\ecf9";
}
.icon-cloudsmith:before {
	content: "\ecfa";
}
.icon-cloudversify:before {
	content: "\ecfb";
}
.icon-codepen:before {
	content: "\ecfc";
}
.icon-codiepie:before {
	content: "\ecfd";
}
.icon-connectdevelop:before {
	content: "\ecfe";
}
.icon-contao:before {
	content: "\ecff";
}
.icon-cpanel:before {
	content: "\ed00";
}
.icon-creative-commons-by:before {
	content: "\ed01";
}
.icon-creative-commons-nc-eu:before {
	content: "\ed02";
}
.icon-creative-commons-nc-jp:before {
	content: "\ed03";
}
.icon-creative-commons-nc:before {
	content: "\ed04";
}
.icon-creative-commons-nd:before {
	content: "\ed05";
}
.icon-creative-commons-pd-alt:before {
	content: "\ed06";
}
.icon-creative-commons-pd:before {
	content: "\ed07";
}
.icon-creative-commons-remix:before {
	content: "\ed08";
}
.icon-creative-commons-sa:before {
	content: "\ed09";
}
.icon-creative-commons-sampling-plus:before {
	content: "\ed0a";
}
.icon-creative-commons-sampling:before {
	content: "\ed0b";
}
.icon-creative-commons-share:before {
	content: "\ed0c";
}
.icon-creative-commons:before {
	content: "\ed0d";
}
.icon-css3-alt:before {
	content: "\ed0e";
}
.icon-css3:before {
	content: "\ed0f";
}
.icon-cuttlefish:before {
	content: "\ed10";
}
.icon-d-and-d:before {
	content: "\ed11";
}
.icon-dashcube:before {
	content: "\ed12";
}
.icon-delicious:before {
	content: "\ed13";
}
.icon-deploydog:before {
	content: "\ed14";
}
.icon-deskpro:before {
	content: "\ed15";
}
.icon-deviantart:before {
	content: "\ed16";
}
.icon-digg:before {
	content: "\ed17";
}
.icon-digital-ocean:before {
	content: "\ed18";
}
.icon-discord:before {
	content: "\ed19";
}
.icon-discourse:before {
	content: "\ed1a";
}
.icon-dochub:before {
	content: "\ed1b";
}
.icon-docker:before {
	content: "\ed1c";
}
.icon-draft2digital:before {
	content: "\ed1d";
}
.icon-dribbble-square:before {
	content: "\ed1e";
}
.icon-dribbble:before {
	content: "\ed1f";
}
.icon-dropbox:before {
	content: "\ed20";
}
.icon-drupal:before {
	content: "\ed21";
}
.icon-dyalog:before {
	content: "\ed22";
}
.icon-earlybirds:before {
	content: "\ed23";
}
.icon-ebay:before {
	content: "\ed24";
}
.icon-edge:before {
	content: "\ed25";
}
.icon-elementor:before {
	content: "\ed26";
}
.icon-ello:before {
	content: "\ed27";
}
.icon-ember:before {
	content: "\ed28";
}
.icon-empire:before {
	content: "\ed29";
}
.icon-envira:before {
	content: "\ed2a";
}
.icon-erlang:before {
	content: "\ed2b";
}
.icon-ethereum:before {
	content: "\ed2c";
}
.icon-etsy:before {
	content: "\ed2d";
}
.icon-expeditedssl:before {
	content: "\ed2e";
}
.icon-facebook-f:before {
	content: "\ed2f";
}
.icon-facebook-messenger:before {
	content: "\ed30";
}
.icon-facebook-square:before {
	content: "\ed31";
}
.icon-facebook1:before {
	content: "\ed32";
}
.icon-firefox:before {
	content: "\ed33";
}
.icon-first-order-alt:before {
	content: "\ed34";
}
.icon-first-order:before {
	content: "\ed35";
}
.icon-firstdraft:before {
	content: "\ed36";
}
.icon-flickr:before {
	content: "\ed37";
}
.icon-flipboard:before {
	content: "\ed38";
}
.icon-fly:before {
	content: "\ed39";
}
.icon-font-awesome-alt:before {
	content: "\ed3a";
}
.icon-font-awesome-flag:before {
	content: "\ed3b";
}
.icon-font-awesome-logo-full2:before {
	content: "\ed3c";
}
.icon-font-awesome:before {
	content: "\ed3d";
}
.icon-fonticons-fi:before {
	content: "\ed3e";
}
.icon-fonticons:before {
	content: "\ed3f";
}
.icon-fort-awesome-alt:before {
	content: "\ed40";
}
.icon-fort-awesome:before {
	content: "\ed41";
}
.icon-forumbee:before {
	content: "\ed42";
}
.icon-foursquare:before {
	content: "\ed43";
}
.icon-free-code-camp:before {
	content: "\ed44";
}
.icon-freebsd:before {
	content: "\ed45";
}
.icon-fulcrum:before {
	content: "\ed46";
}
.icon-galactic-republic:before {
	content: "\ed47";
}
.icon-galactic-senate:before {
	content: "\ed48";
}
.icon-get-pocket:before {
	content: "\ed49";
}
.icon-gg-circle:before {
	content: "\ed4a";
}
.icon-gg:before {
	content: "\ed4b";
}
.icon-git-square:before {
	content: "\ed4c";
}
.icon-git:before {
	content: "\ed4d";
}
.icon-github-alt:before {
	content: "\ed4e";
}
.icon-github-square:before {
	content: "\ed4f";
}
.icon-github:before {
	content: "\ed50";
}
.icon-gitkraken:before {
	content: "\ed51";
}
.icon-gitlab:before {
	content: "\ed52";
}
.icon-gitter:before {
	content: "\ed53";
}
.icon-glide-g:before {
	content: "\ed54";
}
.icon-glide:before {
	content: "\ed55";
}
.icon-gofore:before {
	content: "\ed56";
}
.icon-goodreads-g:before {
	content: "\ed57";
}
.icon-goodreads:before {
	content: "\ed58";
}
.icon-google-drive:before {
	content: "\ed59";
}
.icon-google-play:before {
	content: "\ed5a";
}
.icon-google-plus-g:before {
	content: "\ed5b";
}
.icon-google-plus-square:before {
	content: "\ed5c";
}
.icon-google-plus:before {
	content: "\ed5d";
}
.icon-google-wallet:before {
	content: "\ed5e";
}
.icon-google:before {
	content: "\ed5f";
}
.icon-gratipay:before {
	content: "\ed60";
}
.icon-grav:before {
	content: "\ed61";
}
.icon-gripfire:before {
	content: "\ed62";
}
.icon-grunt:before {
	content: "\ed63";
}
.icon-gulp:before {
	content: "\ed64";
}
.icon-hacker-news-square:before {
	content: "\ed65";
}
.icon-hacker-news:before {
	content: "\ed66";
}
.icon-hackerrank:before {
	content: "\ed67";
}
.icon-hips:before {
	content: "\ed68";
}
.icon-hire-a-helper:before {
	content: "\ed69";
}
.icon-hooli:before {
	content: "\ed6a";
}
.icon-hornbill:before {
	content: "\ed6b";
}
.icon-hotjar:before {
	content: "\ed6c";
}
.icon-houzz:before {
	content: "\ed6d";
}
.icon-html5:before {
	content: "\ed6e";
}
.icon-hubspot:before {
	content: "\ed6f";
}
.icon-imdb:before {
	content: "\ed70";
}
.icon-instagram:before {
	content: "\ed71";
}
.icon-internet-explorer:before {
	content: "\ed72";
}
.icon-ioxhost:before {
	content: "\ed73";
}
.icon-itunes-note:before {
	content: "\ed74";
}
.icon-itunes:before {
	content: "\ed75";
}
.icon-java:before {
	content: "\ed76";
}
.icon-jedi-order:before {
	content: "\ed77";
}
.icon-jenkins:before {
	content: "\ed78";
}
.icon-joget:before {
	content: "\ed79";
}
.icon-joomla:before {
	content: "\ed7a";
}
.icon-js-square:before {
	content: "\ed7b";
}
.icon-js:before {
	content: "\ed7c";
}
.icon-jsfiddle:before {
	content: "\ed7d";
}
.icon-kaggle:before {
	content: "\ed7e";
}
.icon-keybase:before {
	content: "\ed7f";
}
.icon-keycdn:before {
	content: "\ed80";
}
.icon-kickstarter-k:before {
	content: "\ed81";
}
.icon-kickstarter:before {
	content: "\ed82";
}
.icon-korvue:before {
	content: "\ed83";
}
.icon-laravel:before {
	content: "\ed84";
}
.icon-lastfm-square:before {
	content: "\ed85";
}
.icon-lastfm:before {
	content: "\ed86";
}
.icon-leanpub:before {
	content: "\ed87";
}
.icon-less:before {
	content: "\ed88";
}
.icon-line:before {
	content: "\ed89";
}
.icon-linkedin-in:before {
	content: "\ed8a";
}
.icon-linkedin:before {
	content: "\ed8b";
}
.icon-linode:before {
	content: "\ed8c";
}
.icon-linux:before {
	content: "\ed8d";
}
.icon-lyft:before {
	content: "\ed8e";
}
.icon-magento:before {
	content: "\ed8f";
}
.icon-mailchimp:before {
	content: "\ed90";
}
.icon-mandalorian:before {
	content: "\ed91";
}
.icon-markdown:before {
	content: "\ed92";
}
.icon-mastodon:before {
	content: "\ed93";
}
.icon-maxcdn:before {
	content: "\ed94";
}
.icon-medapps:before {
	content: "\ed95";
}
.icon-medium-m:before {
	content: "\ed96";
}
.icon-medium:before {
	content: "\ed97";
}
.icon-medrt:before {
	content: "\ed98";
}
.icon-meetup:before {
	content: "\ed99";
}
.icon-megaport:before {
	content: "\ed9a";
}
.icon-microsoft:before {
	content: "\ed9b";
}
.icon-mix:before {
	content: "\ed9c";
}
.icon-mixcloud:before {
	content: "\ed9d";
}
.icon-mizuni:before {
	content: "\ed9e";
}
.icon-modx:before {
	content: "\ed9f";
}
.icon-monero:before {
	content: "\eda0";
}
.icon-napster:before {
	content: "\eda1";
}
.icon-neos:before {
	content: "\eda2";
}
.icon-nimblr:before {
	content: "\eda3";
}
.icon-nintendo-switch:before {
	content: "\eda4";
}
.icon-node-js:before {
	content: "\eda5";
}
.icon-node:before {
	content: "\eda6";
}
.icon-npm:before {
	content: "\eda7";
}
.icon-ns8:before {
	content: "\eda8";
}
.icon-nutritionix:before {
	content: "\eda9";
}
.icon-odnoklassniki-square:before {
	content: "\edaa";
}
.icon-odnoklassniki:before {
	content: "\edab";
}
.icon-old-republic:before {
	content: "\edac";
}
.icon-opencart:before {
	content: "\edad";
}
.icon-openid:before {
	content: "\edae";
}
.icon-opera:before {
	content: "\edaf";
}
.icon-optin-monster:before {
	content: "\edb0";
}
.icon-osi:before {
	content: "\edb1";
}
.icon-page4:before {
	content: "\edb2";
}
.icon-pagelines:before {
	content: "\edb3";
}
.icon-palfed:before {
	content: "\edb4";
}
.icon-patreon:before {
	content: "\edb5";
}
.icon-paypal:before {
	content: "\edb6";
}
.icon-periscope:before {
	content: "\edb7";
}
.icon-phabricator:before {
	content: "\edb8";
}
.icon-phoenix-framework:before {
	content: "\edb9";
}
.icon-phoenix-squadron:before {
	content: "\edba";
}
.icon-php:before {
	content: "\edbb";
}
.icon-pied-piper-alt:before {
	content: "\edbc";
}
.icon-pied-piper-hat:before {
	content: "\edbd";
}
.icon-pied-piper-pp:before {
	content: "\edbe";
}
.icon-pied-piper:before {
	content: "\edbf";
}
.icon-pinterest-p:before {
	content: "\edc0";
}
.icon-pinterest-square:before {
	content: "\edc1";
}
.icon-pinterest:before {
	content: "\edc2";
}
.icon-playstation:before {
	content: "\edc3";
}
.icon-product-hunt:before {
	content: "\edc4";
}
.icon-pushed:before {
	content: "\edc5";
}
.icon-python:before {
	content: "\edc6";
}
.icon-qq:before {
	content: "\edc7";
}
.icon-quinscape:before {
	content: "\edc8";
}
.icon-quora:before {
	content: "\edc9";
}
.icon-r-project:before {
	content: "\edca";
}
.icon-ravelry:before {
	content: "\edcb";
}
.icon-react:before {
	content: "\edcc";
}
.icon-readme:before {
	content: "\edcd";
}
.icon-rebel:before {
	content: "\edce";
}
.icon-red-river:before {
	content: "\edcf";
}
.icon-reddit-alien:before {
	content: "\edd0";
}
.icon-reddit-square:before {
	content: "\edd1";
}
.icon-reddit:before {
	content: "\edd2";
}
.icon-rendact:before {
	content: "\edd3";
}
.icon-renren:before {
	content: "\edd4";
}
.icon-replyd:before {
	content: "\edd5";
}
.icon-researchgate:before {
	content: "\edd6";
}
.icon-resolving:before {
	content: "\edd7";
}
.icon-rev:before {
	content: "\edd8";
}
.icon-rocketchat:before {
	content: "\edd9";
}
.icon-rockrms:before {
	content: "\edda";
}
.icon-safari:before {
	content: "\eddb";
}
.icon-sass:before {
	content: "\eddc";
}
.icon-schlix:before {
	content: "\eddd";
}
.icon-scribd:before {
	content: "\edde";
}
.icon-searchengin:before {
	content: "\eddf";
}
.icon-sellcast:before {
	content: "\ede0";
}
.icon-sellsy:before {
	content: "\ede1";
}
.icon-servicestack:before {
	content: "\ede2";
}
.icon-shirtsinbulk:before {
	content: "\ede3";
}
.icon-shopware:before {
	content: "\ede4";
}
.icon-simplybuilt:before {
	content: "\ede5";
}
.icon-sistrix:before {
	content: "\ede6";
}
.icon-sith:before {
	content: "\ede7";
}
.icon-skyatlas:before {
	content: "\ede8";
}
.icon-skype:before {
	content: "\ede9";
}
.icon-slack-hash:before {
	content: "\edea";
}
.icon-slack:before {
	content: "\edeb";
}
.icon-slideshare:before {
	content: "\edec";
}
.icon-snapchat-ghost:before {
	content: "\eded";
}
.icon-snapchat-square:before {
	content: "\edee";
}
.icon-snapchat:before {
	content: "\edef";
}
.icon-soundcloud:before {
	content: "\edf0";
}
.icon-speakap:before {
	content: "\edf1";
}
.icon-spotify:before {
	content: "\edf2";
}
.icon-squarespace:before {
	content: "\edf3";
}
.icon-stack-exchange:before {
	content: "\edf4";
}
.icon-stack-overflow:before {
	content: "\edf5";
}
.icon-staylinked:before {
	content: "\edf6";
}
.icon-steam-square:before {
	content: "\edf7";
}
.icon-steam-symbol:before {
	content: "\edf8";
}
.icon-steam:before {
	content: "\edf9";
}
.icon-sticker-mule:before {
	content: "\edfa";
}
.icon-strava:before {
	content: "\edfb";
}
.icon-stripe-s:before {
	content: "\edfc";
}
.icon-stripe:before {
	content: "\edfd";
}
.icon-studiovinari:before {
	content: "\edfe";
}
.icon-stumbleupon-circle:before {
	content: "\edff";
}
.icon-stumbleupon:before {
	content: "\ee00";
}
.icon-superpowers:before {
	content: "\ee01";
}
.icon-supple:before {
	content: "\ee02";
}
.icon-teamspeak:before {
	content: "\ee03";
}
.icon-telegram-plane:before {
	content: "\ee04";
}
.icon-telegram:before {
	content: "\ee05";
}
.icon-tencent-weibo:before {
	content: "\ee06";
}
.icon-the-red-yeti:before {
	content: "\ee07";
}
.icon-themeco:before {
	content: "\ee08";
}
.icon-themeisle:before {
	content: "\ee09";
}
.icon-trade-federation:before {
	content: "\ee0a";
}
.icon-trello:before {
	content: "\ee0b";
}
.icon-tripadvisor:before {
	content: "\ee0c";
}
.icon-tumblr-square:before {
	content: "\ee0d";
}
.icon-tumblr:before {
	content: "\ee0e";
}
.icon-twitch:before {
	content: "\ee0f";
}
.icon-twitter-square:before {
	content: "\ee10";
}
.icon-twitter:before {
	content: "\ee11";
}
.icon-typo3:before {
	content: "\ee12";
}
.icon-uber:before {
	content: "\ee13";
}
.icon-uikit:before {
	content: "\ee14";
}
.icon-uniregistry:before {
	content: "\ee15";
}
.icon-untappd:before {
	content: "\ee16";
}
.icon-usb:before {
	content: "\ee17";
}
.icon-ussunnah:before {
	content: "\ee18";
}
.icon-vaadin:before {
	content: "\ee19";
}
.icon-viacoin:before {
	content: "\ee1a";
}
.icon-viadeo-square:before {
	content: "\ee1b";
}
.icon-viadeo:before {
	content: "\ee1c";
}
.icon-viber:before {
	content: "\ee1d";
}
.icon-vimeo-square:before {
	content: "\ee1e";
}
.icon-vimeo-v:before {
	content: "\ee1f";
}
.icon-vimeo:before {
	content: "\ee20";
}
.icon-vine:before {
	content: "\ee21";
}
.icon-vk:before {
	content: "\ee22";
}
.icon-vnv:before {
	content: "\ee23";
}
.icon-vuejs:before {
	content: "\ee24";
}
.icon-weebly:before {
	content: "\ee25";
}
.icon-weibo:before {
	content: "\ee26";
}
.icon-weixin:before {
	content: "\ee27";
}
.icon-whatsapp-square:before {
	content: "\ee28";
}
.icon-whatsapp:before {
	content: "\ee29";
}
.icon-whmcs:before {
	content: "\ee2a";
}
.icon-wikipedia-w:before {
	content: "\ee2b";
}
.icon-windows:before {
	content: "\ee2c";
}
.icon-wix:before {
	content: "\ee2d";
}
.icon-wolf-pack-battalion:before {
	content: "\ee2e";
}
.icon-wordpress-simple:before {
	content: "\ee2f";
}
.icon-wordpress:before {
	content: "\ee30";
}
.icon-wpbeginner:before {
	content: "\ee31";
}
.icon-wpexplorer:before {
	content: "\ee32";
}
.icon-wpforms:before {
	content: "\ee33";
}
.icon-xbox:before {
	content: "\ee34";
}
.icon-xing-square:before {
	content: "\ee35";
}
.icon-xing:before {
	content: "\ee36";
}
.icon-y-combinator:before {
	content: "\ee37";
}
.icon-yahoo:before {
	content: "\ee38";
}
.icon-yandex-international:before {
	content: "\ee39";
}
.icon-yandex:before {
	content: "\ee3a";
}
.icon-yelp:before {
	content: "\ee3b";
}
.icon-yoast:before {
	content: "\ee3c";
}
.icon-youtube-square:before {
	content: "\ee3d";
}
.icon-youtube:before {
	content: "\ee3e";
}
.icon-zhihu:before {
	content: "\ee3f";
}

.icon-line-open:before {
  content: "\ea21";
}
.icon-line-bag:before {
  content: "\ea23";
}
.icon-line-grid-2:before {
  content: "\ea24";
}
.icon-line-content-left:before {
  content: "\ea25";
}
.icon-line-content-right:before {
  content: "\ea26";
}
.icon-line-esc:before {
  content: "\ea27";
}
.icon-line-alt:before {
  content: "\ea28";
}
.icon-line-marquee-plus:before {
  content: "\ea29";
}
.icon-line-marquee-minus:before {
  content: "\ea2a";
}
.icon-line-marquee:before {
  content: "\ea2b";
}
.icon-line-square-check:before {
  content: "\ea2d";
}
.icon-line-paragraph:before {
  content: "\ea2e";
}
.icon-line-ribbon:before {
  content: "\ea2f";
}
.icon-line-location-2:before {
  content: "\ea1c";
}
.icon-line-circle-check:before {
  content: "\ea1d";
}
.icon-line-circle-cross1:before {
  content: "\ea1e";
}
.icon-line-reply:before {
  content: "\ea1f";
}
.icon-line-paper-stack:before {
  content: "\ea20";
}
.icon-line-stack-2:before {
  content: "\ea1a";
}
.icon-line-stack:before {
  content: "\ea1b";
}
.icon-line-activity:before {
  content: "\e900";
}
.icon-line-air-play:before {
  content: "\e901";
}
.icon-line-alert-circle:before {
  content: "\e902";
}
.icon-line-alert-octagon:before {
  content: "\e903";
}
.icon-line-alert-triangle:before {
  content: "\e904";
}
.icon-line-align-center:before {
  content: "\e905";
}
.icon-line-align-justify:before {
  content: "\e906";
}
.icon-line-align-left:before {
  content: "\e907";
}
.icon-line-align-right:before {
  content: "\e908";
}
.icon-line-anchor:before {
  content: "\e909";
}
.icon-line-aperture:before {
  content: "\e90a";
}
.icon-line-archive:before {
  content: "\e90b";
}
.icon-line-arrow-down:before {
  content: "\e90c";
}
.icon-line-arrow-down-circle:before {
  content: "\e90d";
}
.icon-line-arrow-down-left:before {
  content: "\e90e";
}
.icon-line-arrow-down-right:before {
  content: "\e90f";
}
.icon-line-arrow-left:before {
  content: "\e910";
}
.icon-line-arrow-left-circle:before {
  content: "\e911";
}
.icon-line-arrow-right:before {
  content: "\e912";
}
.icon-line-arrow-right-circle:before {
  content: "\e913";
}
.icon-line-arrow-up:before {
  content: "\e914";
}
.icon-line-arrow-up-circle:before {
  content: "\e915";
}
.icon-line-arrow-up-left:before {
  content: "\e916";
}
.icon-line-arrow-up-right:before {
  content: "\e917";
}
.icon-line-at-sign:before {
  content: "\e918";
}
.icon-line-award:before {
  content: "\e919";
}
.icon-line-bar-graph:before {
  content: "\e91a";
}
.icon-line-bar-graph-2:before {
  content: "\e91b";
}
.icon-line-battery:before {
  content: "\e91c";
}
.icon-line-battery-charging:before {
  content: "\e91d";
}
.icon-line-bell:before {
  content: "\e91e";
}
.icon-line-bell-off:before {
  content: "\e91f";
}
.icon-line-bluetooth:before {
  content: "\e920";
}
.icon-line-bold:before {
  content: "\e921";
}
.icon-line-book:before {
  content: "\e922";
}
.icon-line-book-open:before {
  content: "\e923";
}
.icon-line-bookmark:before {
  content: "\e924";
}
.icon-line-box:before {
  content: "\e925";
}
.icon-line-briefcase:before {
  content: "\e926";
}
.icon-line-calendar:before {
  content: "\e927";
}
.icon-line-camera:before {
  content: "\e928";
}
.icon-line-camera-off:before {
  content: "\e929";
}
.icon-line-cast:before {
  content: "\e92a";
}
.icon-line-check:before {
  content: "\e92b";
}
.icon-line-check-circle:before {
  content: "\e92c";
}
.icon-line-check-square:before {
  content: "\e92d";
}
.icon-line-chevron-down:before {
  content: "\e92e";
}
.icon-line-chevron-left:before {
  content: "\e92f";
}
.icon-line-chevron-right:before {
  content: "\e930";
}
.icon-line-chevron-up:before {
  content: "\e931";
}
.icon-line-chevrons-down:before {
  content: "\e932";
}
.icon-line-chevrons-left:before {
  content: "\e933";
}
.icon-line-chevrons-right:before {
  content: "\e934";
}
.icon-line-chevrons-up:before {
  content: "\e935";
}
.icon-line-chrome:before {
  content: "\e936";
}
.icon-line-record:before,
.icon-line-stop:before {
  content: "\e937";
}
.icon-line-clipboard:before {
  content: "\e938";
}
.icon-line-clock:before {
  content: "\e939";
}
.icon-line-cloud:before {
  content: "\e93a";
}
.icon-line-cloud-drizzle:before {
  content: "\e93b";
}
.icon-line-cloud-lightning:before {
  content: "\e93c";
}
.icon-line-cloud-off:before {
  content: "\e93d";
}
.icon-line-cloud-rain:before {
  content: "\e93e";
}
.icon-line-cloud-snow:before {
  content: "\e93f";
}
.icon-line-code:before {
  content: "\e940";
}
.icon-line-codepen:before {
  content: "\e941";
}
.icon-line-codesandbox:before {
  content: "\e942";
}
.icon-line-coffee:before {
  content: "\e943";
}
.icon-line-columns:before {
  content: "\e944";
}
.icon-line-command:before {
  content: "\e945";
}
.icon-line-compass:before {
  content: "\e946";
}
.icon-line-copy:before {
  content: "\e947";
}
.icon-line-corner-down-left:before {
  content: "\e948";
}
.icon-line-corner-down-right:before {
  content: "\e949";
}
.icon-line-corner-left-down:before {
  content: "\e94a";
}
.icon-line-corner-left-up:before {
  content: "\e94b";
}
.icon-line-corner-right-down:before {
  content: "\e94c";
}
.icon-line-corner-right-up:before {
  content: "\e94d";
}
.icon-line-corner-up-left:before {
  content: "\e94e";
}
.icon-line-corner-up-right:before {
  content: "\e94f";
}
.icon-line-cpu:before {
  content: "\e950";
}
.icon-line-credit-card:before {
  content: "\e951";
}
.icon-line-crop:before {
  content: "\e952";
}
.icon-line-crosshair:before {
  content: "\e953";
}
.icon-line-database:before {
  content: "\e954";
}
.icon-line-delete:before {
  content: "\e955";
}
.icon-line-disc:before {
  content: "\e956";
}
.icon-line-dollar-sign:before {
  content: "\e957";
}
.icon-line-download:before {
  content: "\e958";
}
.icon-line-cloud-download:before {
  content: "\e959";
}
.icon-line-droplet:before {
  content: "\e95a";
}
.icon-line-edit:before {
  content: "\e95b";
}
.icon-line-edit-2:before {
  content: "\e95c";
}
.icon-line-edit-3:before {
  content: "\e95d";
}
.icon-line-external-link:before {
  content: "\e95e";
}
.icon-line-eye:before {
  content: "\e95f";
}
.icon-line-eye-off:before {
  content: "\e960";
}
.icon-line-facebook:before {
  content: "\e961";
}
.icon-line-fast-forward:before {
  content: "\e962";
}
.icon-line-feather:before {
  content: "\e963";
}
.icon-line-figma:before {
  content: "\e964";
}
.icon-line-file:before {
  content: "\e965";
}
.icon-line-file-subtract:before {
  content: "\e966";
}
.icon-line-file-add:before {
  content: "\e967";
}
.icon-line-paper:before {
  content: "\e968";
}
.icon-line-film:before {
  content: "\e969";
}
.icon-line-filter:before {
  content: "\e96a";
}
.icon-line-flag:before {
  content: "\e96b";
}
.icon-line-folder:before {
  content: "\e96c";
}
.icon-line-folder-minus:before {
  content: "\e96d";
}
.icon-line-folder-plus:before {
  content: "\e96e";
}
.icon-line-framer:before {
  content: "\e96f";
}
.icon-line-frown:before {
  content: "\e970";
}
.icon-line-gift:before {
  content: "\e971";
}
.icon-line-git-branch:before {
  content: "\e972";
}
.icon-line-git-commit:before {
  content: "\e973";
}
.icon-line-git-merge:before {
  content: "\e974";
}
.icon-line-git-pull-request:before {
  content: "\e975";
}
.icon-line-github:before {
  content: "\e976";
}
.icon-line-gitlab:before {
  content: "\e977";
}
.icon-line-globe:before {
  content: "\e978";
}
.icon-line-grid:before {
  content: "\e979";
}
.icon-line-hard-drive:before {
  content: "\e97a";
}
.icon-line-hash:before {
  content: "\e97b";
}
.icon-line-headphones:before {
  content: "\e97c";
}
.icon-line-heart:before {
  content: "\e97d";
}
.icon-line-help-circle:before {
  content: "\e97e";
}
.icon-line-hexagon:before {
  content: "\e97f";
}
.icon-line-home:before {
  content: "\e980";
}
.icon-line-image:before {
  content: "\e981";
}
.icon-line-inbox:before {
  content: "\e982";
}
.icon-line-info:before {
  content: "\e983";
}
.icon-line-instagram:before {
  content: "\e984";
}
.icon-line-italic:before {
  content: "\e985";
}
.icon-line-key:before {
  content: "\e986";
}
.icon-line-layers:before {
  content: "\e987";
}
.icon-line-layout:before {
  content: "\e988";
}
.icon-line-help:before {
  content: "\e989";
}
.icon-line-link:before {
  content: "\e98a";
}
.icon-line-link-2:before {
  content: "\e98b";
}
.icon-line-linkedin:before {
  content: "\e98c";
}
.icon-line-list:before {
  content: "\e98d";
}
.icon-line-loader:before {
  content: "\e98e";
}
.icon-line-lock:before {
  content: "\e98f";
}
.icon-line-log-in:before {
  content: "\e990";
}
.icon-line-log-out:before {
  content: "\e991";
}
.icon-line-mail:before {
  content: "\e992";
}
.icon-line-map:before {
  content: "\e993";
}
.icon-line-map-pin:before {
  content: "\e994";
}
.icon-line-expand:before {
  content: "\e995";
}
.icon-line-maximize:before {
  content: "\e996";
}
.icon-line-meh:before {
  content: "\e997";
}
.icon-line-menu:before {
  content: "\e998";
}
.icon-line-message-circle:before {
  content: "\e999";
}
.icon-line-speech-bubble:before {
  content: "\e99a";
}
.icon-line-microphone:before {
  content: "\e99b";
}
.icon-line-microphone-off:before {
  content: "\e99c";
}
.icon-line-contract:before {
  content: "\e99d";
}
.icon-line-minimize:before {
  content: "\e99e";
}
.icon-line-minus:before {
  content: "\e99f";
}
.icon-line-circle-minus:before {
  content: "\e9a0";
}
.icon-line-square-minus:before {
  content: "\e9a1";
}
.icon-line-monitor:before {
  content: "\e9a2";
}
.icon-line-moon:before {
  content: "\e9a3";
}
.icon-line-more-horizontal:before,
.icon-line-ellipsis:before {
  content: "\e9a4";
}
.icon-line-more-vertical:before {
  content: "\e9a5";
}
.icon-line-mouse-pointer:before {
  content: "\e9a6";
}
.icon-line-move:before {
  content: "\e9a7";
}
.icon-line-music:before {
  content: "\e9a8";
}
.icon-line-location:before {
  content: "\e9a9";
}
.icon-line-navigation:before {
  content: "\e9aa";
}
.icon-line-octagon:before {
  content: "\e9ab";
}
.icon-line-package:before {
  content: "\e9ac";
}
.icon-line-paper-clip:before {
  content: "\e9ad";
}
.icon-line-pause:before {
  content: "\e9ae";
}
.icon-line-pause-circle:before {
  content: "\e9af";
}
.icon-line-pen-tool:before {
  content: "\e9b0";
}
.icon-line-percent:before {
  content: "\e9b1";
}
.icon-line-phone:before {
  content: "\e9b2";
}
.icon-line-phone-call:before {
  content: "\e9b3";
}
.icon-line-phone-forwarded:before {
  content: "\e9b4";
}
.icon-line-phone-incoming:before {
  content: "\e9b5";
}
.icon-line-phone-missed:before {
  content: "\e9b6";
}
.icon-line-phone-off:before {
  content: "\e9b7";
}
.icon-line-phone-outgoing:before {
  content: "\e9b8";
}
.icon-line-pie-graph:before {
  content: "\e9b9";
}
.icon-line-play:before {
  content: "\e9ba";
}
.icon-line-play-circle:before {
  content: "\e9bb";
}
.icon-line-plus:before {
  content: "\e9bc";
}
.icon-line-circle-plus:before {
  content: "\e9bd";
}
.icon-line-square-plus:before {
  content: "\e9be";
}
.icon-line-pocket:before {
  content: "\e9bf";
}
.icon-line-power:before {
  content: "\e9c0";
}
.icon-line-printer:before {
  content: "\e9c1";
}
.icon-line-signal:before {
  content: "\e9c2";
}
.icon-line-reload:before {
  content: "\e9c3";
}
.icon-line-refresh-cw:before {
  content: "\e9c4";
}
.icon-line-repeat:before {
  content: "\e9c5";
}
.icon-line-rewind:before {
  content: "\e9c6";
}
.icon-line-rotate-ccw:before {
  content: "\e9c7";
}
.icon-line-rotate-cw:before {
  content: "\e9c8";
}
.icon-line-rss:before {
  content: "\e9c9";
}
.icon-line-save:before {
  content: "\e9ca";
}
.icon-line-scissors:before {
  content: "\e9cb";
}
.icon-line-search:before {
  content: "\e9cc";
}
.icon-line-send:before {
  content: "\e9cd";
}
.icon-line-server:before {
  content: "\e9ce";
}
.icon-line-cog:before {
  content: "\e9cf";
}
.icon-line-outbox:before {
  content: "\e9d0";
}
.icon-line-share:before {
  content: "\e9d1";
}
.icon-line-shield:before {
  content: "\e9d2";
}
.icon-line-shield-off:before {
  content: "\e9d3";
}
.icon-line-shopping-bag:before {
  content: "\e9d4";
}
.icon-line-shopping-cart:before {
  content: "\e9d5";
}
.icon-line-shuffle:before {
  content: "\e9d6";
}
.icon-line-sidebar:before {
  content: "\e9d7";
}
.icon-line-skip-back:before {
  content: "\e9d8";
}
.icon-line-skip-forward:before {
  content: "\e9d9";
}
.icon-line-slack:before {
  content: "\e9da";
}
.icon-line-ban:before {
  content: "\e9db";
}
.icon-line-sliders:before {
  content: "\e9dc";
}
.icon-line-smartphone:before {
  content: "\e9dd";
}
.icon-line-smile:before {
  content: "\e9de";
}
.icon-line-speaker:before {
  content: "\e9df";
}
.icon-line-square:before {
  content: "\e9e0";
}
.icon-line-star:before {
  content: "\e9e1";
}
.icon-line-stop-circle:before {
  content: "\e9e2";
}
.icon-line-sun:before {
  content: "\e9e3";
}
.icon-line-sunrise:before {
  content: "\e9e4";
}
.icon-line-sunset:before {
  content: "\e9e5";
}
.icon-line-tablet:before {
  content: "\e9e6";
}
.icon-line-tag:before {
  content: "\e9e7";
}
.icon-line-target:before {
  content: "\e9e8";
}
.icon-line-terminal:before {
  content: "\e9e9";
}
.icon-line-thermometer:before {
  content: "\e9ea";
}
.icon-line-thumbs-down:before {
  content: "\e9eb";
}
.icon-line-thumbs-up:before {
  content: "\e9ec";
}
.icon-line-toggle:before {
  content: "\e9ed";
}
.icon-line-toggle-right:before {
  content: "\e9ee";
}
.icon-line-tool:before {
  content: "\e9ef";
}
.icon-line-trash:before {
  content: "\e9f0";
}
.icon-line-trash-2:before {
  content: "\e9f1";
}
.icon-line-trello:before {
  content: "\e9f2";
}
.icon-line-trending-down:before {
  content: "\e9f3";
}
.icon-line-trending-up:before {
  content: "\e9f4";
}
.icon-line-triangle:before {
  content: "\e9f5";
}
.icon-line-truck:before {
  content: "\e9f6";
}
.icon-line-tv:before {
  content: "\e9f7";
}
.icon-line-twitch:before {
  content: "\e9f8";
}
.icon-line-twitter:before {
  content: "\e9f9";
}
.icon-line-type:before {
  content: "\e9fa";
}
.icon-line-umbrella:before {
  content: "\e9fb";
}
.icon-line-underline:before {
  content: "\e9fc";
}
.icon-line-unlock:before {
  content: "\e9fd";
}
.icon-line-upload:before {
  content: "\e9fe";
}
.icon-line-cloud-upload:before {
  content: "\e9ff";
}
.icon-line-head:before {
  content: "\ea00";
}
.icon-line-user-check:before {
  content: "\ea01";
}
.icon-line-user-minus:before {
  content: "\ea02";
}
.icon-line-user-plus:before {
  content: "\ea03";
}
.icon-line-user-cross:before {
  content: "\ea04";
}
.icon-line-users:before {
  content: "\ea05";
}
.icon-line-video:before {
  content: "\ea06";
}
.icon-line-video-off:before {
  content: "\ea07";
}
.icon-line-voicemail:before {
  content: "\ea08";
}
.icon-line-volume-off:before {
  content: "\ea09";
}
.icon-line-volume-1:before {
  content: "\ea0a";
}
.icon-line-volume:before {
  content: "\ea0b";
}
.icon-line-mute:before {
  content: "\ea0c";
}
.icon-line-watch:before {
  content: "\ea0d";
}
.icon-line-wifi:before {
  content: "\ea0e";
}
.icon-line-wifi-off:before {
  content: "\ea0f";
}
.icon-line-wind:before {
  content: "\ea10";
}
.icon-line-cross:before {
  content: "\ea11";
}
.icon-line-circle-cross:before {
  content: "\ea12";
}
.icon-line-cross-octagon:before {
  content: "\ea13";
}
.icon-line-square-cross:before {
  content: "\ea14";
}
.icon-line-youtube:before {
  content: "\ea15";
}
.icon-line-zap:before {
  content: "\ea16";
}
.icon-line-zap-off:before {
  content: "\ea17";
}
.icon-line-zoom-in:before {
  content: "\ea18";
}
.icon-line-zoom-out:before {
  content: "\ea19";
}



.icon-line2-user-female:before {
	content: "\e000";
}
.icon-line2-user-follow:before {
	content: "\e002";
}
.icon-line2-user-following:before {
	content: "\e003";
}
.icon-line2-user-unfollow:before {
	content: "\e004";
}
.icon-line2-trophy:before {
	content: "\e006";
}
.icon-line2-screen-smartphone:before {
	content: "\e010";
}
.icon-line2-screen-desktop:before {
	content: "\e011";
}
.icon-line2-plane:before {
	content: "\e012";
}
.icon-line2-notebook:before {
	content: "\e013";
}
.icon-line2-moustache:before {
	content: "\e014";
}
.icon-line2-mouse:before {
	content: "\e015";
}
.icon-line2-magnet:before {
	content: "\e016";
}
.icon-line2-energy:before {
	content: "\e020";
}
.icon-line2-emoticon-smile:before {
	content: "\e021";
}
.icon-line2-disc:before {
	content: "\e022";
}
.icon-line2-cursor-move:before {
	content: "\e023";
}
.icon-line2-crop:before {
	content: "\e024";
}
.icon-line2-credit-card:before {
	content: "\e025";
}
.icon-line2-chemistry:before {
	content: "\e026";
}
.icon-line2-user:before {
	content: "\e005";
}
.icon-line2-speedometer:before {
	content: "\e007";
}
.icon-line2-social-youtube:before {
	content: "\e008";
}
.icon-line2-social-twitter:before {
	content: "\e009";
}
.icon-line2-social-tumblr:before {
	content: "\e00a";
}
.icon-line2-social-facebook:before {
	content: "\e00b";
}
.icon-line2-social-dropbox:before {
	content: "\e00c";
}
.icon-line2-social-dribbble:before {
	content: "\e00d";
}
.icon-line2-shield:before {
	content: "\e00e";
}
.icon-line2-screen-tablet:before {
	content: "\e00f";
}
.icon-line2-magic-wand:before {
	content: "\e017";
}
.icon-line2-hourglass:before {
	content: "\e018";
}
.icon-line2-graduation:before {
	content: "\e019";
}
.icon-line2-ghost:before {
	content: "\e01a";
}
.icon-line2-game-controller:before {
	content: "\e01b";
}
.icon-line2-fire:before {
	content: "\e01c";
}
.icon-line2-eyeglasses:before {
	content: "\e01d";
}
.icon-line2-envelope-open:before {
	content: "\e01e";
}
.icon-line2-envelope-letter:before {
	content: "\e01f";
}
.icon-line2-bell:before {
	content: "\e027";
}
.icon-line2-badge:before {
	content: "\e028";
}
.icon-line2-anchor:before {
	content: "\e029";
}
.icon-line2-wallet:before {
	content: "\e02a";
}
.icon-line2-vector:before {
	content: "\e02b";
}
.icon-line2-speech:before {
	content: "\e02c";
}
.icon-line2-puzzle:before {
	content: "\e02d";
}
.icon-line2-printer:before {
	content: "\e02e";
}
.icon-line2-present:before {
	content: "\e02f";
}
.icon-line2-playlist:before {
	content: "\e030";
}
.icon-line2-pin:before {
	content: "\e031";
}
.icon-line2-picture:before {
	content: "\e032";
}
.icon-line2-map:before {
	content: "\e033";
}
.icon-line2-layers:before {
	content: "\e034";
}
.icon-line2-handbag:before {
	content: "\e035";
}
.icon-line2-globe-alt:before {
	content: "\e036";
}
.icon-line2-globe:before {
	content: "\e037";
}
.icon-line2-frame:before {
	content: "\e038";
}
.icon-line2-folder-alt:before {
	content: "\e039";
}
.icon-line2-film:before {
	content: "\e03a";
}
.icon-line2-feed:before {
	content: "\e03b";
}
.icon-line2-earphones-alt:before {
	content: "\e03c";
}
.icon-line2-earphones:before {
	content: "\e03d";
}
.icon-line2-drop:before {
	content: "\e03e";
}
.icon-line2-drawer:before {
	content: "\e03f";
}
.icon-line2-docs:before {
	content: "\e040";
}
.icon-line2-directions:before {
	content: "\e041";
}
.icon-line2-direction:before {
	content: "\e042";
}
.icon-line2-diamond:before {
	content: "\e043";
}
.icon-line2-cup:before {
	content: "\e044";
}
.icon-line2-compass:before {
	content: "\e045";
}
.icon-line2-call-out:before {
	content: "\e046";
}
.icon-line2-call-in:before {
	content: "\e047";
}
.icon-line2-call-end:before {
	content: "\e048";
}
.icon-line2-calculator:before {
	content: "\e049";
}
.icon-line2-bubbles:before {
	content: "\e04a";
}
.icon-line2-briefcase:before {
	content: "\e04b";
}
.icon-line2-book-open:before {
	content: "\e04c";
}
.icon-line2-basket-loaded:before {
	content: "\e04d";
}
.icon-line2-basket:before {
	content: "\e04e";
}
.icon-line2-bag:before {
	content: "\e04f";
}
.icon-line2-action-undo:before {
	content: "\e050";
}
.icon-line2-action-redo:before {
	content: "\e051";
}
.icon-line2-wrench:before {
	content: "\e052";
}
.icon-line2-umbrella:before {
	content: "\e053";
}
.icon-line2-trash:before {
	content: "\e054";
}
.icon-line2-tag:before {
	content: "\e055";
}
.icon-line2-support:before {
	content: "\e056";
}
.icon-line2-size-fullscreen:before {
	content: "\e057";
}
.icon-line2-size-actual:before {
	content: "\e058";
}
.icon-line2-shuffle:before {
	content: "\e059";
}
.icon-line2-share-alt:before {
	content: "\e05a";
}
.icon-line2-share:before {
	content: "\e05b";
}
.icon-line2-rocket:before {
	content: "\e05c";
}
.icon-line2-question:before {
	content: "\e05d";
}
.icon-line2-pie-chart:before {
	content: "\e05e";
}
.icon-line2-pencil:before {
	content: "\e05f";
}
.icon-line2-note:before {
	content: "\e060";
}
.icon-line2-music-tone-alt:before {
	content: "\e061";
}
.icon-line2-music-tone:before {
	content: "\e062";
}
.icon-line2-microphone:before {
	content: "\e063";
}
.icon-line2-loop:before {
	content: "\e064";
}
.icon-line2-logout:before {
	content: "\e065";
}
.icon-line2-login:before {
	content: "\e066";
}
.icon-line2-list:before {
	content: "\e067";
}
.icon-line2-like:before {
	content: "\e068";
}
.icon-line2-home:before {
	content: "\e069";
}
.icon-line2-grid:before {
	content: "\e06a";
}
.icon-line2-graph:before {
	content: "\e06b";
}
.icon-line2-equalizer:before {
	content: "\e06c";
}
.icon-line2-dislike:before {
	content: "\e06d";
}
.icon-line2-cursor:before {
	content: "\e06e";
}
.icon-line2-control-start:before {
	content: "\e06f";
}
.icon-line2-control-rewind:before {
	content: "\e070";
}
.icon-line2-control-play:before {
	content: "\e071";
}
.icon-line2-control-pause:before {
	content: "\e072";
}
.icon-line2-control-forward:before {
	content: "\e073";
}
.icon-line2-control-end:before {
	content: "\e074";
}
.icon-line2-calendar:before {
	content: "\e075";
}
.icon-line2-bulb:before {
	content: "\e076";
}
.icon-line2-bar-chart:before {
	content: "\e077";
}
.icon-line2-arrow-up:before {
	content: "\e078";
}
.icon-line2-arrow-right:before {
	content: "\e079";
}
.icon-line2-arrow-left:before {
	content: "\e07a";
}
.icon-line2-arrow-down:before {
	content: "\e07b";
}
.icon-line2-ban:before {
	content: "\e07c";
}
.icon-line2-bubble:before {
	content: "\e07d";
}
.icon-line2-camcorder:before {
	content: "\e07e";
}
.icon-line2-camera:before {
	content: "\e07f";
}
.icon-line2-check:before {
	content: "\e080";
}
.icon-line2-clock:before {
	content: "\e081";
}
.icon-line2-close:before {
	content: "\e082";
}
.icon-line2-cloud-download:before {
	content: "\e083";
}
.icon-line2-cloud-upload:before {
	content: "\e084";
}
.icon-line2-doc:before {
	content: "\e085";
}
.icon-line2-envelope:before {
	content: "\e086";
}
.icon-line2-eye:before {
	content: "\e087";
}
.icon-line2-flag:before {
	content: "\e088";
}
.icon-line2-folder:before {
	content: "\e089";
}
.icon-line2-heart:before {
	content: "\e08a";
}
.icon-line2-info:before {
	content: "\e08b";
}
.icon-line2-key:before {
	content: "\e08c";
}
.icon-line2-link:before {
	content: "\e08d";
}
.icon-line2-lock:before {
	content: "\e08e";
}
.icon-line2-lock-open:before {
	content: "\e08f";
}
.icon-line2-magnifier:before {
	content: "\e090";
}
.icon-line2-magnifier-add:before {
	content: "\e091";
}
.icon-line2-magnifier-remove:before {
	content: "\e092";
}
.icon-line2-paper-clip:before {
	content: "\e093";
}
.icon-line2-paper-plane:before {
	content: "\e094";
}
.icon-line2-plus:before {
	content: "\e095";
}
.icon-line2-pointer:before {
	content: "\e096";
}
.icon-line2-power:before {
	content: "\e097";
}
.icon-line2-refresh:before {
	content: "\e098";
}
.icon-line2-reload:before {
	content: "\e099";
}
.icon-line2-settings:before {
	content: "\e09a";
}
.icon-line2-star:before {
	content: "\e09b";
}
.icon-line2-symbol-female:before {
	content: "\e09c";
}
.icon-line2-symbol-male:before {
	content: "\e09d";
}
.icon-line2-target:before {
	content: "\e09e";
}
.icon-line2-volume-1:before {
	content: "\e09f";
}
.icon-line2-volume-2:before {
	content: "\e0a0";
}
.icon-line2-volume-off:before {
	content: "\e0a1";
}
.icon-line2-users:before {
	content: "\e001";
}
.icon-deezer:before {
  content: "\ee40";
}
.icon-edge-legacy:before {
  content: "\ee41";
}
.icon-google-pay:before {
  content: "\ee42";
}
.icon-google-plus:before {
  content: "\ee43";
}
.icon-rust:before {
  content: "\ee44";
}
.icon-tiktok:before {
  content: "\ee45";
}
.icon-tripadvisor:before {
  content: "\ee46";
}
.icon-unsplash:before {
  content: "\ee47";
}
.icon-yahoo:before {
  content: "\ee48";
}
.icon-box-tissue:before {
  content: "\ee49";
}
.icon-hand-holding-medical:before {
  content: "\ee4a";
}
.icon-hand-holding-water:before {
  content: "\ee4b";
}
.icon-hand-sparkles:before {
  content: "\ee4c";
}
.icon-hands-wash:before {
  content: "\ee4d";
}
.icon-handshake-alt-slash:before {
  content: "\ee4e";
}
.icon-handshake-slash:before {
  content: "\ee4f";
}
.icon-head-side-cough-slash:before {
  content: "\ee50";
}
.icon-head-side-cough:before {
  content: "\ee51";
}
.icon-head-side-mask:before {
  content: "\ee52";
}
.icon-head-side-virus:before {
  content: "\ee53";
}
.icon-house-user:before {
  content: "\ee54";
}
.icon-laptop-house:before {
  content: "\ee55";
}
.icon-lungs-virus:before {
  content: "\ee56";
}
.icon-people-arrows:before {
  content: "\ee57";
}
.icon-plane-slash:before {
  content: "\ee58";
}
.icon-pump-medical:before {
  content: "\ee59";
}
.icon-pump-soap:before {
  content: "\ee5a";
}
.icon-shield-virus:before {
  content: "\ee5b";
}
.icon-sink:before {
  content: "\ee5c";
}
.icon-socks:before {
  content: "\ee5d";
}
.icon-stopwatch-20:before {
  content: "\ee5e";
}
.icon-store-alt-slash:before {
  content: "\ee5f";
}
.icon-store-slash:before {
  content: "\ee60";
}
.icon-toilet-paper-slash:before {
  content: "\ee61";
}
.icon-users-slash:before {
  content: "\ee62";
}
.icon-virus-slash:before {
  content: "\ee63";
}
.icon-virus:before {
  content: "\ee64";
}
.icon-viruses:before {
  content: "\ee65";
}
.icon-bandcamp:before {
  content: "\ee66";
}
.icon-bacteria:before {
  content: "\ee67";
}
.icon-bacterium:before {
  content: "\ee68";
}

/* 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; }

.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;
	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%;
	left: 50%;
	width: 24px;
	height: 24px;
	background: url('../images/preloader-dark.gif') center center no-repeat;
	text-align: center;
	margin-top: -12px;
	margin-left: -12px;
	z-index: 1044;
	text-indent: -9999px;
}
	.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;
	box-shadow: none;
	touch-action: manipulation; }

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;
	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; }
	.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;
	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; }
	.mfp-arrow:before,
	.mfp-arrow:after {
		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 {
		border-top-width: 13px;
		border-bottom-width: 13px;
		top: 8px; }
	.mfp-arrow:before {
		border-top-width: 21px;
		border-bottom-width: 21px;
		opacity: 0.7; }

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

.mfp-arrow-right {
	right: 0; }
	.mfp-arrow-right:after {
		border-left: 17px solid #FFF;
		margin-left: 39px; }
	.mfp-arrow-right:before {
		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%;
		background: #000; }

/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	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;
		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; } }



/* overlay at start */
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;

	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }



.promotion-list ul {
}


.Promo-head-title h1 {
    font-size: 28px;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e0e0e0;
}

.Promo-head-title {
    padding: 30px 0;
}

.promotion-list ul li {
    float: left;
    margin: 0 0 15px 0;
    vertical-align: top;
}



    .promotion-list ul li div {
        margin: 10px;
    }


        .promotion-list ul li div h3 {
            font-size: 16px;
            text-transform: uppercase;
            margin-bottom: 5px;
        }

        .promotion-list ul li div img {
            margin: 0 0 15px 0;
            width: 100%;
            border-radius: 5px;
        }


        .promotion-list ul li div span {
            font-size: 14px;
            color:#fff;
        }

        .promotion-list ul li div .button {
            margin: 15px 0 0 0;
        }

.promo-details-action-footer {
}

.promo-details img {
    width: auto;
    border-radius: 5px;
}



.promo-details p, .promo-details span, .promo-details h1, .promo-details h2, .promo-details h3, .promo-details h4, .promo-details h5, .promo-details h6, .promo-details h7 {
    color:#fff;
}

.promo-details-action-footer {
    padding: 15px 0 0 0;
    border-top: 1px solid #e6e6e6;
    display: block;
    margin-bottom: 20px;
    text-align: center;
}

@media screen and (max-width: 4000px) and (min-width: 992px) {
    .promotion-list ul li {
        width: 25%;
    }
}


@media screen and (max-width: 991.98px) and (min-width: 768px) {

    .promotion-list ul li {
        width: 33.3333%;
    }
}


@media (max-width: 767px) {

    .promotion-list ul li {
        width: 50%;
    }

        .promotion-list ul li div h3 {
            font-size: 14px;
        }

        .promotion-list ul li div span {
            font-size: 13px;
        }
}

.promo-img {
    width: 100% !important;
}

.promo-list-text {
    height: 150px;
}
section.promotion-list .save-btn.one {
    bottom: -20px;
}

section.promotion-list .afb-title-h1 {
    font-size: 20px;
    text-transform: uppercase;
    padding-bottom: 8px;
    margin: 20px 0 14px 0;
    color: #fff;
    padding: 5px 5px 5px 15px;
}

    section.promotion-list .afb-title-h1 span {
        color: #fff !important;
        font-weight: 600;
    }

section.promotion-list button.float-left.button.button-regular {
    border-color: #fff !important;
    color: #FFF !important;
    border-radius: 15px;
    padding: 7px 17px;
}

.promotion_list-container .promotion_list-image {
    height: auto;
}

/* Dropdown Menu */
.promotion-filter {
    color: #fff !important;
}


.blog-title {
    color: #fff;
    margin: 5px auto;
    overflow-x: auto;
}

    .blog-title h1, .blog-title h2, .blog-title h3, .blog-title h4, .blog-title h5, .blog-title h6,
    .blog-title .h1, .blog-title .h2, .blog-title .h3, .blog-title .h4, .blog-title .h5, .blog-title .h6 {
        color: #fff;
    }

    .blog-title span {
        /*color: #ff8d00;*/
        font-weight: 500;
    }

    .blog-title p, .blog-title ul li, .blog-title ol li {
        color: var(--light);
        font-size: 12px;
        font-weight: 300;
    }

    .blog-title ol {
        padding: 15px;
    }

        .blog-title ol li a {
            color: #00e7ef;
        }

    .blog-title h3, .blog-title .h3 {
        margin: 0 auto;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 400;
        padding: 0 0 5px;
    }

.blog-aside {
    color: #fff;
}

/*countdown css*/
.promotion-image-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

.promotion-countdown-container {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #0000008f;
    padding: .1em;
    color: #fff;
    display: flex;
    gap: .2em;
    align-items: center;
    font-size: 14px;
    width: auto;
}

.promotion-countdown-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 35px;
}

.promotion-countdown-label {
    font-size: .5em;
}

.promotion-countdown-number {
    font-size: .8rem;
}

.promotion-countdown-colon {
    margin-top: .5em;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');



@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../../../../Content/fonts/ProximaNova-Regular.woff2') format('woff2'), url('../../../../Content/fonts/ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../../../../Content/fonts/ProximaNova-Bold.woff2') format('woff2'), url('../../../../Content/fonts/ProximaNova-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* ----------------------------------------------------------------
	Bootstrap Adjustments
-----------------------------------------------------------------*/


@media (min-width: 1440px) {
    .container {
        max-width: 1320px;
    }
}
/* ----------------------------------------------------------------
	Basic
-----------------------------------------------------------------*/

dl, dt, dd, ol, ul, li {
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
    display: block;
    font-size: 0px;
    height: 0px;
    line-height: 0;
    width: 100%;
    overflow: hidden;
}

::selection {
    background: #f6901e;
    color: #FFF;
    text-shadow: none;
}

::-moz-selection {
    background: #f6901e; /* Firefox */
    color: #FFF;
    text-shadow: none;
}

::-webkit-selection {
    background: #f6901e; /* Safari */
    color: #FFF;
    text-shadow: none;
}

:active, :focus {
    outline: none !important;
}
/* ----------------------------------------------------------------
	Typography
-----------------------------------------------------------------*/


body {
    line-height: 1.5;
    color: #555;
    font-family: 'Roboto Condensed', sans-serif;
}

a {
    text-decoration: none !important;
    color: #ff0000;
    transition: all 0.5s ease;
}

    a:hover {
        color: #c377ef;
        transition: all 0.5s ease;
    }

    a img {
        border: none;
    }

img {
    max-width: 100%;
}

iframe {
    width: 100%;
    border: 0 !important;
    overflow: hidden !important;
}
/* ----------------------------------------------------------------
	Basic Layout Styles
-----------------------------------------------------------------*/


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #444;
    font-weight: 600;
    line-height: 1.5;
    margin: 0 0 30px 0;
}

h5, h6, .h5, .h6 {
    margin-bottom: 20px;
}

h1, .h1 {
    font-size: 36px;
}

h2, .h2 {
    font-size: 30px;
}

h3, .h3 {
    font-size: 1.5rem;
}

h4, .h4 {
    font-size: 18px;
}

h5, .h5 {
    font-size: 0.875rem;
}

h6, .h6 {
    font-size: 12px;
}

h4, .h4 {
    font-weight: 600;
}

h5, h6, .h5, .h6 {
    font-weight: bold;
}

@media (max-width: 767.98px) {
    h1, .h1 {
        font-size: 1.75rem;
    }

    h2, .h2 {
        font-size: 1.5rem;
    }

    h3, .h3 {
        font-size: 1.25rem;
    }

    h4, .h4 {
        font-size: 1rem;
    }
}

h1 > span:not(.nocolor):not(.badge), h2 > span:not(.nocolor):not(.badge), h3 > span:not(.nocolor):not(.badge), h4 > span:not(.nocolor):not(.badge), h5 > span:not(.nocolor):not(.badge), h6 > span:not(.nocolor):not(.badge), .h1 > span:not(.nocolor):not(.badge), .h2 > span:not(.nocolor):not(.badge), .h3 > span:not(.nocolor):not(.badge), .h4 > span:not(.nocolor):not(.badge), .h5 > span:not(.nocolor):not(.badge), .h6 > span:not(.nocolor):not(.badge) {
    color: #f6901e;
}

p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset {
    margin-bottom: 30px;
}

small {
    font-family: 'Lato', sans-serif;
}
/* ----------------------------------------------------------------
	Helper Classes
-----------------------------------------------------------------*/

#wrapper {
    position: relative;
    float: none;
    width: 100%;
    margin: 0 auto;
    background-color: #eef0f5;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

@media (min-width: 1200px) {
    body:not(.stretched) #wrapper {
        max-width: 1200px;
    }
}

@media (min-width: 1440px) {
    body:not(.stretched) #wrapper {
        max-width: 1440px;
    }
}

.line, .double-line {
    clear: both;
    position: relative;
    width: 100%;
    margin: 4rem 0;
    border-top: 1px solid #EEE;
}

    .line.line-sm {
        margin: 2rem 0;
    }

span.middot {
    display: inline-block;
    margin: 0 5px;
}

.double-line {
    border-top: 3px double #E5E5E5;
}

.nott {
    text-transform: none !important;
}

.emptydiv {
    display: block !important;
    position: relative !important;
}

.allmargin {
    margin: 3rem !important;
}

.leftmargin {
    margin-left: 3rem !important;
}

.rightmargin {
    margin-right: 3rem !important;
}

.topmargin {
    margin-top: 3rem !important;
}

.bottommargin {
    margin-bottom: 3rem !important;
}

.allmargin-sm {
    margin: 2rem !important;
}

.leftmargin-sm {
    margin-left: 2rem !important;
}

.rightmargin-sm {
    margin-right: 2rem !important;
}

.topmargin-sm {
    margin-top: 2rem !important;
}

.bottommargin-sm {
    margin-bottom: 2rem !important;
}

.allmargin-lg {
    margin: 5rem !important;
}

.leftmargin-lg {
    margin-left: 5rem !important;
}

.rightmargin-lg {
    margin-right: 5rem !important;
}

.topmargin-lg {
    margin-top: 5rem !important;
}

.bottommargin-lg {
    margin-bottom: 5rem !important;
}

.header-stick {
    margin-top: -3rem !important;
}

.content-wrap .header-stick {
    margin-top: -5rem !important;
}

.footer-stick {
    margin-bottom: -3rem !important;
}

.content-wrap .footer-stick {
    margin-bottom: -5rem !important;
}

.border-f5 {
    border-color: #F5F5F5 !important;
}

.col-padding {
    padding: 4rem;
}

.notextshadow {
    text-shadow: none !important;
}

.inline-block {
    float: none !important;
    display: inline-block !important;
}

.center {
    text-align: center !important;
}

.mx-auto {
    float: none !important;
}

.bg-color, .bg-color #header-wrap {
    background-color: #f6901e !important;
}

.color {
    color: #f6901e !important;
}

.border-color {
    border-color: #f6901e !important;
}

.ls0 {
    letter-spacing: 0px !important;
}

.ls1 {
    letter-spacing: 1px !important;
}

.ls2 {
    letter-spacing: 2px !important;
}

.ls3 {
    letter-spacing: 3px !important;
}

.ls4 {
    letter-spacing: 4px !important;
}

.ls5 {
    letter-spacing: 5px !important;
}

.noheight {
    height: 0 !important;
}

.nolineheight {
    line-height: 0 !important;
}

.font-body {
    font-family: 'Lato', sans-serif;
}

.font-primary {
    font-family: 'Poppins', sans-serif;
}

.font-secondary {
    font-family: 'PT Serif', serif;
}

.font-weight-extralight {
    font-weight: 100 !important;
}

.font-weight-medium {
    font-weight: 500 !important;
}

.font-weight-semibold {
    font-weight: 600 !important;
}

.font-normal {
    font-weight: normal !important;
}

.bgicon {
    display: block;
    position: absolute;
    bottom: -60px;
    right: -50px;
    font-size: 210px;
    color: rgba(0,0,0,0.1);
}

.imagescale, .imagescalein {
    display: block;
    overflow: hidden;
}

    .imagescale img, .imagescalein img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
    }

    .imagescale:hover img {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .imagescalein img {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .imagescalein:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

.grayscale {
    filter: brightness(80%) grayscale(1) contrast(90%);
    -webkit-filter: brightness(80%) grayscale(1) contrast(90%);
    -moz-filter: brightness(80%) grayscale(1) contrast(90%);
    -o-filter: brightness(80%) grayscale(1) contrast(90%);
    -ms-filter: brightness(80%) grayscale(1) contrast(90%);
    transition: 1s filter ease;
    -webkit-transition: 1s -webkit-filter ease;
    -moz-transition: 1s -moz-filter ease;
    -ms-transition: 1s -ms-filter ease;
    -o-transition: 1s -o-filter ease;
}

    .grayscale:hover {
        filter: brightness(100%) grayscale(0);
        -webkit-filter: brightness(100%) grayscale(0);
        -moz-filter: brightness(100%) grayscale(0);
        -o-filter: brightness(100%) grayscale(0);
        -ms-filter: brightness(100%) grayscale(0);
    }
/* MOVING BG -  TESTIMONIALS */
.bganimate {
    -webkit-animation: BgAnimated 30s infinite linear;
    -moz-animation: BgAnimated 30s infinite linear;
    -ms-animation: BgAnimated 30s infinite linear;
    -o-animation: BgAnimated 30s infinite linear;
    animation: BgAnimated 30s infinite linear;
}

@-webkit-keyframes BgAnimated {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 400px;
    }
}

@-moz-keyframes BgAnimated {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 400px;
    }
}

@-ms-keyframes BgAnimated {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 400px;
    }
}

@-o-keyframes BgAnimated {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 400px;
    }
}

@keyframes BgAnimated {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 400px;
    }
}

.input-block-level {
    display: block;
    width: 100% !important;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.vertical-middle {
    z-index: 3;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 100%;
    justify-content: center;
    flex-flow: column;
}

.vertical-middle-overlay {
    position: absolute;
    top: 0;
    left: 0;
}

.vertical-middle + .video-wrap {
    z-index: 2 !important;
}

.magnific-max-width .mfp-content {
    max-width: 800px;
}

.overflow-visible {
    overflow: visible !important;
}
/* ----------------------------------------------------------------
	Opacity Utility Classes
-----------------------------------------------------------------*/

.op-ts {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}

.op-0, .h-op-0:hover {
    opacity: 0 !important;
}

.op-01, .h-op-01:hover {
    opacity: 0.1 !important;
}

.op-02, .h-op-02:hover {
    opacity: 0.2 !important;
}

.op-03, .h-op-03:hover {
    opacity: 0.3 !important;
}

.op-04, .h-op-04:hover {
    opacity: 0.4 !important;
}

.op-05, .h-op-05:hover {
    opacity: 0.5 !important;
}

.op-06, .h-op-06:hover {
    opacity: 0.6 !important;
}

.op-07, .h-op-07:hover {
    opacity: 0.7 !important;
}

.op-08, .h-op-08:hover {
    opacity: 0.8 !important;
}

.op-09, .h-op-09:hover {
    opacity: 0.9 !important;
}

.op-1, .h-op-1:hover {
    opacity: 1 !important;
}
/* ----------------------------------------------------------------
	Text Color Utility Classes
-----------------------------------------------------------------*/

.text-ts {
    -webkit-transition: color .5s ease;
    transition: color .5s ease;
}

.h-text-color:hover, a.h-text-color:hover {
    color: #f6901e !important;
}

.h-text-primary:hover, a.h-text-primary:hover {
    color: #007bff !important;
}

.h-text-secondary:hover, a.h-text-secondary:hover {
    color: #6c757d !important;
}

.h-text-success:hover, a.h-text-success:hover {
    color: #28a745 !important;
}

.h-text-info:hover, a.h-text-info:hover {
    color: #17a2b8 !important;
}

.h-text-warning:hover, a.h-text-warning:hover {
    color: #ffc107 !important;
}

.h-text-danger:hover, a.h-text-danger:hover {
    color: #dc3545 !important;
}

.h-text-light:hover, a.h-text-light:hover {
    color: #f8f9fa !important;
}

.h-text-dark:hover, a.h-text-dark:hover {
    color: #343a40 !important;
}
/* ----------------------------------------------------------------
	Text Size Utility Classes
-----------------------------------------------------------------*/

.text-smaller {
    font-size: 80% !important;
}

.text-larger {
    font-size: 120% !important;
}

.text-smaller small {
    font-size: 90% !important;
}
/* ----------------------------------------------------------------
	BG Color Utility Classes
-----------------------------------------------------------------*/

.bg-ts {
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease;
}

.h-nobg:hover {
    background-color: transparent !important;
}

.h-bg-color:hover {
    background-color: #f6901e !important;
}

.h-bg-primary:hover {
    background-color: #007bff !important;
}

.h-bg-secondary:hover {
    background-color: #6c757d !important;
}

.h-bg-success:hover {
    background-color: #28a745 !important;
}

.h-bg-info:hover {
    background-color: #17a2b8 !important;
}

.h-bg-warning:hover {
    background-color: #ffc107 !important;
}

.h-bg-danger:hover {
    background-color: #dc3545 !important;
}

.h-bg-light:hover {
    background-color: #f8f9fa !important;
}

.h-bg-dark:hover {
    background-color: #343a40 !important;
}

.bg-clip {
    border: 1rem solid transparent;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    transform: translate3d(0, 0, 0);
}

.bg-clip-sm {
    border-width: 0.5rem;
}

.bg-clip-lg {
    border-width: 2rem;
}
/* ----------------------------------------------------------------
	Gradient Utility Classes
-----------------------------------------------------------------*/

.gradient-light-grey, .h-gradient-light-grey:hover {
    background-image: -webkit-linear-gradient(to right, #2c3e50, #bdc3c7) !important;
    background-image: linear-gradient(to right, #2c3e50, #bdc3c7) !important;
}

.gradient-green-dark, .h-gradient-green-dark:hover {
    background-image: -webkit-linear-gradient(to right, #99f2c8, #1f4037) !important;
    background-image: linear-gradient(to right, #99f2c8, #1f4037) !important;
}

.gradient-grey-brown, .h-gradient-grey-brown:hover {
    background-image: -webkit-linear-gradient(to right, #C06C84, #6C5B7B, #355C7D) !important;
    background-image: linear-gradient(to right, #C06C84, #6C5B7B, #355C7D) !important;
}

.gradient-light-pink, .h-gradient-light-pink:hover {
    background-image: -webkit-linear-gradient(to right, #ffdde1, #ee9ca7) !important;
    background-image: linear-gradient(to right, #ffdde1, #ee9ca7) !important;
}

.gradient-blue-purple, .h-gradient-blue-purple:hover {
    background-image: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2) !important;
    background-image: linear-gradient(to right, #4A00E0, #8E2DE2) !important;
}

.gradient-multiples, .h-gradient-multiples:hover {
    background-image: -webkit-linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%) !important;
    background-image: linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%) !important;
}

.gradient-blue-green, .h-gradient-blue-green:hover {
    background-image: -webkit-linear-gradient(to right, #2af598 0%, #009efd 100%) !important;
    background-image: linear-gradient(to right, #2af598 0%, #009efd 100%) !important;
}

.gradient-light, .h-gradient-light:hover {
    background-image: -webkit-linear-gradient(to top, #DDD 0%, #FFF 100%) !important;
    background-image: linear-gradient(to top, #DDD 0%, #FFF 100%) !important;
}

.gradient-grey-orange, .h-gradient-grey-orange:hover {
    background-image: -webkit-linear-gradient(to right, #3B4371, #F3904F) !important;
    background-image: linear-gradient(to right, #3B4371, #F3904F) !important;
}

.gradient-sunset, .h-gradient-sunset:hover {
    background-image: -webkit-linear-gradient(to top, #a8edea 0%, #fed6e3 100%) !important;
    background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%) !important;
}

.gradient-dark, .h-gradient-dark:hover {
    background-image: -webkit-linear-gradient(to right, #535353, #000) !important;
    background-image: linear-gradient(to right, #535353, #000) !important;
}

.gradient-lemon, .h-gradient-lemon:hover {
    background-image: -webkit-linear-gradient(to right, #cac531, #f3f9a7) !important;
    background-image: linear-gradient(to right, #cac531, #f3f9a7) !important;
}

.gradient-earth, .h-gradient-earth:hover {
    background-image: -webkit-linear-gradient(to right, #649173, #dbd5a4) !important;
    background-image: linear-gradient(to right, #649173, #dbd5a4) !important;
}

.gradient-sky, .h-gradient-sky:hover {
    background-image: -webkit-linear-gradient(to right, #2980b9, #6dd5fa, #F5F5F5) !important;
    background-image: linear-gradient(to right, #2980b9, #6dd5fa, #F5F5F5) !important;
}

.gradient-ocean, .h-gradient-ocean:hover {
    background-image: -webkit-linear-gradient(to right, #000046, #1cb5e0) !important;
    background-image: linear-gradient(to right, #000046, #1cb5e0) !important;
}

.gradient-horizon, .h-gradient-horizon:hover {
    background-image: -webkit-linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%) !important;
    background-image: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%) !important;
}

.gradient-green-blue, .h-gradient-green-blue:hover {
    background-image: -webkit-linear-gradient(to right, #43cea2, #185a9d) !important;
    background-image: linear-gradient(to right, #43cea2, #185a9d) !important;
}

.gradient-purple-blue, .h-gradient-purple-blue:hover {
    background-image: -webkit-linear-gradient(19deg, rgb(33, 212, 253) 0%, rgb(183, 33, 255) 100%) !important;
    background-image: linear-gradient(19deg, rgb(33, 212, 253) 0%, rgb(183, 33, 255) 100%) !important;
}

.gradient-text {
    text-shadow: none !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-underline {
    background-repeat: no-repeat;
    background-size: 100% 8px;
    background-position: 0 88%;
}
/* ----------------------------------------------------------------
	Border Utility Classes
-----------------------------------------------------------------*/

.border-width-0, .h-border-width-0:hover {
    border-width: 0px !important;
}

.border-width-1, .h-border-width-1:hover {
    border-width: 1px !important;
}

.border-width-2, .h-border-width-2:hover {
    border-width: 2px !important;
}

.border-width-3, .h-border-width-3:hover {
    border-width: 3px !important;
}

.border-width-4, .h-border-width-4:hover {
    border-width: 4px !important;
}

.border-width-5, .h-border-width-5:hover {
    border-width: 5px !important;
}

.border-width-6, .h-border-width-6:hover {
    border-width: 6px !important;
}

.border-dotted {
    border-style: dotted !important;
}

.border-dashed {
    border-style: dashed !important;
}

.border-solid {
    border-style: solid !important;
}

.border-double {
    border-style: double !important;
}

.h-border-primary:hover {
    border-color: #007bff !important;
}

.h-border-secondary:hover {
    border-color: #6c757d !important;
}

.h-border-success:hover {
    border-color: #28a745 !important;
}

.h-border-info:hover {
    border-color: #17a2b8 !important;
}

.h-border-warning:hover {
    border-color: #ffc107 !important;
}

.h-border-danger:hover {
    border-color: #dc3545 !important;
}

.h-border-light:hover {
    border-color: #f8f9fa !important;
}

.h-border-dark:hover {
    border-color: #343a40 !important;
}

.border-transparent, .h-border-transparent:hover {
    border-color: transparent !important;
}

.border-default, .h-border-default:hover {
    border-color: #EEE !important;
}

.dark.border-default, .dark .border-default, .dark.h-border-default:hover .dark .h-border-default:hover {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

.border-ts {
    -webkit-transition: border 0.5s ease;
    transition: border 0.5s ease;
}
/* ----------------------------------------------------------------
	Shadows
-----------------------------------------------------------------*/

.h-shadow-sm:hover {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.h-shadow:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.h-shadow-lg:hover {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.h-shadow-none:hover {
    box-shadow: none !important;
}

.shadow-ts {
    -webkit-transition: box-shadow 0.5s ease;
    transition: box-shadow 0.5s ease;
}
/* ----------------------------------------------------------------
	Bootstrap Utility Classes: Extended
-----------------------------------------------------------------*/


/*	Spacing Utilities */

.m-6 {
    margin: 5rem !important;
}

.mt-6, .my-6 {
    margin-top: 5rem !important;
}

.mr-6, .mx-6 {
    margin-right: 5rem !important;
}

.mb-6, .my-6 {
    margin-bottom: 5rem !important;
}

.ml-6, .mx-6 {
    margin-left: 5rem !important;
}

.p-6 {
    padding: 5rem !important;
}

.pt-6, .py-6 {
    padding-top: 5rem !important;
}

.pr-6, .px-6 {
    padding-right: 5rem !important;
}

.pb-6, .py-6 {
    padding-bottom: 5rem !important;
}

.pl-6, .px-6 {
    padding-left: 5rem !important;
}

@media (min-width: 576px) {
    .m-sm-6 {
        margin: 5rem !important;
    }

    .mt-sm-6, .my-sm-6 {
        margin-top: 5rem !important;
    }

    .mr-sm-6, .mx-sm-6 {
        margin-right: 5rem !important;
    }

    .mb-sm-6, .my-sm-6 {
        margin-bottom: 5rem !important;
    }

    .ml-sm-6, .mx-sm-6 {
        margin-left: 5rem !important;
    }

    .p-sm-6 {
        padding: 5rem !important;
    }

    .pt-sm-6, .py-sm-6 {
        padding-top: 5rem !important;
    }

    .pr-sm-6, .px-sm-6 {
        padding-right: 5rem !important;
    }

    .pb-sm-6, .py-sm-6 {
        padding-bottom: 5rem !important;
    }

    .pl-sm-6, .px-sm-6 {
        padding-left: 5rem !important;
    }
}

@media (min-width: 768px) {
    .m-md-6 {
        margin: 5rem !important;
    }

    .mt-md-6, .my-md-6 {
        margin-top: 5rem !important;
    }

    .mr-md-6, .mx-md-6 {
        margin-right: 5rem !important;
    }

    .mb-md-6, .my-md-6 {
        margin-bottom: 5rem !important;
    }

    .ml-md-6, .mx-md-6 {
        margin-left: 5rem !important;
    }

    .p-md-6 {
        padding: 5rem !important;
    }

    .pt-md-6, .py-md-6 {
        padding-top: 5rem !important;
    }

    .pr-md-6, .px-md-6 {
        padding-right: 5rem !important;
    }

    .pb-md-6, .py-md-6 {
        padding-bottom: 5rem !important;
    }

    .pl-md-6, .px-md-6 {
        padding-left: 5rem !important;
    }
}

@media (min-width: 992px) {
    .m-lg-6 {
        margin: 5rem !important;
    }

    .mt-lg-6, .my-lg-6 {
        margin-top: 5rem !important;
    }

    .mr-lg-6, .mx-lg-6 {
        margin-right: 5rem !important;
    }

    .mb-lg-6, .my-lg-6 {
        margin-bottom: 5rem !important;
    }

    .ml-lg-6, .mx-lg-6 {
        margin-left: 5rem !important;
    }

    .p-lg-6 {
        padding: 5rem !important;
    }

    .pt-lg-6, .py-lg-6 {
        padding-top: 5rem !important;
    }

    .pr-lg-6, .px-lg-6 {
        padding-right: 5rem !important;
    }

    .pb-lg-6, .py-lg-6 {
        padding-bottom: 5rem !important;
    }

    .pl-lg-6, .px-lg-6 {
        padding-left: 5rem !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-6 {
        margin: 5rem !important;
    }

    .mt-xl-6, .my-xl-6 {
        margin-top: 5rem !important;
    }

    .mr-xl-6, .mx-xl-6 {
        margin-right: 5rem !important;
    }

    .mb-xl-6, .my-xl-6 {
        margin-bottom: 5rem !important;
    }

    .ml-xl-6, .mx-xl-6 {
        margin-left: 5rem !important;
    }

    .p-xl-6 {
        padding: 5rem !important;
    }

    .pt-xl-6, .py-xl-6 {
        padding-top: 5rem !important;
    }

    .pr-xl-6, .px-xl-6 {
        padding-right: 5rem !important;
    }

    .pb-xl-6, .py-xl-6 {
        padding-bottom: 5rem !important;
    }

    .pl-xl-6, .px-xl-6 {
        padding-left: 5rem !important;
    }
}
/*	Custom Bootstrap Column */

.col-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5, .col-xl-1-5 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col-1-5 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

@media (min-width: 576px) {
    .col-sm-1-5 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 768px) {
    .col-md-1-5 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 992px) {
    .col-lg-1-5 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1200px) {
    .col-xl-1-5 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
/*	Gutters */

.gutter-10 {
    margin-right: -5px;
    margin-left: -5px;
    margin-bottom: -10px;
}

    .gutter-10 > .col, .gutter-10 > [class*="col-"] {
        padding-right: 5px;
        padding-left: 5px;
        padding-bottom: 10px;
    }

.gutter-20 {
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: -20px;
}

    .gutter-20 > .col, .gutter-20 > [class*="col-"] {
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 20px;
    }

.gutter-30 {
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: -30px;
}

    .gutter-30 > .col, .gutter-30 > [class*="col-"] {
        padding-right: 15px;
        padding-left: 15px;
        padding-bottom: 30px;
    }

.gutter-40 {
    margin-right: -20px;
    margin-left: -20px;
    margin-bottom: -40px;
}

    .gutter-40 > .col, .gutter-40 > [class*="col-"] {
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 40px;
    }

.gutter-50 {
    margin-right: -25px;
    margin-left: -25px;
    margin-bottom: -50px;
}

    .gutter-50 > .col, .gutter-50 > [class*="col-"] {
        padding-right: 25px;
        padding-left: 25px;
        padding-bottom: 50px;
    }

.col-mb-30 {
    margin-bottom: -30px;
}

    .col-mb-30 > .col, .col-mb-30 > [class*="col-"] {
        padding-bottom: 30px;
    }

.col-mb-50 {
    margin-bottom: -50px;
}

    .col-mb-50 > .col, .col-mb-50 > [class*="col-"] {
        padding-bottom: 50px;
    }

.col-mb-80 {
    margin-bottom: -80px;
}

    .col-mb-80 > .col, .col-mb-80 > [class*="col-"] {
        padding-bottom: 80px;
    }

@media (min-width: 576px) {
    .gutter-sm-10 {
        margin-right: -5px;
        margin-left: -5px;
        margin-bottom: -10px;
    }

        .gutter-sm-10 > .col, .gutter-sm-10 > [class*="col-"] {
            padding-right: 5px;
            padding-left: 5px;
            padding-bottom: 10px;
        }

    .gutter-sm-20 {
        margin-right: -10px;
        margin-left: -10px;
        margin-bottom: -20px;
    }

        .gutter-sm-20 > .col, .gutter-sm-20 > [class*="col-"] {
            padding-right: 10px;
            padding-left: 10px;
            padding-bottom: 20px;
        }

    .gutter-sm-30 {
        margin-right: -15px;
        margin-left: -15px;
        margin-bottom: -30px;
    }

        .gutter-sm-30 > .col, .gutter-sm-30 > [class*="col-"] {
            padding-right: 15px;
            padding-left: 15px;
            padding-bottom: 30px;
        }

    .gutter-sm-40 {
        margin-right: -20px;
        margin-left: -20px;
        margin-bottom: -40px;
    }

        .gutter-sm-40 > .col, .gutter-sm-40 > [class*="col-"] {
            padding-right: 20px;
            padding-left: 20px;
            padding-bottom: 40px;
        }

    .gutter-sm-50 {
        margin-right: -25px;
        margin-left: -25px;
        margin-bottom: -50px;
    }

        .gutter-sm-50 > .col, .gutter-sm-50 > [class*="col-"] {
            padding-right: 25px;
            padding-left: 25px;
            padding-bottom: 50px;
        }

    .col-mb-sm-30 {
        margin-bottom: -30px;
    }

        .col-mb-sm-30 > .col, .col-mb-sm-30 > [class*="col-"] {
            padding-bottom: 30px;
        }

    .col-mb-sm-50 {
        margin-bottom: -50px;
    }

        .col-mb-sm-50 > .col, .col-mb-sm-50 > [class*="col-"] {
            padding-bottom: 50px;
        }

    .col-mb-sm-80 {
        margin-bottom: -80px;
    }

        .col-mb-sm-80 > .col, .col-mb-sm-80 > [class*="col-"] {
            padding-bottom: 80px;
        }
}

@media (min-width: 768px) {
    .gutter-md-10 {
        margin-right: -5px;
        margin-left: -5px;
        margin-bottom: -10px;
    }

        .gutter-md-10 > .col, .gutter-md-10 > [class*="col-"] {
            padding-right: 5px;
            padding-left: 5px;
            padding-bottom: 10px;
        }

    .gutter-md-20 {
        margin-right: -10px;
        margin-left: -10px;
        margin-bottom: -20px;
    }

        .gutter-md-20 > .col, .gutter-md-20 > [class*="col-"] {
            padding-right: 10px;
            padding-left: 10px;
            padding-bottom: 20px;
        }

    .gutter-md-30 {
        margin-right: -15px;
        margin-left: -15px;
        margin-bottom: -30px;
    }

        .gutter-md-30 > .col, .gutter-md-30 > [class*="col-"] {
            padding-right: 15px;
            padding-left: 15px;
            padding-bottom: 30px;
        }

    .gutter-md-40 {
        margin-right: -20px;
        margin-left: -20px;
        margin-bottom: -40px;
    }

        .gutter-md-40 > .col, .gutter-md-40 > [class*="col-"] {
            padding-right: 20px;
            padding-left: 20px;
            padding-bottom: 40px;
        }

    .gutter-md-50 {
        margin-right: -25px;
        margin-left: -25px;
        margin-bottom: -50px;
    }

        .gutter-md-50 > .col, .gutter-md-50 > [class*="col-"] {
            padding-right: 25px;
            padding-left: 25px;
            padding-bottom: 50px;
        }

    .col-mb-md-30 {
        margin-bottom: -30px;
    }

        .col-mb-md-30 > .col, .col-mb-md-30 > [class*="col-"] {
            padding-bottom: 30px;
        }

    .col-mb-md-50 {
        margin-bottom: -50px;
    }

        .col-mb-md-50 > .col, .col-mb-md-50 > [class*="col-"] {
            padding-bottom: 50px;
        }

    .col-mb-md-80 {
        margin-bottom: -80px;
    }

        .col-mb-md-80 > .col, .col-mb-md-80 > [class*="col-"] {
            padding-bottom: 80px;
        }
}

@media (min-width: 992px) {
    .gutter-lg-10 {
        margin-right: -5px;
        margin-left: -5px;
        margin-bottom: -10px;
    }

        .gutter-lg-10 > .col, .gutter-lg-10 > [class*="col-"] {
            padding-right: 5px;
            padding-left: 5px;
            padding-bottom: 10px;
        }

    .gutter-lg-20 {
        margin-right: -10px;
        margin-left: -10px;
        margin-bottom: -20px;
    }

        .gutter-lg-20 > .col, .gutter-lg-20 > [class*="col-"] {
            padding-right: 10px;
            padding-left: 10px;
            padding-bottom: 20px;
        }

    .gutter-lg-30 {
        margin-right: -15px;
        margin-left: -15px;
        margin-bottom: -30px;
    }

        .gutter-lg-30 > .col, .gutter-lg-30 > [class*="col-"] {
            padding-right: 15px;
            padding-left: 15px;
            padding-bottom: 30px;
        }

    .gutter-lg-40 {
        margin-right: -20px;
        margin-left: -20px;
        margin-bottom: -40px;
    }

        .gutter-lg-40 > .col, .gutter-lg-40 > [class*="col-"] {
            padding-right: 20px;
            padding-left: 20px;
            padding-bottom: 40px;
        }

    .gutter-lg-50 {
        margin-right: -25px;
        margin-left: -25px;
        margin-bottom: -50px;
    }

        .gutter-lg-50 > .col, .gutter-lg-50 > [class*="col-"] {
            padding-right: 25px;
            padding-left: 25px;
            padding-bottom: 50px;
        }

    .col-mb-lg-30 {
        margin-bottom: -30px;
    }

        .col-mb-lg-30 > .col, .col-mb-lg-30 > [class*="col-"] {
            padding-bottom: 30px;
        }

    .col-mb-lg-50 {
        margin-bottom: -50px;
    }

        .col-mb-lg-50 > .col, .col-mb-lg-50 > [class*="col-"] {
            padding-bottom: 50px;
        }

    .col-mb-lg-80 {
        margin-bottom: -80px;
    }

        .col-mb-lg-80 > .col, .col-mb-lg-80 > [class*="col-"] {
            padding-bottom: 80px;
        }
}

@media (min-width: 1200px) {
    .gutter-xl-10 {
        margin-right: -5px;
        margin-left: -5px;
        margin-bottom: -10px;
    }

        .gutter-xl-10 > .col, .gutter-xl-10 > [class*="col-"] {
            padding-right: 5px;
            padding-left: 5px;
            padding-bottom: 10px;
        }

    .gutter-xl-20 {
        margin-right: -10px;
        margin-left: -10px;
        margin-bottom: -20px;
    }

        .gutter-xl-20 > .col, .gutter-xl-20 > [class*="col-"] {
            padding-right: 10px;
            padding-left: 10px;
            padding-bottom: 20px;
        }

    .gutter-xl-30 {
        margin-right: -15px;
        margin-left: -15px;
        margin-bottom: -30px;
    }

        .gutter-xl-30 > .col, .gutter-xl-30 > [class*="col-"] {
            padding-right: 15px;
            padding-left: 15px;
            padding-bottom: 30px;
        }

    .gutter-xl-40 {
        margin-right: -20px;
        margin-left: -20px;
        margin-bottom: -40px;
    }

        .gutter-xl-40 > .col, .gutter-xl-40 > [class*="col-"] {
            padding-right: 20px;
            padding-left: 20px;
            padding-bottom: 40px;
        }

    .gutter-xl-50 {
        margin-right: -25px;
        margin-left: -25px;
        margin-bottom: -50px;
    }

        .gutter-xl-50 > .col, .gutter-xl-50 > [class*="col-"] {
            padding-right: 25px;
            padding-left: 25px;
            padding-bottom: 50px;
        }

    .col-mb-xl-30 {
        margin-bottom: -30px;
    }

        .col-mb-xl-30 > .col, .col-mb-xl-30 > [class*="col-"] {
            padding-bottom: 30px;
        }

    .col-mb-xl-50 {
        margin-bottom: -50px;
    }

        .col-mb-xl-50 > .col, .col-mb-xl-50 > [class*="col-"] {
            padding-bottom: 50px;
        }

    .col-mb-xl-80 {
        margin-bottom: -80px;
    }

        .col-mb-xl-80 > .col, .col-mb-xl-80 > [class*="col-"] {
            padding-bottom: 80px;
        }
}
/* ----------------------------------------------------------------
	Height Utility Classes
-----------------------------------------------------------------*/

.min-vh-75 {
    min-height: 75vh !important;
}

.min-vh-60 {
    min-height: 60vh !important;
}

.min-vh-50 {
    min-height: 50vh !important;
}

.min-vh-40 {
    min-height: 40vh !important;
}

.min-vh-25 {
    min-height: 25vh !important;
}

.min-vh-0 {
    min-height: 0 !important;
}

.vh-75 {
    height: 75vh !important;
}

.vh-60 {
    height: 60vh !important;
}

.vh-50 {
    height: 50vh !important;
}

.vh-40 {
    height: 40vh !important;
}

.vh-25 {
    height: 25vh !important;
}

.h-60 {
    height: 60% !important;
}

.h-40 {
    height: 40% !important;
}

.max-vh-100 {
    max-height: 100vh !important;
}

.max-vh-75 {
    max-height: 75vh !important;
}

.max-vh-60 {
    max-height: 60vh !important;
}

.max-vh-50 {
    max-height: 50vh !important;
}

.max-vh-40 {
    max-height: 40vh !important;
}

.max-vh-25 {
    max-height: 25vh !important;
}

.max-vh-none {
    max-height: none !important;
}

@media (min-width: 576px) {
    .min-vh-sm-100 {
        min-height: 100vh !important;
    }

    .min-vh-sm-75 {
        min-height: 75vh !important;
    }

    .min-vh-sm-60 {
        min-height: 60vh !important;
    }

    .min-vh-sm-50 {
        min-height: 50vh !important;
    }

    .min-vh-sm-40 {
        min-height: 40vh !important;
    }

    .min-vh-sm-25 {
        min-height: 25vh !important;
    }

    .min-vh-sm-0 {
        min-height: 0 !important;
    }

    .vh-sm-100 {
        height: 100vh !important;
    }

    .vh-sm-75 {
        height: 75vh !important;
    }

    .vh-sm-60 {
        height: 60vh !important;
    }

    .vh-sm-50 {
        height: 50vh !important;
    }

    .vh-sm-40 {
        height: 40vh !important;
    }

    .vh-sm-25 {
        height: 25vh !important;
    }

    .h-sm-100 {
        height: 100% !important;
    }

    .h-sm-75 {
        height: 75% !important;
    }

    .h-sm-60 {
        height: 60% !important;
    }

    .h-sm-50 {
        height: 50% !important;
    }

    .h-sm-40 {
        height: 40% !important;
    }

    .h-sm-25 {
        height: 25% !important;
    }

    .h-sm-auto {
        height: auto !important;
    }

    .max-vh-sm-100 {
        max-height: 100vh !important;
    }

    .max-vh-sm-75 {
        max-height: 75vh !important;
    }

    .max-vh-sm-60 {
        max-height: 60vh !important;
    }

    .max-vh-sm-50 {
        max-height: 50vh !important;
    }

    .max-vh-sm-40 {
        max-height: 40vh !important;
    }

    .max-vh-sm-25 {
        max-height: 25vh !important;
    }

    .max-vh-sm-none {
        max-height: none !important;
    }
}

@media (min-width: 768px) {
    .min-vh-md-100 {
        min-height: 100vh !important;
    }

    .min-vh-md-75 {
        min-height: 75vh !important;
    }

    .min-vh-md-60 {
        min-height: 60vh !important;
    }

    .min-vh-md-50 {
        min-height: 50vh !important;
    }

    .min-vh-md-40 {
        min-height: 40vh !important;
    }

    .min-vh-md-25 {
        min-height: 25vh !important;
    }

    .min-vh-md-0 {
        min-height: 0 !important;
    }

    .vh-md-100 {
        height: 100vh !important;
    }

    .vh-md-75 {
        height: 75vh !important;
    }

    .vh-md-60 {
        height: 60vh !important;
    }

    .vh-md-50 {
        height: 50vh !important;
    }

    .vh-md-40 {
        height: 40vh !important;
    }

    .vh-md-25 {
        height: 25vh !important;
    }

    .h-md-100 {
        height: 100% !important;
    }

    .h-md-75 {
        height: 75% !important;
    }

    .h-md-60 {
        height: 60% !important;
    }

    .h-md-50 {
        height: 50% !important;
    }

    .h-md-40 {
        height: 40% !important;
    }

    .h-md-25 {
        height: 25% !important;
    }

    .h-md-auto {
        height: auto !important;
    }

    .max-vh-md-100 {
        max-height: 100vh !important;
    }

    .max-vh-md-75 {
        max-height: 75vh !important;
    }

    .max-vh-md-60 {
        max-height: 60vh !important;
    }

    .max-vh-md-50 {
        max-height: 50vh !important;
    }

    .max-vh-md-40 {
        max-height: 40vh !important;
    }

    .max-vh-md-25 {
        max-height: 25vh !important;
    }

    .max-vh-md-none {
        max-height: none !important;
    }
}

@media (min-width: 992px) {
    .min-vh-lg-100 {
        min-height: 100vh !important;
    }

    .min-vh-lg-75 {
        min-height: 75vh !important;
    }

    .min-vh-lg-60 {
        min-height: 60vh !important;
    }

    .min-vh-lg-50 {
        min-height: 50vh !important;
    }

    .min-vh-lg-40 {
        min-height: 40vh !important;
    }

    .min-vh-lg-25 {
        min-height: 25vh !important;
    }

    .min-vh-lg-0 {
        min-height: 0 !important;
    }

    .vh-lg-100 {
        height: 100vh !important;
    }

    .vh-lg-75 {
        height: 75vh !important;
    }

    .vh-lg-60 {
        height: 60vh !important;
    }

    .vh-lg-50 {
        height: 50vh !important;
    }

    .vh-lg-40 {
        height: 40vh !important;
    }

    .vh-lg-25 {
        height: 25vh !important;
    }

    .h-lg-100 {
        height: 100% !important;
    }

    .h-lg-75 {
        height: 75% !important;
    }

    .h-lg-60 {
        height: 60% !important;
    }

    .h-lg-50 {
        height: 50% !important;
    }

    .h-lg-40 {
        height: 40% !important;
    }

    .h-lg-25 {
        height: 25% !important;
    }

    .h-lg-auto {
        height: auto !important;
    }

    .max-vh-lg-100 {
        max-height: 100vh !important;
    }

    .max-vh-lg-75 {
        max-height: 75vh !important;
    }

    .max-vh-lg-60 {
        max-height: 60vh !important;
    }

    .max-vh-lg-50 {
        max-height: 50vh !important;
    }

    .max-vh-lg-40 {
        max-height: 40vh !important;
    }

    .max-vh-lg-25 {
        max-height: 25vh !important;
    }

    .max-vh-lg-none {
        max-height: none !important;
    }
}

@media (min-width: 1200px) {
    .min-vh-xl-100 {
        min-height: 100vh !important;
    }

    .min-vh-xl-75 {
        min-height: 75vh !important;
    }

    .min-vh-xl-60 {
        min-height: 60vh !important;
    }

    .min-vh-xl-50 {
        min-height: 50vh !important;
    }

    .min-vh-xl-40 {
        min-height: 40vh !important;
    }

    .min-vh-xl-25 {
        min-height: 25vh !important;
    }

    .min-vh-xl-0 {
        min-height: 0 !important;
    }

    .vh-xl-100 {
        height: 100vh !important;
    }

    .vh-xl-75 {
        height: 75vh !important;
    }

    .vh-xl-60 {
        height: 60vh !important;
    }

    .vh-xl-50 {
        height: 50vh !important;
    }

    .vh-xl-40 {
        height: 40vh !important;
    }

    .vh-xl-25 {
        height: 25vh !important;
    }

    .h-xl-100 {
        height: 100% !important;
    }

    .h-xl-75 {
        height: 75% !important;
    }

    .h-xl-60 {
        height: 60% !important;
    }

    .h-xl-50 {
        height: 50% !important;
    }

    .h-xl-40 {
        height: 40% !important;
    }

    .h-xl-25 {
        height: 25% !important;
    }

    .h-xl-auto {
        height: auto !important;
    }

    .max-vh-xl-100 {
        max-height: 100vh !important;
    }

    .max-vh-xl-75 {
        max-height: 75vh !important;
    }

    .max-vh-xl-60 {
        max-height: 60vh !important;
    }

    .max-vh-xl-50 {
        max-height: 50vh !important;
    }

    .max-vh-xl-40 {
        max-height: 40vh !important;
    }

    .max-vh-xl-25 {
        max-height: 25vh !important;
    }

    .max-vh-xl-none {
        max-height: none !important;
    }
}

/* ----------------------------------------------------------------
	Position Utility Classes: Extended
-----------------------------------------------------------------*/

@media (min-width: 576px) {
    .position-sm-static {
        position: static !important;
    }

    .position-sm-relative {
        position: relative !important;
    }

    .position-sm-absolute {
        position: absolute !important;
    }

    .position-sm-fixed {
        position: fixed !important;
    }

    .position-sm-sticky {
        position: -webkit-sticky !important;
        position: sticky !important;
    }
}

@media (min-width: 768px) {
    .position-md-static {
        position: static !important;
    }

    .position-md-relative {
        position: relative !important;
    }

    .position-md-absolute {
        position: absolute !important;
    }

    .position-md-fixed {
        position: fixed !important;
    }

    .position-md-sticky {
        position: -webkit-sticky !important;
        position: sticky !important;
    }
}

@media (min-width: 992px) {
    .position-lg-static {
        position: static !important;
    }

    .position-lg-relative {
        position: relative !important;
    }

    .position-lg-absolute {
        position: absolute !important;
    }

    .position-lg-fixed {
        position: fixed !important;
    }

    .position-lg-sticky {
        position: -webkit-sticky !important;
        position: sticky !important;
    }
}

@media (min-width: 1200px) {
    .position-xl-static {
        position: static !important;
    }

    .position-xl-relative {
        position: relative !important;
    }

    .position-xl-absolute {
        position: absolute !important;
    }

    .position-xl-fixed {
        position: fixed !important;
    }

    .position-xl-sticky {
        position: -webkit-sticky !important;
        position: sticky !important;
    }
}
/* ----------------------------------------------------------------
	Lazy Loading
-----------------------------------------------------------------*/

.lazy {
    opacity: 0;
}

    .lazy:not(.initial) {
        transition: opacity 1s;
    }

    .lazy.initial, .lazy.lazy-loaded, .lazy.lazy-error {
        opacity: 1;
    }

img.lazy {
    max-width: 100%;
    height: auto;
}

    img.lazy:not([src]) {
        visibility: hidden;
    }

.lazytest {
    opacity: 1;
    transition: opacity 1s ease-out;
}

    .lazytest[data-src] {
        opacity: 0;
    }
/* ----------------------------------------------------------------
	Sections
-----------------------------------------------------------------*/


.section {
    position: relative;
    width: 100%;
    margin: 60px 0;
    padding: 60px 0;
    background-color: #F9F9F9;
    overflow: hidden;
}

.parallax {
    background-color: transparent;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    overflow: hidden;
    will-change: transform;
}

.mobile-parallax, .video-placeholder {
    background-size: cover !important;
    background-attachment: scroll !important;
    background-position: center center !important;
}

.section .container {
    z-index: 2;
}

    .section .container + .video-wrap {
        z-index: 1;
    }

.revealer-image {
    position: relative;
    bottom: -100px;
    transition: bottom .3s ease-in-out;
    -webkit-transition: bottom .3s ease-in-out;
    -o-transition: bottom .3s ease-in-out;
}

.section:hover .revealer-image {
    bottom: -50px;
}
/* ----------------------------------------------------------------
	Columns & Grids
-----------------------------------------------------------------*/


.postcontent, .sidebar {
    position: relative;
}
/* ----------------------------------------------------------------
	Flex Slider
-----------------------------------------------------------------*/


.fslider, .fslider .flexslider, .fslider .slider-wrap, .fslider .slide, .fslider .slide > a, .fslider .slide > img, .fslider .slide > a > img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
}

    .fslider.h-100 .flexslider, .fslider.h-100 .slider-wrap, .fslider.h-100 .slide {
        height: 100% !important;
    }

.fslider {
    min-height: 32px;
}

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none;
    border: none;
}

.slider-wrap, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
}

.flexslider {
    position: relative;
    margin: 0;
    padding: 0;
}

    .flexslider .slider-wrap > .slide {
        display: none;
        -webkit-backface-visibility: hidden;
    }

    .flexslider .slider-wrap img {
        width: 100%;
        display: block;
    }

.flex-pauseplay span {
    text-transform: capitalize;
}

.slider-wrap::after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slider-wrap {
    display: block;
}

* html .slider-wrap {
    height: 1%;
}

.no-js .slider-wrap > .slide:first-child {
    display: block;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
/* ----------------------------------------------------------------
	Top Bar
-----------------------------------------------------------------*/


#top-bar {
    position: relative;
    font-size: 13px;
}

    #top-bar a {
        color: #000;
    }
/* Top Links
---------------------------------*/

.top-links {
    position: relative;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border-bottom: 1px solid #EEE;
}

@media (min-width: 768px) {
    .top-links {
        border-bottom: 0;
    }
}

.top-links-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    margin-bottom: 0;
}

.top-links-item {
    position: relative;
    border-left: 1px solid #EEE;
}

    .top-links-item:first-child, .top-links-sub-menu .top-links-item {
        border-left: 0 !important;
    }

    .top-links-item > a {
        display: block;
        padding: 10px 12px;
        font-size: 0.75rem;
        line-height: 1;
        font-weight: 700;
        text-transform: uppercase;
        color: #666;
    }

        .top-links-item > a > i {
            vertical-align: top;
        }

            .top-links-item > a > i.icon-angle-down {
                margin: 0 0 0 5px !important;
            }

            .top-links-item > a > i:first-child {
                margin-right: 3px;
            }

    .top-links-item.full-icon > a > i {
        top: 2px;
        font-size: 0.875rem;
        margin: 0;
    }

    .top-links-item:hover {
        background-color: #EEE;
    }

.top-links-sub-menu, .top-links-section {
    position: absolute;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    list-style: none;
    z-index: -1;
    line-height: 1.5;
    background: #FFF;
    border: 0;
    top: 100%;
    left: -1px;
    width: 140px;
    margin-top: 10px;
    border: 1px solid #EEE;
    border-top-color: #f6901e;
    box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
    transition: opacity .25s ease, margin .2s ease;
}

.top-links:not(.on-click) .top-links-item:hover > .top-links-sub-menu, .top-links:not(.on-click) .top-links-item:hover > .top-links-section, .top-links.on-click .top-links-sub-menu, .top-links.on-click .top-links-section {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    pointer-events: auto;
    z-index: 499;
}

.top-links.on-click .top-links-sub-menu, .top-links.on-click .top-links-section {
    display: none;
}

.top-links-sub-menu .top-links-sub-menu {
    top: -1px;
    left: 100%;
}

.top-links-sub-menu .top-links-item:not(:first-child) {
    border-top: 1px solid #F5F5F5;
}

.top-links-sub-menu .top-links-item:hover {
    background-color: #F9F9F9;
}

.top-links-sub-menu .top-links-item > a {
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 0.6875rem;
}

    .top-links-sub-menu .top-links-item > a > img {
        display: inline-block;
        position: relative;
        top: -1px;
        width: 16px;
        height: 16px;
        margin-right: 4px;
    }

.top-links-sub-menu.top-demo-lang .top-links-item > a > img {
    top: 4px;
    width: 16px;
    height: 16px;
}

.top-links-sub-menu .top-links-item > a > i.icon-angle-down {
    margin: 0 !important;
    position: absolute;
    top: 50%;
    left: auto;
    right: 10px;
    transform: translateY(-50%) rotate(-90deg);
}

.top-links-section {
    padding: 25px;
    left: 0;
    width: 280px;
}

    .top-links-section.menu-pos-invert {
        left: auto;
        right: 0;
    }
/* Top Social
-----------------------------------------------------------------*/

#top-social {
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: 0;
}

    #top-social li {
        position: relative;
        list-style: none;
    }

    #top-social li {
        border-left: 1px solid #EEE;
    }

        #top-social li:first-child {
            border-left: 0 !important;
        }

    #top-social a {
        display: -ms-flexbox;
        display: flex;
        width: auto;
        overflow: hidden;
        font-weight: bold;
        color: #666;
    }

    #top-social li a:hover {
        color: #FFF !important;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    }

    #top-social li .ts-icon, #top-social li .ts-text {
        display: block;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: 44px;
        line-height: 44px;
    }

    #top-social li .ts-icon {
        width: 40px;
        text-align: center;
        font-size: 0.875rem;
    }

    #top-social li .ts-text {
        max-width: 0;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
    }

    #top-social li a:hover .ts-text {
        max-width: 200px;
        padding-right: 12px;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
    }
/* Top Login
-----------------------------------------------------------------*/

#top-login {
    margin-bottom: 0;
}

    #top-login .checkbox {
        margin-bottom: 10px;
    }

    #top-login .form-control {
        position: relative;
    }

        #top-login .form-control:focus {
            border-color: #CCC;
        }

    #top-login .input-group#top-login-username {
        margin-bottom: -1px;
    }

    #top-login #top-login-username input, #top-login #top-login-username .input-group-addon {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    #top-login .input-group#top-login-password {
        margin-bottom: 10px;
    }

    #top-login #top-login-password input, #top-login #top-login-password .input-group-addon {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
/* ----------------------------------------------------------------
	Header
-----------------------------------------------------------------*/


#header {
    position: relative;
    background-color: #552074;
    z-index: 100;
    padding-block: 10px;
}

#header-wrap {
    position: relative;
    background-color: #552074;
    width: 100%;
    /* padding: 8px 0; */
}

.header-wrap-clone {
    display: none;
}

.header-row {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    /* -ms-flex-wrap: wrap;
    flex-wrap: wrap; */
    justify-content: flex-start;
    gap: 0.5rem;
}

@media (min-width: 992px) {
    #header-wrap {
        position: fixed;
        height: auto;
        z-index: 299;
        transition: height .2s ease 0s, background-color .3s ease 0s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        will-change: left, top, transform;
    }

    #top-bar + #header:not(.sticky-header) #header-wrap, #slider + #header:not(.sticky-header) #header-wrap, .floating-header:not(.sticky-header) #header-wrap, div + #header-wrap, .no-sticky #header-wrap, [data-sticky-offset]:not([data-sticky-offset="full"]):not(.sticky-header) #header-wrap, body:not(.stretched) #header:not(.sticky-header) #header-wrap {
        position: absolute;
    }

    .header-wrap-clone {
        display: block;
        height: calc( 100px + 1px );
    }

    .header-size-sm .header-wrap-clone {
        height: calc( 60px + 1px );
    }

    .header-size-md .header-wrap-clone {
        height: calc( 80px + 1px );
    }

    .header-size-lg .header-wrap-clone {
        height: calc( 120px + 1px );
    }

    .header-row {
        position: initial;
    }

    #header.transparent-header, #header.transparent-header:not(.sticky-header) #header-wrap {
        background: transparent;
        border-bottom: 1px solid transparent;
        z-index: 299;
    }

        #header.transparent-header.semi-transparent #header-wrap {
            background-color: rgb(190 87 255 / 50%);
        }

        #header.transparent-header.floating-header {
            margin-top: 60px;
        }

    .transparent-header.floating-header .container {
        background-color: #FFF;
        padding: 0 30px;
    }

    .transparent-header.floating-header:not(.sticky-header) .container {
        position: relative;
    }

    #header + .include-header {
        margin-top: calc( -100px - 2px );
        display: inline-block;
        vertical-align: bottom;
        width: 100%;
    }

    #header.header-size-sm + .include-header {
        margin-top: calc( -60px - 2px );
    }

    #header.header-size-md + .include-header {
        margin-top: calc( -80px - 2px );
    }

    #header.header-size-lg + .include-header {
        margin-top: calc( -120px - 2px );
    }

    #header.floating-header + .include-header {
        margin-top: calc( -160px - 2px );
    }

    #header.transparent-header + .page-title-parallax.include-header .container {
        z-index: 5;
        padding-top: 100px;
    }

    #header.full-header:not(.transparent-header) {
        border-bottom-color: #EEE;
    }

    .stretched .full-header #header-wrap > .container {
        width: 100%;
        max-width: none;
        padding: 0 30px;
    }

    #header.transparent-header.full-header #header-wrap {
        border-bottom: 1px solid rgba(0,0,0,0);
    }

    #slider + #header.transparent-header.full-header #header-wrap {
        border-top: 1px solid rgba(0,0,0,0.1);
        border-bottom: none;
    }
    /* ----------------------------------------------------------------
		Sticky Header
	-----------------------------------------------------------------*/

    #logo img {
        -webkit-transition: height .4s ease, padding .4s ease, margin .4s ease, opacity .3s ease;
        transition: height .4s ease, padding .4s ease, margin .4s ease, opacity .3s ease;
        transition: width .4s ease, padding .4s ease, margin .4s ease, opacity .3s ease;
        -webkit-transition: width .4s ease, padding .4s ease, margin .4s ease, opacity .3s ease;
    }

    #logo img {
        max-height: 100%;
    }

    .sub-menu-container, .mega-menu-content {
        -webkit-transition: top .4s ease;
        transition: top .4s ease;
    }

    .sticky-header #header-wrap {
        position: fixed;
        top: 0;
        left: 0;
        background-color: #552074;
    }

    .sticky-header.full-header #header-wrap {
        border-bottom: 1px solid #EEE;
    }

    .sticky-header.semi-transparent {
        background-color: transparent;
    }

    .semi-transparent.sticky-header #header-wrap {
        background-color: rgba(255,255,255,0.8)
    }
    /* Primary Menu - Style 3
	-----------------------------------------------------------------*/

    .sticky-header .style-3 .menu-container > .menu-item > .menu-link {
        margin: 0;
        border-radius: 0;
    }
    /* Primary Menu - Style 4
	-----------------------------------------------------------------*/

    .sticky-header .style-4 .menu-container > .menu-item > .menu-link {
        padding-top: 8px;
        padding-bottom: 8px;
        margin: 10px 0;
    }
    /* Primary Menu - Style 5
	-----------------------------------------------------------------*/

    .sticky-header-shrink .style-5 .menu-container > .menu-item {
        margin-left: 2px;
    }

        .sticky-header-shrink .style-5 .menu-container > .menu-item:first-child {
            margin-left: 0;
        }

        .sticky-header-shrink .style-5 .menu-container > .menu-item > .menu-link {
            line-height: 22px;
            padding-top: 19px;
            padding-bottom: 19px;
        }

            .sticky-header-shrink .style-5 .menu-container > .menu-item > .menu-link > div {
                padding: 0;
            }

            .sticky-header-shrink .style-5 .menu-container > .menu-item > .menu-link i:not(.icon-angle-down) {
                display: inline-block;
                width: 16px;
                top: -1px;
                margin: 0 6px 0 0;
                font-size: 0.875rem;
                line-height: 22px;
            }
}

@media (max-width: 680px) {
    .news-block a {
        display: block !important;
    }

        .news-block a img {
            margin: 0 0 15px 0 !important;
            width: 100% !important;
        }
}

@media (max-width: 991.98px) {


    .news-date-selection {
        display: none !important;
    }

    .sticky-header #header-wrap {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 299;
        background-color: #FFF;
        border-bottom: 1px solid #EEE;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }

    .sticky-header .header-wrap-clone {
        display: block;
    }

    .sticky-header .menu-container {
        max-height: 60vh;
        margin: 1rem 0;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    body:not(.primary-menu-open) .dark.transparent-header-responsive, body:not(.primary-menu-open) .transparent-header-responsive {
        background-color: transparent;
        border: none;
    }

    body:not(.primary-menu-open) .semi-transparent.transparent-header-responsive {
        background-color: rgba(255,255,255,0.8);
        z-index: 1;
    }
}
/* ----------------------------------------------------------------
	Logo
-----------------------------------------------------------------*/


#logo {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -ms-flex-align: center;
    max-height: 100%;
    /* margin: 10px 0; */
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

    #logo a {
        color: #000;
        font-family: 'Poppins', sans-serif;
        font-size: 36px;
    }

    #logo img {
        display: block;
        width: 200px;
        height: auto;
    }

.header-size-sm #header-wrap #logo img {
    height: 60px;
}

.header-size-md #header-wrap #logo img {
    height: 80px;
}

.header-size-lg #header-wrap #logo img {
    height: 120px;
}

#logo a.standard-logo {
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 992px) {
    .full-header #logo {
        padding-right: 30px;
    }

    #header.transparent-header.full-header #logo {
        border-right-color: rgba(0,0,0,0.1);
    }

    .sticky-header-shrink #header-wrap #logo img {
        width: 120px !important;
        transition: width .4s ease, padding .4s ease, margin .4s ease, opacity .3s ease;
        -webkit-transition: width .4s ease, padding .4s ease, margin .4s ease, opacity .3s ease;
    }
}
/* ----------------------------------------------------------------
	Header Right Area
-----------------------------------------------------------------*/


.header-extras {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

    .header-extras li {
        display: -ms-flexbox;
        display: flex;
        margin-left: 1.25rem;
        overflow: hidden;
        list-style: none;
    }

        .header-extras li:first-child {
            margin-left: 0;
        }

        .header-extras li .he-text {
            padding-left: 10px;
            font-weight: bold;
            font-size: 0.875rem;
        }

            .header-extras li .he-text span {
                display: block;
                font-weight: 400;
                color: #f6901e;
            }
/* ----------------------------------------------------------------
	Primary Menu
-----------------------------------------------------------------*/

.primary-menu {
    display: -ms-flexbox;
    display: flex;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
}

    .primary-menu + .primary-menu {
        border-top: 1px solid #EEE;
    }

#primary-menu-trigger, #page-menu-trigger {
    display: -ms-flex;
    display: flex;
    opacity: 1;
    pointer-events: auto;
    z-index: 1;
    cursor: pointer;
    font-size: 0.875rem;
    width: 50px;
    height: 50px;
    line-height: 50px;
    justify-content: center;
    align-items: center;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

body:not(.top-search-open) .top-search-parent #primary-menu-trigger {
    opacity: 1;
    -webkit-transition: opacity .2s .2s ease, top .4s ease;
    -o-transition: opacity .2s .2s ease, top .4s ease;
    transition: opacity .2s .2s ease, top .4s ease;
}

.top-search-open .top-search-parent #primary-menu-trigger {
    opacity: 0;
}

.svg-trigger {
    width: 30px;
    height: 30px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .svg-trigger path {
        fill: none;
        transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
        stroke: #333;
        stroke-width: 5;
        stroke-linecap: round;
    }

        .svg-trigger path:nth-child(1) {
            stroke-dasharray: 40 160;
        }

        .svg-trigger path:nth-child(2) {
            stroke-dasharray: 40 142;
            transform-origin: 50%;
            transition: transform 400ms;
        }

        .svg-trigger path:nth-child(3) {
            stroke-dasharray: 40 85;
            transform-origin: 50%;
            transition: transform 400ms, stroke-dashoffset 400ms;
        }

.primary-menu-open .svg-trigger {
    transform: rotate(45deg);
}

    .primary-menu-open .svg-trigger path:nth-child(1), .primary-menu-open .svg-trigger path:nth-child(3) {
        stroke-dashoffset: -64px;
    }

    .primary-menu-open .svg-trigger path:nth-child(2) {
        transform: rotate(90deg);
    }

.menu-container {
    list-style: none;
    margin: 0;
    width: 100%;
}

.menu-item {
    position: relative;
}

    .menu-item:not(:first-child) {
        border-top: 1px solid #232323;
    }

.menu-link {
    display: block;
    line-height: 22px;
    padding: 14px 5px;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}

    .menu-link span {
        display: none;
    }

    .menu-link i {
        position: relative;
        top: -1px;
        font-size: 0.875rem;
        width: 16px;
        text-align: center;
        margin-right: 6px;
        vertical-align: top;
    }

.menu-item:hover > .menu-link, .menu-item.current > .menu-link {
    color: #fff;
}

.menu-item.sub-menu > .menu-link > div {
}

.sub-menu-container, .mega-menu-content {
    position: relative;
    padding-left: 15px;
    list-style: none;
    margin-bottom: 0;
}

    .sub-menu-container .menu-item:not(:first-child) {
        border-top: 1px solid #EEE;
    }

    .sub-menu-container .menu-item > .menu-link {
        position: relative;
        padding: 11px 5px;
        font-size: 0.75rem;
        font-weight: 400;
        color: #666;
        letter-spacing: 0;
        font-family: 'Lato', sans-serif;
    }

    .sub-menu-container .menu-item:hover > .menu-link {
        font-weight: 700;
    }

    .sub-menu-container .menu-link div {
        position: relative;
    }

.menu-item .sub-menu-trigger {
    display: block;
    position: absolute;
    cursor: pointer;
    outline: none;
    border: none;
    background: none;
    padding: 0;
    top: 9px;
    right: 0;
    color: #fff;
    width: 100%;
    height: 32px;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    -webkit-transition: height .4s ease, opacity .3s ease, margin-top .4s ease;
    -o-transition: height .4s ease, opacity .3s ease, margin-top .4s ease;
    transition: height .4s ease, opacity .3s ease, margin-top .4s ease;
}

.menu-item .icon-chevron-right:before {
    position: absolute;
    top: 0;
    right: 15px;
}

.menu-item .icon-chevron-right-rotate:before {
    transform: rotate(90deg);
}
/*.menu-link div > i.icon-angle-down {
    display: none;
}
*/

.sub-menu-container .sub-menu-trigger {
    font-size: 10px;
}

.sub-menu-container .menu-item .sub-menu-trigger {
    top: 6px;
}
/* ----------------------------------------------------------------
	Mega Menu
-----------------------------------------------------------------*/

.mega-menu:not(.mega-menu-full) .mega-menu-content .container {
    max-width: none;
}

.mega-menu-content {
    padding-left: 0;
}

@media (max-width: 991.98px) {
    .primary-menu {
        max-width: 100%;
    }

        .primary-menu > .container {
            max-width: none;
            padding: 0;
        }

    .mega-menu-content .sub-menu-container {
        border-top: 1px solid #EEE;
    }

        .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) {
            display: block !important;
        }

    .mega-menu-content .mega-menu-column {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
    }

    .mega-menu-column .widget {
        padding: 30px 0;
    }
}

.mega-menu-content .mega-menu-column:first-child {
    border-top: 0;
}

/* Off Canvas Menu
-----------------------------------------------------------------*/

@media (max-width: 991.98px) {
    #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container {
        position: fixed;
        display: block;
        z-index: 499;
        width: 280px;
        height: 100%;
        height: calc(100vh);
        max-height: none !important;
        margin: 0 !important;
        left: 0 !important;
        top: 0 !important;
        padding: 35px 25px 60px !important;
        background-color: #FFF;
        border-right: 1px solid #EEE !important;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate(-280px, 0);
        -o-transform: translate(-280px, 0);
        transform: translate(-280px, 0);
        -webkit-backface-visibility: hidden;
        transform-style: preserve-3d;
    }

    #header:not(.sticky-header) .mobile-menu-off-canvas.from-right .menu-container {
        left: auto !important;
        right: 0;
        border-right: 0 !important;
        border-left: 1px solid #EEE !important;
        -webkit-transform: translate(280px, 0);
        -o-transform: translate(280px, 0);
        transform: translate(280px, 0);
    }

    #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container {
        -webkit-transition: -webkit-transform .3s ease-in-out, opacity .2s ease !important;
        -o-transition: -o-transform .3s ease-in-out, opacity .2s ease !important;
        transition: transform .3s ease-in-out, opacity .2s ease !important;
    }

        #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container.d-block {
            -webkit-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            transform: translate(0, 0);
        }
}

@media (min-width: 992px) {
    .primary-menu {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-positive: 0;
        flex-grow: 0;
        margin: 0 auto;
    }

        .primary-menu + .primary-menu {
            border-top: 0;
        }

    #primary-menu-trigger, #page-menu-trigger {
        display: none;
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }

    .menu-container:not(.mobile-primary-menu) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
    }

    .full-header .primary-menu .menu-container {
        padding-right: 0.5rem;
        margin-right: 0.5rem;
    }

    .transparent-header.full-header .primary-menu .menu-container {
        border-right-color: rgba(0,0,0,0.1);
    }

    .mega-menu {
        position: inherit;
    }

    .menu-container > .menu-item:not(:first-child) {
        margin-left: 2px;
    }

    .menu-item:not(:first-child) {
        border-top: 0;
    }

    .menu-item.menu-item-important .menu-link > div::after {
        content: '';
        display: inline-block;
        position: relative;
        top: -5px;
        left: 5px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #dc3545;
    }

    .menu-link {
        padding: 57px 8px 17px 8px !important;
        -webkit-transition: margin .4s ease, padding .4s ease;
        -o-transition: margin .4s ease, padding .4s ease;
        transition: margin .4s ease, padding .4s ease;
    }

    .header-size-sm .menu-container > .menu-item > .menu-link {
        padding-top: 19px;
        padding-bottom: 19px;
    }

    .header-size-md .menu-container > .menu-item > .menu-link {
        padding-top: 29px;
        padding-bottom: 29px;
    }

    .header-size-lg .menu-container > .menu-item > .menu-link {
        padding-top: 49px;
        padding-bottom: 49px;
    }

    .sticky-header-shrink .menu-container > .menu-item > .menu-link {
        padding-top: 22px !important;
        padding-bottom: 22px !important;
    }

    .with-arrows .menu-container > .menu-item > .menu-link div > i.icon-angle-down {
        display: inline-block;
    }

    .sub-menu-container, .mega-menu-content {
        position: absolute;
        visibility: hidden;
        width: 100%;
        background-color: #1f1e1e;
        /* box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05); */
        /* border: 1px solid #EEE; */
        /* border-top: 2px solid #f6901e; */
        z-index: 399;
        top: 100%;
        left: 0;
        padding: 0;
    }

    .menu-container > .menu-item:not(.mega-menu) .sub-menu-container {
        padding: 10px;
    }
    /* Sub-Menu On-Hover Dropdown */
    .primary-menu:not(.on-click) .menu-item:not(.mega-menu) .sub-menu-container, .primary-menu:not(.on-click) .mega-menu-content {
        display: block;
        opacity: 0;
        margin-top: 15px;
        z-index: -9999;
        pointer-events: none;
        transition: opacity .3s ease, margin .25s ease;
    }

    .primary-menu:not(.on-click) .menu-item.mega-menu .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) {
        margin-top: 0;
        z-index: auto;
    }

    .primary-menu:not(.on-click) .menu-item.mega-menu:hover > .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) {
        pointer-events: auto;
    }

    .primary-menu:not(.on-click) .menu-item:hover > .sub-menu-container, .primary-menu:not(.on-click) .menu-item:hover > .mega-menu-content {
        opacity: 1;
        visibility: visible;
        margin-top: 0;
        z-index: 399;
        pointer-events: auto;
    }

    .primary-menu:not(.on-click) .menu-item:not(:hover) > .sub-menu-container > *, .primary-menu:not(.on-click) .menu-item:not(:hover) > .mega-menu-content > * {
        display: none;
    }

    .primary-menu:not(.on-click) .menu-item.mega-menu .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) > * {
        display: block;
    }

    .sub-menu-container .sub-menu-container {
        list-style: none;
        top: -2px !important;
        left: 100%;
    }

    .sub-menu-container.menu-pos-invert, .mega-menu-content.menu-pos-invert {
        left: auto;
        right: 0;
    }

    .sub-menu-container .sub-menu-container.menu-pos-invert {
        right: 100%;
    }

    .sub-menu-container .menu-item:not(:first-child) {
        border-top: 0;
    }

    .sub-menu-container .menu-item > .menu-link {
        padding: 10px 15px;
        font-weight: 700;
        border: 0;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

        .sub-menu-container .menu-item > .menu-link i {
            vertical-align: middle;
        }

    .sub-menu-container .menu-item:hover > .menu-link {
        background-color: #F9F9F9;
        padding-left: 18px;
        color: #f6901e;
    }

    .menu-link div > i.icon-angle-down {
        top: 0;
        font-size: 0.875rem;
        margin: 0 0 0 5px;
    }

    .sub-menu-container .menu-link div > i.icon-angle-down, .side-header .primary-menu:not(.on-click) .menu-link i.icon-angle-down {
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        font-size: 0.875rem;
        line-height: 1;
        margin: 0;
        transform: translateY(-50%) rotate(-90deg);
    }

    .menu-item .sub-menu-trigger, .side-header .on-click .sub-menu-container .menu-link i.icon-angle-down:last-child {
        display: none;
    }
    /* ----------------------------------------------------------------
		Mega Menu
	-----------------------------------------------------------------*/

    .mega-menu:not(.mega-menu-full) .mega-menu-content .container {
        max-width: none;
        padding: 0 15px !important;
        margin: 0 auto !important;
    }

    .mega-menu-content {
        margin: 0;
        width: 100%;
        max-width: none;
        left: 50%;
        transform: translateX(-50%);
    }

    .mega-menu-full .mega-menu-content {
        width: 100%;
        left: 0;
        transform: none;
    }

    .mega-menu-small {
        position: relative;
    }

        .mega-menu-small .mega-menu-content {
            left: 0;
            width: 400px;
            transform: none;
        }

    .floating-header:not(.sticky-header) .mega-menu .mega-menu-content {
        max-width: 100%;
    }

    .sub-menu-container .mega-menu {
        position: relative;
    }

    .sub-menu-container .mega-menu-small .mega-menu-content {
        top: 0;
        left: 100%;
    }

        .sub-menu-container .mega-menu-small .mega-menu-content.menu-pos-invert {
            left: auto;
            right: 100%;
        }

    .mega-menu-content.mega-menu-style-2 {
        padding: 0 10px;
    }

    .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) {
        position: relative;
        display: block !important;
        visibility: visible !important;
        top: 0 !important;
        left: 0;
        width: auto;
        min-width: inherit;
        height: auto !important;
        list-style: none;
        border: 0;
        box-shadow: none;
        background-color: transparent;
        opacity: 1 !important;
        z-index: auto;
    }

    .mega-menu-content .sub-menu-container.mega-menu-dropdown {
        padding: 0.75rem;
    }

    .mega-menu-column {
        display: block !important;
        padding-left: 0;
        padding-right: 0;
    }

    .sub-menu-container.mega-menu-column:not(:first-child) {
        border-left: 1px solid #F2F2F2;
    }

    .mega-menu-style-2 .mega-menu-column {
        padding: 30px 20px;
    }

    .mega-menu-style-2 .mega-menu-title:not(:first-child) {
        margin-top: 20px;
    }

    .mega-menu-style-2 .mega-menu-title > .menu-link {
        font-size: 0.8125rem;
        font-weight: 700;
        font-family: 'Poppins', sans-serif;
        letter-spacing: 1px;
        text-transform: uppercase !important;
        margin-bottom: 15px;
        color: #444;
        padding: 0 !important;
        line-height: 1.3 !important;
    }

    .mega-menu-style-2 .mega-menu-title:hover > .menu-link {
        background-color: transparent;
    }

    .mega-menu-style-2 .mega-menu-title > .menu-link:hover {
        color: #f6901e;
    }

    .mega-menu-style-2 .sub-menu-container:not(.mega-menu-dropdown) .menu-item {
        border: 0;
    }

    .mega-menu-style-2 .sub-menu-container .menu-link {
        padding-left: 5px;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .mega-menu-style-2 .sub-menu-container .menu-item:hover > .menu-link {
        padding-left: 12px;
    }
    /* Sub-Menu On-Click Dropdown */
    .on-click .sub-menu-container, .on-click .mega-menu-content {
        display: none;
        visibility: visible;
    }

    .on-click .menu-item:not(.mega-menu-small) .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) {
        display: block;
    }
    /* Primary Menu - Style 2
	-----------------------------------------------------------------*/

    .style-2 #logo {
        margin-right: 1.5rem;
    }

    .style-2 .primary-menu {
        margin-right: auto;
    }

    .style-2.menu-center .primary-menu {
        margin-right: auto;
        margin-left: auto;
    }
    /* Primary Menu - Style 3
	-----------------------------------------------------------------*/

    .style-3 .menu-container > .menu-item > .menu-link {
        margin: 28px 0;
        padding-top: 11px;
        padding-bottom: 11px;
        border-radius: 2px;
    }

    .style-3 .menu-container > .menu-item:hover > .menu-link {
        color: #444;
        background-color: #F5F5F5;
    }

    .style-3 .menu-container > .menu-item.current > .menu-link {
        color: #FFF;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
        background-color: #f6901e;
    }
    /* Primary Menu - Style 4
	-----------------------------------------------------------------*/

    .style-4 .menu-container > .menu-item > .menu-link {
        margin: 28px 0;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 2px;
        border: 1px solid transparent;
    }

    .style-4 .menu-container > .menu-item:hover > .menu-link, .style-4 .menu-container > .menu-item.current > .menu-link {
        border-color: #f6901e;
    }
    /* Primary Menu - Style 5
	-----------------------------------------------------------------*/

    .style-5 .menu-container {
        padding-right: 10px;
        margin-right: 5px;
        border-right: 1px solid #EEE;
    }

        .style-5 .menu-container > .menu-item:not(:first-child) {
            margin-left: 15px;
        }

        .style-5 .menu-container > .menu-item > .menu-link {
            padding-top: 27px;
            padding-bottom: 27px;
            line-height: 1;
        }

            .style-5 .menu-container > .menu-item > .menu-link i:not(.icon-angle-down) {
                display: block;
                width: auto;
                margin: 0 0 12px;
                font-size: 20px;
                line-height: 1;
                transition: all .3s ease;
            }
    /* Primary Menu - Style 6
	-----------------------------------------------------------------*/

    .style-6 .menu-container > .menu-item > .menu-link {
        position: relative;
    }

        .style-6 .menu-container > .menu-item > .menu-link::after, .style-6 .menu-container > .menu-item.current > .menu-link::after {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            height: 2px;
            width: 0;
            border-top: 2px solid #f6901e;
            -webkit-transition: width .3s ease;
            -o-transition: width .3s ease;
            transition: width .3s ease;
            transform: translateX(-50%);
        }

    .style-6 .menu-container > .menu-item.current > .menu-link::after, .style-6 .menu-container > .menu-item:hover > .menu-link::after {
        width: 100%;
    }
    /* Primary Menu - Sub Title
	-----------------------------------------------------------------*/

    .sub-title .menu-container > .menu-item {
        margin-left: 0;
    }

        .sub-title .menu-container > .menu-item > .menu-link {
            position: relative;
            line-height: 14px;
            padding: 32px 20px;
            text-transform: uppercase;
        }

        .sub-title .menu-container > .menu-item:not(:first-child) > .menu-link::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            z-index: -2;
            width: 1px;
            height: 36px;
            background-color: #EEE;
            transform: translateY(-50%);
        }

        .sub-title .menu-container > .menu-item > .menu-link span {
            display: block;
            margin-top: 10px;
            line-height: 12px;
            font-size: 11px;
            font-weight: 400;
            color: #888;
            text-transform: capitalize;
        }

        .sub-title .menu-container > .menu-item:hover > .menu-link, .sub-title .menu-container > .menu-item.current > .menu-link {
            color: #FFF;
            text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
        }

            .sub-title .menu-container > .menu-item:hover > .menu-link span, .sub-title .menu-container > .menu-item.current > .menu-link span {
                color: #EEE;
            }

            .sub-title .menu-container > .menu-item:hover > .menu-link::after, .sub-title .menu-container > .menu-item.current > .menu-link::after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                z-index: -1;
                width: 100%;
                height: 100%;
                background-color: #f6901e;
                border-top: 5px solid rgba(0,0,0,0.1);
            }
    /* ----------------------------------------------------------------
		Side Header
	-----------------------------------------------------------------*/

    .side-header:not(.open-header) #wrapper {
        margin: 0 0 0 260px !important;
        width: auto !important;
    }

    .side-header .container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .side-header #header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        width: 260px;
        height: 100%;
        height: calc(100vh);
        background-color: #FFF;
        border: none;
        border-right: 1px solid #EEE;
        overflow: hidden;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.065);
    }

    .side-header #header-wrap {
        position: relative;
        width: 300px;
        width: calc( 100% + 40px );
        height: 100%;
        overflow-y: scroll;
        padding-right: 40px;
    }

        .side-header #header-wrap > .container {
            width: 260px;
            max-width: none;
            padding: 0 30px;
            margin: 0 !important;
            min-height: 100%;
            display: -ms-flexbox;
            display: flex;
        }

    .side-header .header-wrap-clone {
        display: none;
    }

    .side-header .header-row {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .side-header #logo {
        margin: 3rem 0;
        width: 100%;
    }

        .side-header #logo img {
            max-width: 100%;
        }

    .side-header .header-misc {
        width: 100%;
        margin: 0;
    }

    .side-header .primary-menu {
        margin-bottom: 30px;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
        width: 100%;
    }

        .side-header .primary-menu:not(.border-bottom-0)::after {
            margin-top: 40px;
        }

    .side-header .menu-container {
        display: block;
        height: auto;
        width: 100%;
    }

    .no-triggers .menu-container .sub-menu-trigger {
        display: none;
    }

    .side-header .on-click .menu-item .sub-menu-trigger {
        display: block;
        top: 0;
        right: -5px;
        font-size: 10px;
    }

    .side-header .primary-menu:not(.on-click) .text-center i.icon-angle-down {
        display: inline-block;
        position: relative;
        top: 2px;
        margin-left: 5px;
        transform: none;
    }

    .side-header .primary-menu:not(.on-click) .text-center .sub-menu-container i.icon-angle-down {
        top: -1px;
    }

    .side-header .menu-item {
        width: 100%;
    }

        .side-header .menu-item:not(:first-child) {
            margin: 10px 0 0;
            border-top: 0;
        }

    .side-header .menu-link {
        position: relative;
        padding: 5px 0 !important;
        margin: 0 !important;
        text-transform: uppercase;
    }

    .side-header .sub-menu-container, .side-header .mega-menu-content {
        position: relative;
        width: 100%;
        background-color: transparent;
        box-shadow: none;
        border: none;
        height: auto;
        z-index: 1;
        top: 0;
        left: 0;
        margin: 5px 0;
        padding: 0 0 0 12px !important;
    }

    .side-header .mega-menu-content {
        padding: 0 !important;
        margin-bottom: 0 !important;
    }

    .side-header .mega-menu-column {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        border: none !important;
    }

    .side-header .sub-menu-container .sub-menu-container {
        top: 0 !important;
        left: 0;
    }

    .side-header .sub-menu-container.menu-pos-invert {
        left: 0;
        right: auto;
    }

    .side-header .sub-menu-container .sub-menu-container.menu-pos-invert {
        right: auto;
    }

    .side-header .sub-menu-container .menu-item {
        margin: 0;
        border: 0;
    }

        .side-header .sub-menu-container .menu-item:first-child {
            border-top: 0;
        }

    .side-header .menu-item:hover > .menu-link {
        background-color: transparent !important;
    }

    .side-header .menu-container > .menu-item.sub-menu > .menu-link, .side-header .menu-container > .menu-item.sub-menu:hover > .menu-link {
        background-image: none !important;
    }
    /* Side Header - Push Header
	-----------------------------------------------------------------*/

    .side-header.open-header.push-wrapper {
        overflow-x: hidden;
    }

    .side-header.open-header #header {
        left: -260px;
    }

    .side-header.open-header.side-header-open #header {
        left: 0;
    }

    .side-header.open-header #wrapper {
        left: 0;
    }

    .side-header.open-header.push-wrapper.side-header-open #wrapper {
        left: 260px;
    }

    #header-trigger {
        display: none;
    }

    .side-header.open-header #header-trigger {
        display: block;
        position: fixed;
        cursor: pointer;
        top: 20px;
        left: 20px;
        z-index: 11;
        font-size: 1rem;
        width: 32px;
        height: 32px;
        line-height: 32px;
        background-color: #FFF;
        text-align: center;
        border-radius: 2px;
    }

    .side-header.open-header.side-header-open #header-trigger {
        left: 280px;
    }

        .side-header.open-header #header-trigger i:nth-child(1), .side-header.open-header.side-header-open #header-trigger i:nth-child(2) {
            display: block;
        }

        .side-header.open-header.side-header-open #header-trigger i:nth-child(1), .side-header.open-header #header-trigger i:nth-child(2) {
            display: none;
        }

    .side-header.open-header #header, .side-header.open-header #header-trigger, .side-header.open-header.push-wrapper #wrapper {
        -webkit-transition: left .4s ease;
        -o-transition: left .4s ease;
        transition: left .4s ease;
    }
    /* Side Header - Right Aligned
	-----------------------------------------------------------------*/

    .side-header.side-header-right #header {
        left: auto;
        right: 0;
        border: none;
        border-left: 1px solid #EEE;
    }

    .side-header.side-header-right:not(.open-header) #wrapper {
        margin: 0 260px 0 0 !important;
    }

    .side-header.side-header-right.open-header #header {
        left: auto;
        right: -260px;
    }

    .side-header.side-header-right.open-header.side-header-open #header {
        left: auto;
        right: 0;
    }

    .side-header.side-header-right.open-header.push-wrapper.side-header-open #wrapper {
        left: -260px;
    }

    .side-header.side-header-right.open-header #header-trigger {
        left: auto;
        right: 20px;
    }

    .side-header.side-header-right.open-header.side-header-open #header-trigger {
        left: auto;
        right: 280px;
    }

    .side-header.side-header-right.open-header #header, .side-header.side-header-right.open-header #header-trigger {
        -webkit-transition: right .4s ease;
        -o-transition: right .4s ease;
        transition: right .4s ease;
    }
    /* Primary Menu - Overlay Menu
	-----------------------------------------------------------------*/

    .overlay-menu:not(.top-search-open) #primary-menu-trigger {
        display: -ms-flexbox;
        display: flex;
        opacity: 1;
        pointer-events: auto;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .overlay-menu .primary-menu > #overlay-menu-close {
        position: fixed;
        top: 25px;
        left: auto;
        right: 25px;
        width: 48px;
        height: 48px;
        line-height: 48px;
        font-size: 1.5rem;
        text-align: center;
        color: #444;
    }

    .overlay-menu #primary-menu-trigger {
        z-index: 599;
    }

    .overlay-menu .primary-menu {
        position: fixed;
        top: 0;
        left: 0;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        width: 100%;
        height: 100%;
        height: calc(100vh);
        background-color: rgba(255,255,255,0.95);
    }

        .overlay-menu .primary-menu, .overlay-menu .primary-menu > #overlay-menu-close {
            opacity: 0 !important;
            pointer-events: none;
            z-index: -2;
            -webkit-transform: translateY(-80px);
            transform: translateY(-80px);
            -webkit-transition: opacity .4s ease, transform .45s ease !important;
            transition: opacity .4s ease, transform .45s ease !important;
        }

    .overlay-menu.primary-menu-open .primary-menu, .overlay-menu.primary-menu-open #overlay-menu-close {
        opacity: 1 !important;
        pointer-events: auto;
        z-index: 499;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity .3s ease, transform .45s ease !important;
        transition: opacity .3s ease, transform .45s ease !important;
    }

    .overlay-menu .primary-menu, .overlay-menu.primary-menu-open .primary-menu {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition: opacity .3s ease !important;
        transition: opacity .3s ease !important;
    }

        .overlay-menu .primary-menu > .container {
            max-height: 90%;
            overflow-y: scroll;
        }

    .overlay-menu .menu-container {
        display: -ms-flexbox !important;
        display: flex !important;
        flex-direction: column;
        max-width: 250px;
        padding: 0 !important;
        margin: 0 auto !important;
        border: 0 !important;
    }

        .overlay-menu .menu-container > .menu-item > .menu-link {
            font-size: 0.9375rem;
        }

    .overlay-menu .menu-item {
        width: 100%;
    }

    .overlay-menu .menu-link {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0;
        padding-right: 0;
    }

    .overlay-menu .sub-menu-container, .overlay-menu .mega-menu-content {
        display: none;
        position: relative;
        top: 0 !important;
        left: 0 !important;
        right: auto;
        width: 100%;
        max-width: 100%;
        box-shadow: none;
        background: transparent;
        border: 0;
        padding: 10px 0 !important;
        transform: translateX(0);
    }

        .overlay-menu .mega-menu-content .sub-menu-container {
            padding: 5px 0 !important;
        }

    .overlay-menu .mega-menu-title .sub-menu-container {
        padding-top: 0 !important;
    }

    .overlay-menu .mega-menu-content .mega-menu-column {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        border: 0 !important;
    }

    .overlay-menu .sub-menu-container .menu-link {
        padding: 5px 0;
    }

    .overlay-menu .sub-menu-container .menu-item:hover > .menu-link {
        padding-left: 0;
        padding-right: 0;
        background: transparent;
    }

    .overlay-menu .sub-menu-container .menu-link i.icon-angle-down {
        position: relative;
        display: inline-block;
        top: -1px;
        left: 0;
        margin-left: 5px;
        transform: rotate(0deg);
    }
}

@media (max-width: 991.98px) {
    .side-push-panel #side-panel-trigger-close a {
        display: block;
        position: absolute;
        z-index: 12;
        top: 0;
        left: auto;
        right: 0;
        width: 40px;
        height: 40px;
        font-size: 18px;
        line-height: 40px;
        color: #444;
        text-align: center;
        background-color: rgba(0,0,0,0.1);
        border-radius: 0 0 0 2px;
    }
}
/* ----------------------------------------------------------------
	Top Search
-----------------------------------------------------------------*/

.header-misc {
    position: initial;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-left: 15px;
}

/* .header-misc-element, .header-misc-icon {
    margin: 0 8px;
} */

    .header-misc-icon > a {
        display: block;
        position: relative;
        /* width: 20px; */
        /* height: 20px; */
        font-size: 1.125rem;
        line-height: 1;
        text-align: center;
        border: 2px solid #fff;
        padding: 6px 12px 5px 12px;
        color: #fff;
        -webkit-transition: color .3s ease-in-out;
        -o-transition: color .3s ease-in-out;
        transition: color .3s ease-in-out;
        border-radius: 12px;
    }

@media (min-width: 992px) {
    .header-misc:not([class*="order-"]) {
        -ms-flex-order: 13;
        order: 13;
    }
}

#top-search a {
    z-index: 11;
}

    #top-search a i {
        position: absolute;
        top: 0;
        left: 3px;
        -webkit-transition: opacity .3s ease;
        -o-transition: opacity .3s ease;
        transition: opacity .3s ease;
    }

        .top-search-open #top-search a i.icon-line-search, #top-search a i.icon-line-cross {
            opacity: 0;
        }

.top-search-open #top-search a i.icon-line-cross {
    opacity: 1;
    z-index: 11;
    font-size: 1rem;
}

.top-search-form {
    opacity: 0;
    z-index: -2;
    pointer-events: none;
    position: absolute;
    width: 100% !important;
    height: 100%;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.top-search-open .top-search-form {
    opacity: 1;
    z-index: 10;
    pointer-events: auto;
}

.top-search-form input {
    box-shadow: none !important;
    border-radius: 0;
    border: 0;
    outline: 0 !important;
    font-size: 24px;
    padding: 10px 80px 10px 0;
    height: 100%;
    background-color: transparent !important;
    color: #333;
    font-weight: 700;
    margin-top: 0 !important;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 2px;
}

@media (min-width: 992px) {
    .top-search-form input {
        font-size: 32px;
    }

    .full-header .top-search-form input, .container-fluid .top-search-form input {
        padding-left: 30px;
    }

    .transparent-header:not(.sticky-header):not(.full-header):not(.floating-header) .top-search-form input {
        border-bottom: 2px solid rgba(0,0,0,0.1);
    }
}

.search-overlay .top-search-form {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    align-items: center;
    justify-content: center;
}

    .search-overlay .top-search-form input {
        max-width: 580px;
        margin: 0 auto;
        text-align: center;
        padding: 0 40px;
    }

.top-search-form input::-moz-placeholder {
    color: #555;
    opacity: 1;
    text-transform: uppercase;
}

.top-search-form input:-ms-input-placeholder {
    color: #555;
    text-transform: uppercase;
}

.top-search-form input::-webkit-input-placeholder {
    color: #555;
    text-transform: uppercase;
}

.primary-menu .container .top-search-form input, .sticky-header .top-search-form input {
    border: none !important;
}
/* Top Search Animation */

#top-search {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

body:not(.top-search-open) .top-search-parent #logo, body:not(.top-search-open) .top-search-parent .primary-menu, body:not(.top-search-open) .top-search-parent .header-misc > *:not(#top-search) {
    opacity: 1;
}

.top-search-open .top-search-parent #logo, .top-search-open .top-search-parent .primary-menu, .top-search-open .top-search-parent .header-misc > *:not(#top-search) {
    opacity: 0;
}
/* ----------------------------------------------------------------
	Top Cart
-----------------------------------------------------------------*/


.top-cart-number {
    display: block;
    position: absolute;
    top: -7px;
    left: auto;
    right: -8px;
    font-size: 0.625rem;
    color: #FFF;
    width: 1.125rem;
    height: 1.125rem;
    line-height: 1.125rem;
    text-align: center;
    border-radius: 50%;
    z-index: 1;
    overflow: hidden;
}

    .top-cart-number::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #f6901e;
        opacity: 0.8;
        z-index: -1;
    }

.top-cart-content {
    position: fixed;
    top: 0;
    left: auto;
    width: 260px;
    background-color: #FFF;
    border-left: 1px solid #EEE;
    box-shadow: 0px 20px 50px 10px rgba(0, 0, 0, 0.05);
    -webkit-transition: right .3s ease;
    -o-transition: right .3s ease;
    transition: right .3s ease;
}

@media (max-width: 991.98px) {
    .top-cart-content {
        right: -260px !important;
        height: 100%;
        z-index: 499;
    }

    .top-cart-open .top-cart-content {
        right: 0 !important;
    }
}

.top-cart-title {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #EEE;
}

    .top-cart-title h4 {
        margin-bottom: 0;
        font-size: 0.875rem;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

.top-cart-items {
    padding: 1rem;
}

.top-cart-item, .top-cart-action, .top-cart-item-desc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
}

.top-cart-item {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .top-cart-item:not(:first-child) {
        padding-top: 1rem;
        margin-top: 1rem;
        border-top: 1px solid #F5F5F5;
    }

.top-cart-item-image {
    width: 48px;
    height: 48px;
    border: 2px solid #EEE;
    -webkit-transition: border-color .2s linear;
    -o-transition: border-color .2s linear;
    transition: border-color .2s linear;
}

    .top-cart-item-image a, .top-cart-item-image img {
        display: block;
        width: 44px;
        height: 44px;
    }

    .top-cart-item-image:hover {
        border-color: #f6901e;
    }

.top-cart-item-desc, .top-cart-item-desc-title {
    padding-left: 1rem;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.top-cart-item-desc {
    -ms-flex-align: start;
    align-items: flex-start;
}

.top-cart-item-desc-title {
    padding-left: 0;
}

.top-cart-item-desc a {
    display: block;
    font-size: 0.8125rem;
    line-height: 1.25rem;
    color: #333;
    font-weight: 700;
    margin-bottom: 5px;
}

    .top-cart-item-desc a:hover {
        color: #f6901e;
    }

.top-cart-item-price {
    font-size: 0.75rem;
    color: #999;
}

.top-cart-item-quantity {
    font-size: 0.75rem;
    line-height: 1.25rem;
    color: #444;
}

.top-cart-action {
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem;
    border-top: 1px solid #EEE;
}

    .top-cart-action .top-checkout-price {
        font-size: 1.25rem;
        color: #f6901e;
    }

@media (min-width: 992px) {
    #top-cart {
        position: relative;
    }

    .top-cart-content {
        opacity: 0;
        position: absolute;
        width: 280px;
        border: 1px solid #EEE;
        border-top: 2px solid #f6901e;
        top: calc( 100% + 20px );
        right: -15px;
        margin: -10000px 0 0;
        z-index: auto;
        -webkit-transition: opacity .5s ease, top .4s ease;
        -o-transition: opacity .5s ease, top .4s ease;
        transition: opacity .5s ease, top .4s ease;
    }

    #top-cart.on-hover:hover .top-cart-content, .top-cart-open .top-cart-content {
        opacity: 1;
        z-index: 399;
        margin-top: 0;
    }

    .top-cart-items {
        padding: 1rem;
    }
}
/* ----------------------------------------------------------------
	Page Menu
-----------------------------------------------------------------*/

#page-menu {
    position: relative;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

#page-menu-wrap {
    position: absolute;
    z-index: 199;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #f6901e;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}

#page-menu.sticky-page-menu #page-menu-wrap {
    position: fixed;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
}

#page-menu-trigger {
    opacity: 1;
    pointer-events: auto;
    top: 0;
    margin-top: 0;
    left: auto;
    right: 15px;
    width: 40px;
    height: 44px;
    line-height: 44px;
    color: #FFF;
}

.page-menu-open #page-menu-trigger {
    background-color: rgba(0,0,0,0.2);
}

.page-menu-row {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page-menu-title {
    color: #FFF;
    font-size: 1.25rem;
    font-weight: 300;
    margin-right: auto;
}

    .page-menu-title span {
        font-weight: 700;
    }

.page-menu-nav {
    display: none;
    position: absolute;
    width: 200px;
    top: 100%;
    left: auto;
    right: 0;
    height: auto;
    background-color: #f6901e;
}

#page-menu.page-menu-open .page-menu-nav {
    display: block;
}

.page-menu-nav .page-menu-container {
    margin: 0;
    list-style: none;
    background-color: rgba(0,0,0,0.2);
}

.page-menu-item {
    position: relative;
}

    .page-menu-item > a {
        display: block;
        position: relative;
        line-height: 22px;
        padding: 11px 14px;
        color: #FFF;
        font-size: 0.875rem;
    }

    .page-menu-item:hover > a, .page-menu-item.current > a {
        background-color: rgba(0,0,0,0.15);
    }

    .page-menu-item > a .icon-angle-down {
        position: absolute;
        top: 50%;
        left: auto;
        right: 14px;
        transform: translateY(-50%);
    }

.page-menu-sub-menu {
    display: none;
    background-color: rgba(0,0,0,0.15);
    list-style: none;
    padding: 1px 10px 5px;
}

.page-menu-item:hover > .page-menu-sub-menu {
    display: block;
}

.page-menu-sub-menu .page-menu-item > a {
    margin: 5px 0;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 14px;
}

@media (min-width: 992px) {
    .page-menu-nav {
        display: -ms-flex;
        display: flex;
        position: relative;
        width: auto;
        top: 0;
        left: 0;
        background-color: transparent !important;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

        .page-menu-nav .page-menu-container {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            list-style: none;
            background-color: transparent;
        }

    .page-menu-item > a {
        margin: 10px 4px;
        padding-top: 3px;
        padding-bottom: 3px;
        border-radius: 14px;
    }

        .page-menu-item > a .icon-angle-down {
            position: relative;
            top: 1px;
            left: 0;
            right: 0;
            margin-left: 8px;
            transform: none;
        }

    body:not(.device-touch) .page-menu-item > a {
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    .page-menu-sub-menu {
        display: none;
        position: absolute;
        list-style: none;
        width: 150px;
        top: 100%;
        left: 0;
        padding: 0;
        background-color: #f6901e;
    }

        .page-menu-sub-menu .page-menu-item > a {
            height: auto;
            margin: 0;
            padding-top: 10px;
            padding-bottom: 10px;
            border-radius: 0;
            background-color: rgba(0,0,0,0.15);
        }

        .page-menu-sub-menu li:hover a, .page-menu-sub-menu li.current a {
            background-color: rgba(0,0,0,0.3);
        }
    /* Page Menu - Dots Style
	-----------------------------------------------------------------*/

    #page-menu.dots-menu {
        position: fixed;
        top: 50%;
        left: auto;
        right: 20px;
        width: 24px;
        line-height: 1.5;
        text-shadow: none;
        transform: translateY(-50%);
        z-index: 299;
    }

    .dots-menu #page-menu-wrap {
        position: relative;
        top: 0 !important;
        box-shadow: none;
        background-color: transparent !important;
    }

    .dots-menu .page-menu-wrap-clone {
        display: none;
    }

    .dots-menu .container {
        padding: 0;
    }

    .dots-menu .page-menu-title {
        display: none;
    }

    .dots-menu .page-menu-nav {
        display: block;
        width: 100%;
    }

    .dots-menu .page-menu-container {
        flex-direction: column;
        -ms-flex-direction: column;
    }

    .dots-menu .page-menu-item {
        width: 10px;
        height: 10px;
        margin: 10px 0;
    }

        .dots-menu .page-menu-item > a {
            position: absolute;
            width: 100%;
            height: 100%;
            padding: 0;
            margin: 0;
            background-color: rgba(0,0,0,0.4);
            border-radius: 50%;
            color: #777;
        }

            .dots-menu .page-menu-item > a:hover {
                background-color: rgba(0,0,0,0.7);
            }

        .dots-menu .page-menu-item.current > a {
            background-color: #f6901e;
        }

    .dots-menu.dots-menu-border .page-menu-item {
        width: 12px;
        height: 12px;
    }

        .dots-menu.dots-menu-border .page-menu-item > a {
            background-color: transparent !important;
            border: 3px solid rgba(0,0,0,0.4);
        }

            .dots-menu.dots-menu-border .page-menu-item > a:hover {
                border-color: rgba(0,0,0,0.7);
            }

        .dots-menu.dots-menu-border .page-menu-item.current > a {
            border-color: #f6901e;
        }

    .dots-menu .page-menu-item div {
        position: absolute;
        width: auto;
        top: 50%;
        right: 25px;
        background-color: #f6901e;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #FFF;
        padding: 6px 14px;
        white-space: nowrap;
        pointer-events: none;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
        border-radius: 2px;
        opacity: 0;
        transform: translateY(-50%);
    }

    body:not(.device-touch) .dots-menu .page-menu-item div {
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    .dots-menu .page-menu-item div::after {
        position: absolute;
        content: '';
        top: 50%;
        left: auto;
        right: -5px;
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 6px solid #f6901e;
        transform: translateY(-50%);
    }

    .dots-menu .page-menu-item > a:hover div {
        opacity: 1;
        right: 30px;
    }
}
/* ----------------------------------------------------------------
	One Page
-----------------------------------------------------------------*/

.one-page-arrow {
    position: absolute;
    z-index: 3;
    bottom: 20px;
    left: 50%;
    margin-left: -16px;
    width: 32px;
    height: 32px;
    font-size: 32px;
    text-align: center;
    color: #222;
}
/* ----------------------------------------------------------------
	Side Push Panel
-----------------------------------------------------------------*/

.side-push-panel {
    overflow-x: hidden;
}

#side-panel {
    position: fixed;
    top: 0;
    right: -300px;
    z-index: 999;
    width: 500px;
    height: 100%;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
}

.side-panel-left #side-panel {
    left: -500px;
    right: auto;
}

.side-push-panel.stretched #wrapper, .side-push-panel.stretched .sticky-header .container {
    right: 0;
}

.side-panel-left.side-push-panel.stretched #wrapper, .side-panel-left.side-push-panel.stretched .sticky-header .container {
    left: 0;
    right: auto;
}

#side-panel .side-panel-wrap {
    position: absolute;
    top: 50px;
    left: 100px;
    bottom: 0;
    width: 430px;
    height: 95%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0 70px 50px 40px;
}

.device-touch #side-panel .side-panel-wrap {
    overflow-y: scroll;
}

#side-panel .widget {
    margin-top: 0;
    margin-bottom: 25px;
}

    #side-panel .widget:first-child {
        padding-top: 0;
        border-top: 0;
    }

.side-panel-open #side-panel {
    right: 0;
}

.side-panel-left.side-panel-open #side-panel {
    left: 0;
    right: auto;
    z-index: 1000;
    width: 380px;
}

.side-push-panel.side-panel-open.stretched #wrapper, .side-push-panel.side-panel-open.stretched .sticky-header .container {
    right: 300px;
}

.side-push-panel.side-panel-open.stretched.device-xl .slider-inner, .side-push-panel.side-panel-open.stretched.device-lg .slider-inner {
    left: -300px;
}

.side-panel-left.side-push-panel.side-panel-open.stretched #wrapper, .side-panel-left.side-push-panel.side-panel-open.stretched .sticky-header .container, .side-panel-left.side-push-panel.side-panel-open.stretched .slider-inner {
    left: 300px;
    right: auto;
}

#side-panel-trigger {
    display: block;
    cursor: pointer;
    z-index: 11;
    margin-right: 5px;
}

/*#side-panel-trigger-close a {
color:#fff;
}*/

#side-panel, .side-push-panel.stretched #wrapper, .side-push-panel.stretched #header .container {
    -webkit-transition: right .4s ease;
    -o-transition: right .4s ease;
    transition: right .4s ease;
}

.side-panel-left #side-panel, .side-panel-left.side-push-panel.stretched #wrapper, .side-panel-left.side-push-panel.stretched #header .container, .side-push-panel.stretched .slider-inner {
    -webkit-transition: left .4s ease;
    -o-transition: left .4s ease;
    transition: left .4s ease;
}

.body-overlay {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: -1;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.side-panel-open .body-overlay {
    opacity: 1;
    z-index: 599;
    pointer-events: auto;
}

.side-panel-open:not(.device-xs):not(.device-sm):not(.device-md) .body-overlay:hover {
    cursor: url('images/icons/close.png') 15 15, default;
}
/* ----------------------------------------------------------------
	Slider
-----------------------------------------------------------------*/


.slider-element {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.slider-parallax {
    position: relative;
}

    .slider-parallax, .slider-parallax .swiper-container {
        visibility: visible;
        -webkit-backface-visibility: hidden;
    }

.slider-inner {
    position: absolute;
    overflow: hidden;
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slider-parallax .slider-inner {
    position: fixed;
}

.h-auto:not(.slider-parallax) .slider-inner, .h-auto .swiper-container, .min-vh-0:not(.slider-parallax) .slider-inner, .min-vh-0 .swiper-container {
    position: relative !important;
    height: auto !important;
}

.slider-parallax-invisible .slider-inner {
    opacity: 0;
    visibility: hidden;
}

@media (min-width: 992px) {
    .h-auto .swiper-wrapper, .min-vh-0 .swiper-wrapper {
        height: 75vh;
    }
}

.slider-inner.slider-inner-relative {
    position: relative !important;
    height: auto !important;
}

.device-touch .slider-parallax .slider-inner {
    position: relative;
}

body:not(.side-header) .slider-parallax .slider-inner {
    left: 0;
}

body:not(.stretched) .slider-parallax .slider-inner {
    left: auto;
}

.slider-parallax .slider-inner, .slider-parallax .slider-caption {
    will-change: transform;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: transform 0s linear;
    -webkit-backface-visibility: hidden;
}

@media (max-width: 991.98px) {
    #slider {
        display: -ms-flexbox !important;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
    }

        #slider .slider-inner {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            flex-grow: 1;
            align-items: center;
        }
}
/* Boxed Slider
-----------------------------------------------------------------*/

.boxed-slider {
    padding-top: 40px;
}
/* Swiper Slider
-----------------------------------------------------------------*/

.swiper_wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.full-screen .swiper_wrapper {
    height: auto;
}

.swiper_wrapper .swiper-container {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
}

.swiper_wrapper .swiper-slide {
    position: relative;
    margin: 0;
    overflow: hidden;
}

.swiper-slide-bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.swiper-slide [data-caption-animate] {
    -webkit-backface-visibility: hidden;
}

.slider-element .video-wrap, .section .video-wrap, .swiper-slide .yt-bg-player, .section .yt-bg-player, .swiper-slide-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
}

.yt-bg-player .inlinePlayButton, .yt-bg-player .loading {
    display: none !important;
}

.slider-element .container, .slider-element .container-fuild {
    position: relative;
    height: 100%;
}

.slider-element.canvas-slider .swiper-slide img {
    width: 100%;
}

.slider-element.canvas-slider a {
    display: block;
    height: 100%;
}

.swiper-pagination {
    position: absolute;
    width: 100%;
    z-index: 20;
    margin: 0;
    top: auto;
    bottom: 20px !important;
    text-align: center;
    line-height: 1;
}

    .swiper-pagination span {
        display: inline-block;
        cursor: pointer;
        width: 10px;
        height: 10px;
        margin: 0 4px;
        opacity: 1;
        background-color: transparent;
        border: 1px solid #FFF;
        border-radius: 50%;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

        .swiper-pagination span:hover, .swiper-pagination span.swiper-pagination-bullet-active {
            background-color: #FFF !important;
        }
/* Video Overlay
-----------------------------------------------------------------*/

.video-wrap {
    overflow: hidden;
    width: 100%;
    position: relative;
}

    .video-wrap video {
        position: relative;
        z-index: 1;
        opacity: 1;
        width: 100%;
        transition: opacity .3s 1s ease; /*min-width: 100%;
	min-height: 100%;
	top: 50%;
	transform: translateY(-50%);*/
    }

body:not(.has-plugin-html5video) .video-wrap video {
    opacity: 0;
}

.video-overlay, .video-placeholder {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    background: transparent url('images/grid.png') repeat;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}

.video-placeholder {
    z-index: 4;
    background-repeat: no-repeat !important;
}
/* Slider Caption
-----------------------------------------------------------------*/

.slider-caption {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    flex-flow: column;
    justify-content: center;
    z-index: 20;
    max-width: 550px;
    color: #EEE;
    font-size: 1.375rem;
    font-weight: 300;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    -webkit-transition: top .3s ease;
    -o-transition: top .3s ease;
    transition: top .3s ease;
}

    .slider-caption:not(.dark), .slider-caption:not(.dark) h2 {
        color: #222;
        text-shadow: none;
    }

    .slider-caption h2 {
        font-size: 4rem;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 1;
        margin-bottom: 0;
    }

    .slider-caption p {
        margin-top: 30px;
        margin-bottom: 10px;
        font-size: 1.5rem;
    }

@media (max-width: 991.98px) {
    .swiper_wrapper .slider-caption h2 {
        font-size: 5.5vw;
    }

    .swiper_wrapper .slider-caption p {
        font-size: 2.6vw;
    }
}

.slider-caption.slider-caption-right {
    margin-left: auto;
}

.slider-caption.slider-caption-center {
    position: relative;
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.slider-caption-bg {
    padding: 5px 12px;
    border-radius: 2px;
    background-color: rgba(0,0,0,0.6);
    top: auto;
    bottom: 50px;
    left: 50px;
}

    .slider-caption-bg.slider-caption-bg-light {
        background-color: rgba(255,255,255,0.8);
        color: #333;
        font-weight: 400;
        text-shadow: none;
    }

.slider-caption-top-left {
    top: 50px;
    bottom: auto;
}

.slider-caption-top-right {
    top: 50px;
    bottom: auto;
    left: auto;
    right: 50px;
}

.slider-caption-bottom-right {
    left: auto;
    right: 50px;
}
/* Slider Arrows
-----------------------------------------------------------------*/

.slider-element .owl-carousel {
    margin: 0;
}

.slider-arrow-left, .slider-arrow-right, .flex-prev, .flex-next, .slider-arrow-top-sm, .slider-arrow-bottom-sm {
    position: absolute;
    cursor: pointer;
    z-index: 10;
    top: 50%;
    left: 0;
    background-color: rgba(0,0,0,0.3);
    width: 52px;
    height: 52px;
    border: 0;
    border-radius: 0 3px 3px 0;
    transform: translateY(-50%);
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

.slider-arrow-top-sm, .slider-arrow-bottom-sm {
    top: auto;
    bottom: 57px;
    left: auto;
    right: 20px;
    margin: 0;
    width: 32px;
    height: 32px;
    border-radius: 3px 3px 0 0;
}

.slider-arrow-bottom-sm {
    bottom: 20px;
    border-radius: 0 0 3px 3px;
}

.fslider[data-thumbs="true"] .flex-prev, .fslider[data-thumbs="true"] .flex-next {
    margin-top: -20px;
}

.slider-arrow-right, .slider-element .owl-next, .flex-next {
    left: auto;
    right: 0;
    border-radius: 3px 0 0 3px;
}

    .slider-arrow-left i, .slider-arrow-right i, .flex-prev i, .flex-next i, .slider-arrow-top-sm i, .slider-arrow-bottom-sm i {
        line-height: 50px;
        width: 100%;
        height: 100%;
        color: #DDD;
        color: rgba(255,255,255,0.8);
        text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
        font-size: 34px;
        text-align: center;
        transition: color .3s ease-in-out;
    }

.slider-arrow-top-sm i, .slider-arrow-bottom-sm i {
    width: 32px;
    height: 32px;
    margin: 0;
    line-height: 30px;
    font-size: 18px;
    color: #FFF;
    color: rgba(255,255,255,1);
}

.slider-element .owl-prev i {
    margin-left: 0;
}

.slider-element .owl-next i {
    margin-right: 4px;
}

.slider-arrow-left:hover, .slider-arrow-right:hover, .flex-prev:hover, .flex-next:hover, .slider-arrow-top-sm:hover, .slider-arrow-bottom-sm:hover {
    background-color: rgba(0,0,0,0.6) !important;
}
/* Slide Number
-----------------------------------------------------------------*/

.slide-number {
    position: absolute;
    opacity: 0;
    top: auto;
    right: 20px;
    bottom: 20px;
    z-index: 20;
    width: 36px;
    height: 40px;
    text-align: center;
    color: rgba(255,255,255,0.8);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    font-size: 18px;
    font-weight: 300;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.slider-element:hover .slide-number {
    opacity: 1;
}

.slide-number-current, .slide-number-total {
    position: absolute;
    line-height: 1;
    top: 5px;
    left: 0;
}

.slide-number-total {
    top: auto;
    bottom: 5px;
    left: auto;
    right: 0;
}

.slide-number span {
    display: block;
    font-size: 32px;
    line-height: 40px;
}
/* Pagination
-----------------------------------------------------------------*/

.slider-element .owl-dots {
    position: absolute;
    width: 100%;
    z-index: 20;
    margin: 0;
    top: auto;
    bottom: 15px;
}

    .slider-element .owl-dots button {
        width: 10px;
        height: 10px;
        margin: 0 3px;
        opacity: 1 !important;
        background-color: transparent !important;
        border: 1px solid #FFF;
    }

    .slider-element .owl-dots .owl-dot.active, .slider-element .owl-dots .owl-dot:hover {
        background-color: #FFF !important;
    }
/* Flex Slider - Navigation
-----------------------------------------------------------------*/

.nav-offset .flex-prev, .nav-offset .flex-next {
    border-radius: 3px;
}

.nav-offset .flex-prev {
    left: 20px;
}

.nav-offset .flex-next {
    right: 20px;
}

.nav-circle .flex-prev, .nav-circle .flex-next {
    border-radius: 50%;
}

.nav-solid .flex-prev, .nav-solid .flex-next {
    opacity: 1;
    background-color: #FFF;
}

    .nav-solid .flex-prev:hover, .nav-solid .flex-next:hover {
        background-color: #333 !important;
    }

    .nav-solid .flex-prev:not(:hover) i, .nav-solid .flex-next:not(:hover) i {
        color: #444;
        text-shadow: none;
    }

.nav-size-sm .flex-prev, .nav-size-sm .flex-next {
    width: 32px;
    height: 32px;
}

    .nav-size-sm .flex-prev i, .nav-size-sm .flex-next i {
        line-height: 32px;
        font-size: 1.5rem;
    }

.fslider[class*="nav-pos-"] .flex-prev, .fslider[class*="nav-pos-"] .flex-next {
    position: relative;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 5px;
    transform: none;
}

.fslider.nav-size-sm[class*="nav-pos-"] .flex-prev, .fslider.nav-size-sm[class*="nav-pos-"] .flex-next {
    margin: 0 3px;
}

.fslider[class*="nav-pos-"] .flex-direction-nav {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
}

.nav-pos-top .flex-direction-nav, .nav-pos-top-left .flex-direction-nav, .nav-pos-top-right .flex-direction-nav {
    top: 20px;
    left: 0;
}

.nav-pos-bottom .flex-direction-nav, .nav-pos-bottom-left .flex-direction-nav, .nav-pos-bottom-right .flex-direction-nav {
    top: auto;
    bottom: 20px;
}

.nav-pos-top-left .flex-direction-nav, .nav-pos-bottom-left .flex-direction-nav {
    width: auto !important;
    left: 16px;
}

.nav-pos-top-right .flex-direction-nav, .nav-pos-bottom-right .flex-direction-nav {
    width: auto !important;
    left: auto;
    right: 16px;
}
/* Flex Slider - Pagination & Thumbs
-----------------------------------------------------------------*/

.fslider[data-animation="fade"][data-thumbs="true"] .flexslider, .fslider.testimonial[data-animation="fade"] .flexslider {
    height: auto !important;
}

.flex-control-nav {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    width: auto;
    z-index: 10;
    text-align: center;
    top: 14px;
    right: 10px;
    margin: 0;
}

    .flex-control-nav li {
        display: block;
        margin: 0 3px;
        width: 0.625rem;
        height: 0.625rem;
    }

        .flex-control-nav li a {
            display: block;
            cursor: pointer;
            text-indent: -9999px;
            width: 100% !important;
            height: 100% !important;
            border: 1px solid #FFF;
            color: transparent;
            border-radius: 50%;
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
        }

            .flex-control-nav li:hover a, .flex-control-nav li a.flex-active {
                background-color: #FFF;
            }

.control-solid .flex-control-nav li a {
    border: none;
    background-color: #FFF;
}

    .control-solid .flex-control-nav li:hover a, .control-solid .flex-control-nav li a.flex-active {
        background-color: #f6901e;
    }

.control-square .flex-control-nav li a {
    border-radius: 3px;
}

.control-diamond .flex-control-nav li a {
    border-radius: 3px;
    transform: rotate(45deg);
}
/* Flex Slider: Pagination Positions
-----------------------------------------------------------------*/

.control-offset-lg .flex-control-nav {
    top: 24px;
    right: 20px;
}

.control-pos-top-left .flex-control-nav, .control-pos-bottom-left .flex-control-nav {
    left: 10px;
    right: auto;
}

.control-offset-lg.control-pos-top-left .flex-control-nav, .control-offset-lg.control-pos-bottom-left .flex-control-nav {
    left: 20px;
}

.control-pos-bottom-right .flex-control-nav, .control-pos-bottom-left .flex-control-nav, .control-pos-bottom .flex-control-nav, .control-pos-bottom .flex-control-nav {
    top: auto;
    bottom: 14px;
}

.control-offset-lg.control-pos-bottom-right .flex-control-nav, .control-offset-lg.control-pos-bottom-left .flex-control-nav, .control-offset-lg.control-pos-bottom .flex-control-nav, .control-offset-lg.control-pos-bottom .flex-control-nav {
    bottom: 24px;
}

.control-pos-bottom .flex-control-nav, .control-pos-bottom .flex-control-nav, .control-pos-top .flex-control-nav, .control-pos-top .flex-control-nav {
    width: 100%;
    right: 0;
}

.control-size-lg .flex-control-nav li {
    width: 0.9325rem;
    height: 0.9325rem;
    margin: 0 5px;
}
/* Flex Slider: Thumbs
-----------------------------------------------------------------*/

.flex-control-nav.flex-control-thumbs {
    position: relative;
    justify-content: left;
    top: 0;
    left: 0;
    right: 0;
    margin: 2px -2px -2px 0;
    height: auto;
}

    .flex-control-nav.flex-control-thumbs li {
        margin: 0 2px 2px 0;
    }

        .flex-control-nav.flex-control-thumbs li img {
            cursor: pointer;
            text-indent: -9999px;
            border: 0;
            border-radius: 0;
            margin: 0;
            opacity: 0.5;
            -webkit-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

        .flex-control-nav.flex-control-thumbs li, .flex-control-nav.flex-control-thumbs li img {
            display: block;
            width: 100px !important;
            height: auto !important;
        }

            .flex-control-nav.flex-control-thumbs li:hover img, .flex-control-nav.flex-control-thumbs li img.flex-active {
                border-width: 0;
                opacity: 1;
            }
/* FlexSlider: Thumbs - Flexible
-----------------------------------------------------------------*/

.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs {
    margin: 2px -2px -2px 0;
    height: auto;
}

    .fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        height: auto !important;
        margin: 0;
        padding: 0 2px 2px 0;
    }

        .fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li img {
            width: 100% !important;
            height: auto !important;
        }
/* ----------------------------------------------------------------
	Page Title
-----------------------------------------------------------------*/


#page-title {
    position: relative;
    padding: 4rem 0;
    background-color: #F5F5F5;
    border-bottom: 1px solid #EEE;
}

    #page-title .container {
        position: relative;
    }

    #page-title h1 {
        padding: 0;
        margin: 0;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 1px;
        color: #333;
        font-size: 2rem;
        text-transform: uppercase;
    }

    #page-title span {
        display: block;
        margin-top: 10px;
        font-weight: 300;
        color: #777;
        font-size: 18px;
    }

.breadcrumb {
    position: absolute !important;
    width: auto !important;
    top: 50% !important;
    left: auto !important;
    right: 15px !important;
    margin: 0 !important;
    background-color: transparent !important;
    padding: 0 !important;
    font-size: 90%;
    transform: translateY(-50%);
}

.transparent-header + .page-title-parallax .breadcrumb {
    margin-top: 35px !important;
}

.breadcrumb a {
    color: #555;
}

    .breadcrumb a:hover {
        color: #f6901e;
    }

.breadcrumb i {
    width: auto !important;
}
/* Page Title - Dark
-----------------------------------------------------------------*/

#page-title.page-title-dark {
    background-color: #333;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1) !important;
    border-bottom: none;
}

    #page-title.page-title-dark h1 {
        color: rgba(255,255,255,0.9) !important;
    }

    #page-title.page-title-dark span {
        color: rgba(255,255,255,0.7) !important;
    }

    #page-title.page-title-dark .breadcrumb > .active {
        color: rgba(255,255,255,0.6);
    }

    #page-title.page-title-dark .breadcrumb a {
        color: rgba(255,255,255,0.8);
    }

        #page-title.page-title-dark .breadcrumb a:hover {
            color: rgba(255,255,255,0.95);
        }

    #page-title.page-title-dark .breadcrumb-item + .breadcrumb-item::before {
        color: #CCC;
    }
/* Page Title - Right Aligned
-----------------------------------------------------------------*/

.page-title-right {
    text-align: right;
}

    .page-title-right .breadcrumb {
        left: 15px !important;
        right: auto !important;
    }
/* Page Title - Center Aligned
-----------------------------------------------------------------*/

.page-title-center {
    text-align: center;
}

#page-title.page-title-center span {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

#page-title.page-title-center .breadcrumb {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 20px 0 0 !important;
    justify-content: center;
    transform: translateY(0);
}
/* Page Title - Background Pattern
-----------------------------------------------------------------*/

.page-title-pattern {
    background-image: url('images/pattern.png');
    background-repeat: repeat;
    background-attachment: fixed;
}
/* Page Title - Parallax Background
-----------------------------------------------------------------*/

.page-title-parallax {
    padding: 100px 0;
    text-shadow: none;
    border-bottom: none;
}

#page-title.page-title-parallax h1 {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 2px;
}

#page-title.page-title-parallax span {
    font-size: 1.25rem;
}

#page-title.page-title-parallax .breadcrumb {
    font-size: 0.875rem;
}

.page-title-parallax {
    background-color: transparent;
    background-image: url('images/parallax/parallax-bg.jpg');
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
}
/* Page Title - Mini
-----------------------------------------------------------------*/

#page-title.page-title-mini {
    padding: 20px 0;
}

    #page-title.page-title-mini h1 {
        font-weight: 600;
        font-size: 18px;
        color: #444;
    }

    #page-title.page-title-mini span {
        display: none;
    }
/* Page Title - No Background
-----------------------------------------------------------------*/

#page-title.page-title-nobg {
    background: transparent !important;
    border-bottom: 1px solid #F5F5F5;
}
/* Page Title - Video
-----------------------------------------------------------------*/

.page-title-video {
    background: none;
    position: relative;
    overflow: hidden;
}

    .page-title-video .container {
        z-index: 3;
    }

    .page-title-video .video-wrap {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

        .page-title-video .video-wrap video {
            width: 100%;
        }

@media (max-width: 767.98px) {
    .game-wrapper {
        width: 100%;
        overflow: auto;
    }

    .game-logo {
        width: max-content;
    }

    #page-title {
        padding: 2rem 0;
        text-align: center;
    }

        #page-title h1 {
            line-height: 1.5;
            font-size: calc( 1rem + 2vw );
        }

    .page-title-parallax span {
        font-size: 1rem;
    }

    #page-title .breadcrumb {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: 20px 0 0 !important;
        justify-content: center;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    #page-title #portfolio-navigation, #portfolio-ajax-title #portfolio-navigation {
        position: relative;
        top: 0;
        left: 0;
        margin: 15px auto 0;
    }
}
/* ----------------------------------------------------------------
	Content
-----------------------------------------------------------------*/


#content {
    position: relative;
    background-color: #FFF;
}

    #content p {
        line-height: 1.8;
    }

.content-wrap {
    position: relative;
    padding: 30px 0;
    overflow: hidden;
}

#content .container {
    position: relative;
}

.grid-container, .grid-inner {
    position: relative;
    overflow: hidden;
    will-change: transform;
}

.grid-inner {
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

body:not(.device-touch) .grid-container {
    -webkit-transition: height .4s ease;
    -o-transition: height .4s ease;
    transition: height .4s ease;
}
/* ----------------------------------------------------------------
	Portfolio
-----------------------------------------------------------------*/


/* Grid Filter
-----------------------------------------------------------------*/

.grid-filter-wrap {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}

.grid-filter {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 3.5rem;
    list-style: none;
}

    .grid-filter li {
        position: relative;
        width: 50%;
    }

        .grid-filter li a {
            display: block;
            position: relative;
            padding: 10px 20px;
            font-size: 0.9375rem;
            color: #666;
            text-align: center;
            border-radius: 2px;
        }

            .grid-filter li a:hover {
                color: #f6901e;
            }

        .grid-filter li.activeFilter a {
            color: #FFF;
            background-color: #f6901e;
            margin: 0;
            font-weight: bold;
        }

@media (min-width: 576px) {
    .grid-filter li {
        width: 33.333333%;
    }
}

@media (min-width: 768px) {
    .grid-filter li {
        width: auto;
    }

    .grid-filter {
        border: 1px solid rgba(0,0,0,0.07);
        border-radius: 4px;
    }

        .grid-filter li a {
            border-left: 1px solid rgba(0,0,0,0.07);
            border-radius: 0;
        }

        .grid-filter li:first-child a {
            border-left: none;
            border-radius: 4px 0 0 4px;
        }

        .grid-filter li:last-child a {
            border-radius: 0 4px 4px 0;
        }

        .grid-filter li.activeFilter a {
            margin: -1px 0;
            padding-top: 11px;
            padding-bottom: 11px;
        }

    .bothsidebar .grid-filter li a {
        padding: 12px 14px;
    }

    .bothsidebar .grid-filter li.activeFilter a {
        padding: 13px 18px;
    }
}
/* Grid Filter: Style 2
-----------------------------------------------------------------*/

.grid-filter.style-2, .grid-filter.style-3, .grid-filter.style-4 {
    border: none;
    border-radius: 0;
    margin-bottom: 2.75rem;
}

    .grid-filter.style-2 li, .grid-filter.style-3 li, .grid-filter.style-4 li {
        margin-bottom: 0.75rem;
    }

@media (min-width: 768px) {
    .grid-filter.style-2 li:not(:first-child), .grid-filter.style-3 li:not(:first-child) {
        margin-left: 10px;
    }
}

.grid-filter.style-2 li a, .grid-filter.style-3 li a, .grid-filter.style-4 li a {
    padding-top: 9px;
    padding-bottom: 9px;
    border-radius: 22px;
    border: none;
}

.grid-filter.style-2 li.activeFilter a {
    color: #FFF !important;
    margin: 0;
}
/* Grid Filter: Style 3
-----------------------------------------------------------------*/

.grid-filter.style-3 li a {
    border: 1px solid transparent;
}

.grid-filter.style-3 li.activeFilter a {
    color: #f6901e !important;
    border-color: #f6901e;
    background-color: transparent;
    margin: 0;
}

/* Grid Filter: Style 4
-----------------------------------------------------------------*/

@media (min-width: 768px) {
    .grid-filter.style-4 li:not(:first-child) {
        margin-left: 30px;
    }
}

.grid-filter.style-4 li a {
    padding: 13px 5px;
    border-radius: 0;
}

    .grid-filter.style-4 li a::after {
        content: '';
        position: absolute;
        top: auto;
        bottom: 0;
        left: 50%;
        width: 0;
        height: 2px;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

.grid-filter.style-4 li.activeFilter a {
    color: #444 !important;
    background-color: transparent;
    margin: 0;
}

    .grid-filter.style-4 li.activeFilter a::after {
        width: 100%;
        left: 0%;
        background-color: #f6901e;
    }
/* Portfolio - Shuffle Icon
-----------------------------------------------------------------*/

.grid-shuffle {
    width: 42px;
    height: 42px;
    border: 1px solid rgba(0,0,0,0.07);
    font-size: 1rem;
    text-align: center;
    line-height: 40px;
    color: #333;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

    .grid-shuffle:hover {
        background-color: #f6901e;
        color: #FFF;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    }
/* Portfolio - Items
-----------------------------------------------------------------*/

.portfolio, .portfolio-item {
    position: relative;
}

.portfolio-rounded .portfolio-image {
    border-radius: 5px;
    overflow: hidden;
}

body:not(.device-touch) .portfolio {
    -webkit-transition: height .4s linear;
    -o-transition: height .4s linear;
    transition: height .4s linear;
}

.portfolio-reveal .portfolio-item {
    overflow: hidden;
}

.portfolio-item .portfolio-image {
    position: relative;
    overflow: hidden;
}

    .portfolio-item .portfolio-image, .portfolio-item .portfolio-image > a, .portfolio-item .portfolio-image img {
        display: block;
        width: 100%;
        height: auto;
    }

@media (min-width: 768px) {
    .portfolio-reveal .portfolio-image img, .portfolio-reveal .bg-overlay {
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
}
/* Portfolio - Item Title
-----------------------------------------------------------------*/

.portfolio-desc {
    position: relative;
    z-index: 6;
    padding: 20px 5px;
}

    .portfolio-desc h3 {
        margin: 0;
        padding: 0;
        font-size: 1.25rem;
    }

        .portfolio-desc h3 a {
            color: #222;
        }

            .portfolio-desc h3 a:hover {
                color: #f6901e;
            }

    .portfolio-desc span {
        display: block;
    }

        .portfolio-desc span, .portfolio-desc span a {
            color: #888;
        }

            .portfolio-desc span a:hover {
                color: #000;
            }

.desc-lg .portfolio-desc {
    padding: 20px 8px;
}

    .desc-lg .portfolio-desc h3 {
        font-size: 1.5rem;
    }

    .desc-lg .portfolio-desc span {
        font-size: 110%;
    }

.desc-sm .portfolio-desc {
    padding: 15px 5px;
}

    .desc-sm .portfolio-desc h3 {
        font-size: 1rem;
    }

    .desc-sm .portfolio-desc span {
        font-size: 90%;
    }

.portfolio.no-gutters .portfolio-desc {
    padding-left: 15px;
    padding-right: 15px;
}

.portfolio.desc-sm.no-gutters .portfolio-desc {
    padding-left: 10px;
    padding-right: 10px;
}

.portfolio-reveal .portfolio-desc {
    background-color: #FFF;
    top: -100%;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

@media (min-width: 768px) {
    .portfolio-reveal .portfolio-desc {
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
}

.portfolio-reveal .portfolio-item:hover .portfolio-desc {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio-reveal .portfolio-item:hover .portfolio-image img, .portfolio-reveal .portfolio-item:hover .bg-overlay {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media (min-width: 768px) {
    .portfolio-reveal .portfolio-item:hover .portfolio-image img, .portfolio-reveal .portfolio-item:hover .bg-overlay {
        -webkit-transform: translateY(-15%);
        transform: translateY(-15%);
    }
}

@media (max-width: 767.98px) {
    .portfolio-reveal .portfolio-desc, .portfolio-reveal .portfolio-desc {
        display: none !important;
    }
}

.col-md-9 .portfolio-desc h3 {
    font-size: 1.125rem;
}

.col-md-9 .portfolio-desc span {
    font-size: 0.875rem;
}
/* Portfolio - Parallax
-----------------------------------------------------------------*/

.portfolio-parallax .portfolio-image {
    height: 60vh;
    background-attachment: fixed;
}

@media( min-width: 992px ) {
    .portfolio-parallax .portfolio-image {
        height: 500px;
    }
}
/* Portfolio Single
-----------------------------------------------------------------*/

.portfolio-single {
}
/* Portfolio Single - Image
-----------------------------------------------------------------*/

.portfolio-single-image > a, .portfolio-single-image .slide a, .portfolio-single-image img, .portfolio-single-image iframe, .portfolio-single-image video {
    display: block;
    width: 100%;
}

.portfolio-single-image-full {
    position: relative;
    height: 600px;
    overflow: hidden;
    margin: -80px 0 80px !important;
}

.portfolio-single-video {
    height: auto !important;
}
/* Masonry Thumbs
-----------------------------------------------------------------*/

.masonry-thumbs {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1px;
    margin-right: -1px;
    margin-bottom: -2px;
}

    .masonry-thumbs .grid-item {
        display: block;
        position: relative;
        width: 25%;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        padding-left: 1px;
        padding-right: 1px;
        padding-bottom: 2px;
        padding-top: 0;
    }

.masonry-gap-0 {
    margin: 0;
}

    .masonry-gap-0 .grid-item {
        padding: 0;
    }

.masonry-gap-lg {
    margin-left: -3px;
    margin-right: -3px;
    margin-bottom: -6px;
}

    .masonry-gap-lg .grid-item {
        padding-left: 3px;
        padding-right: 3px;
        padding-bottom: 6px;
    }

.masonry-gap-xl {
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: -10px;
}

    .masonry-gap-xl .grid-item {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 10px;
    }

.grid-item > img, .grid-item .grid-inner > img {
    width: 100%;
    height: auto;
    border-radius: 0;
}

.grid-1 > .grid-item {
    width: 100%;
}

.grid-2 > .grid-item {
    width: 50%;
}

.grid-3 > .grid-item {
    width: 33.333333%;
}

.grid-4 > .grid-item {
    width: 25%;
}

.grid-5 > .grid-item {
    width: 20%;
}

.grid-6 > .grid-item {
    width: 16.666667%;
}

.grid-8 > .grid-item {
    width: 12.50%;
}

.grid-10 > .grid-item {
    width: 10%;
}

.grid-12 > .grid-item {
    width: 8.333333%;
}

@media (min-width: 576px) {
    .grid-sm-1 > .grid-item {
        width: 100%;
    }

    .grid-sm-2 > .grid-item {
        width: 50%;
    }

    .grid-sm-3 > .grid-item {
        width: 33.333333%;
    }

    .grid-sm-4 > .grid-item {
        width: 25%;
    }

    .grid-sm-5 > .grid-item {
        width: 20%;
    }

    .grid-sm-6 > .grid-item {
        width: 16.666667%;
    }

    .grid-sm-8 > .grid-item {
        width: 12.50%;
    }

    .grid-sm-10 > .grid-item {
        width: 10%;
    }

    .grid-sm-12 > .grid-item {
        width: 8.333333%;
    }
}

@media (min-width: 768px) {
    .grid-md-1 > .grid-item {
        width: 100%;
    }

    .grid-md-2 > .grid-item {
        width: 50%;
    }

    .grid-md-3 > .grid-item {
        width: 33.333333%;
    }

    .grid-md-4 > .grid-item {
        width: 25%;
    }

    .grid-md-5 > .grid-item {
        width: 20%;
    }

    .grid-md-6 > .grid-item {
        width: 16.666667%;
    }

    .grid-md-8 > .grid-item {
        width: 12.50%;
    }

    .grid-md-10 > .grid-item {
        width: 10%;
    }

    .grid-md-12 > .grid-item {
        width: 8.333333%;
    }
}

@media (min-width: 992px) {
    .grid-lg-1 > .grid-item {
        width: 100%;
    }

    .grid-lg-2 > .grid-item {
        width: 50%;
    }

    .grid-lg-3 > .grid-item {
        width: 33.333333%;
    }

    .grid-lg-4 > .grid-item {
        width: 25%;
    }

    .grid-lg-5 > .grid-item {
        width: 20%;
    }

    .grid-lg-6 > .grid-item {
        width: 16.666667%;
    }

    .grid-lg-8 > .grid-item {
        width: 12.50%;
    }

    .grid-lg-10 > .grid-item {
        width: 10%;
    }

    .grid-lg-12 > .grid-item {
        width: 8.333333%;
    }
}

@media (min-width: 1200px) {
    .grid-xl-1 > .grid-item {
        width: 100%;
    }

    .grid-xl-2 > .grid-item {
        width: 50%;
    }

    .grid-xl-3 > .grid-item {
        width: 33.333333%;
    }

    .grid-xl-4 > .grid-item {
        width: 25%;
    }

    .grid-xl-5 > .grid-item {
        width: 20%;
    }

    .grid-xl-6 > .grid-item {
        width: 16.666667%;
    }

    .grid-xl-8 > .grid-item {
        width: 12.50%;
    }

    .grid-xl-10 > .grid-item {
        width: 10%;
    }

    .grid-xl-12 > .grid-item {
        width: 8.333333%;
    }
}
/* Portfolio Single - Content
-----------------------------------------------------------------*/

.portfolio-single-content h2 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 1.25rem;
    font-weight: 600 !important;
}

.portfolio-ajax-modal {
    width: 1000px !important;
}

.modal-padding {
    padding: 40px;
}

.ajax-modal-title {
    background-color: #F9F9F9;
    border-bottom: 1px solid #EEE;
    padding: 25px 40px;
}

    .ajax-modal-title h2 {
        font-size: 1.75rem;
        margin-bottom: 0;
    }

#portfolio-ajax-wrap {
    position: relative;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .4s ease;
    -o-transition: max-height .4s ease;
    transition: max-height .4s ease;
}

    #portfolio-ajax-wrap.portfolio-ajax-opened {
        max-height: 1200px;
    }

#portfolio-ajax-container {
    display: none;
    padding-bottom: 60px;
}

#portfolio-ajax-title h2 {
    font-size: 1.75rem;
}
/* Portfolio Single - Meta
-----------------------------------------------------------------*/

.portfolio-meta, .portfolio-share {
    list-style: none;
    font-size: 0.875rem;
}

    .portfolio-meta li {
        margin: 10px 0;
        color: #666;
    }

        .portfolio-meta li:first-child {
            margin-top: 0;
        }

        .portfolio-meta li span {
            display: inline-block;
            width: 150px;
            font-weight: bold;
            color: #333;
        }

            .portfolio-meta li span i {
                position: relative;
                top: 1px;
                width: 14px;
                text-align: center;
                margin-right: 7px;
            }
/* Portfolio Single Navigation
-----------------------------------------------------------------*/

#portfolio-navigation {
    position: absolute;
    top: 50%;
    left: auto;
    right: 10px;
    max-width: 96px;
    height: 24px;
    margin-top: -12px;
}

.page-title-right #portfolio-navigation {
    left: 10px;
    right: auto;
}

.page-title-center #portfolio-navigation {
    position: relative;
    top: 0;
    left: 0;
    margin: 20px auto 0;
}

#portfolio-navigation a {
    display: block;
    float: left;
    margin-left: 12px;
    width: 24px;
    height: 24px;
    text-align: center;
    color: #444;
    transition: color .3s linear;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
}

.page-title-dark #portfolio-navigation a {
    color: #EEE;
}

.page-title-parallax #portfolio-navigation a {
    color: #FFF;
}

#portfolio-navigation a i {
    position: relative;
    top: -1px;
    font-size: 1.5rem;
    line-height: 1;
}

    #portfolio-navigation a i.icon-angle-left, #portfolio-navigation a i.icon-angle-right {
        font-size: 32px;
        top: -6px;
    }

    #portfolio-navigation a i.icon-angle-right {
        left: -1px;
    }

#portfolio-navigation a:first-child {
    margin-left: 0;
}

#portfolio-navigation a:hover {
    color: #f6901e;
}

#portfolio-ajax-show #portfolio-navigation {
    top: 0;
    margin-top: 0;
}
/* ----------------------------------------------------------------
	Blog
-----------------------------------------------------------------*/


#posts {
    position: relative;
}

.entry {
    position: relative;
    margin-bottom: 50px;
}

.posts-md .entry, .posts-sm .entry {
    margin-bottom: 0;
}

.entry::after {
    content: '';
    position: relative;
    height: 2px;
    margin-top: 50px;
    background-color: #F5F5F5;
}

.entry-image {
    margin-bottom: 30px;
}

.posts-md .entry-image, .posts-sm .entry-image {
    margin-bottom: 0;
}

.entry-image, .entry-image > a, .entry-image .slide a, .entry-image img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

.posts-sm .entry-image {
    width: 64px;
}

.entry-image iframe {
    display: block;
}

.entry-image video {
    display: block;
    width: 100%;
}

.entry-image img {
    border-radius: 3px;
}

.posts-md .entry-image + .entry-title {
    margin-top: 0.875rem;
}

.entry-title h2, .entry-title h3, .entry-title h4 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.entry-title.title-sm h2, .entry-title.title-sm h3 {
    font-size: 1.25rem;
    letter-spacing: 0;
}

.entry-title.title-sm h3 {
    font-size: 1.125rem;
}

.entry-title.title-xs h2, .entry-title.title-xs h3 {
    font-size: 1rem;
    letter-spacing: 0;
}

.entry-title h4 {
    font-size: 0.875rem;
    letter-spacing: 0;
}

.entry-title.nott h2, .entry-title.nott h3, .entry-title h4 {
    text-transform: none;
}

    .entry-title h2 a, .entry-title h3 a, .entry-title h4 a {
        color: #333;
    }

        .entry-title h2 a:hover, .entry-title h3 a:hover, .entry-title h4 a:hover {
            color: #f6901e;
        }

.entry-meta {
    position: relative;
    overflow: hidden;
    margin-top: 10px;
}

.posts-sm .entry-meta {
    margin-top: 6px;
}

.single-post .entry-meta {
    margin-bottom: 20px;
}

.posts-md .entry-meta, .posts-sm .entry-meta {
    margin-bottom: 0px;
}

.entry-meta ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 -10px -20px;
    list-style: none;
}

    .entry-meta.no-separator ul, .entry-meta ul.flex-column {
        align-items: start;
        margin-left: 0;
    }

.posts-sm .entry-meta ul {
    margin-bottom: -5px;
}

.entry-meta li {
    font-size: 90%;
    margin: 0 15px 10px 0;
    color: #999;
}

.entry-meta ul.flex-column li {
    margin-left: 0;
}

.posts-sm .entry-meta li {
    margin-bottom: 5px;
}

.entry-meta:not(.no-separator) li::before {
    content: '\205E';
    width: 5px;
    text-align: center;
    display: inline-block;
    margin-right: 15px;
    opacity: 0.5;
}

.entry-meta i {
    position: relative;
    top: 1px;
    padding-left: 1px;
    margin-right: 5px;
}

.entry-meta a:not(:hover) {
    color: #999;
}

.entry-meta ins {
    font-weight: 700;
    text-decoration: none;
}

.entry-content {
    margin-top: 30px;
}

.single-post .entry-content {
    margin-top: 0;
}

.posts-md .entry-content, .posts-sm .entry-content {
    margin-top: 20px;
}

.single-post .entry-content .entry-image {
    max-width: 350px;
}

.entry-content {
    position: relative;
}

.entry-link {
    display: block;
    width: 100%;
    background-color: #F5F5F5;
    padding: 30px 0;
    text-align: center;
    color: #444;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.5rem;
    font-weight: 700;
    border-radius: 3px;
}

body:not(.device-touch) .entry-link {
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

.entry-link:hover {
    color: #FFF;
    background-color: #f6901e;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.entry-link span {
    display: block;
    margin-top: 5px;
    font-family: 'PT Serif', serif;
    font-style: italic;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.875rem;
    color: #AAA;
}

.entry-link:hover span {
    color: #EEE;
}

.entry blockquote p {
    font-weight: 400;
    font-family: 'PT Serif', serif;
    font-style: italic;
}
/* Blog - Grid
-----------------------------------------------------------------*/

.post-grid .entry {
    margin-bottom: 30px;
}

.post-grid .entry-title h2 {
    font-size: 1.125rem;
    letter-spacing: 0;
    font-weight: 600;
}

.post-grid .entry-link {
    font-size: 1.5rem;
}

    .post-grid .entry-link span {
        font-size: 0.875rem;
    }
/* Blog - Timeline
-----------------------------------------------------------------*/

.entry-timeline {
    display: none;
}

@media (min-width: 992px) {
    .timeline-border {
        position: absolute;
        top: 0;
        left: 50%;
        width: 0;
        border-left: 1px dashed #CCC;
        height: 100%;
        transform: translateX(-50%);
    }

    .postcontent .post-timeline::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 0;
        border-left: 1px dashed #CCC;
        height: 100%;
    }

    .post-timeline .entry-timeline {
        display: none;
        position: absolute;
        border: 2px solid #CCC;
        background-color: #FFF;
        padding-top: 0;
        text-indent: -9999px;
        top: 40px;
        left: auto;
        right: -6px;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        font-size: 1.75rem;
        font-weight: bold;
        color: #AAA;
        text-align: center;
        line-height: 1;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

        .post-timeline .entry-timeline .timeline-divider {
            position: absolute;
            top: 4px;
            left: auto;
            right: 15px;
            width: 70px;
            height: 0;
            border-top: 1px dashed #CCC;
            -webkit-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

    .post-timeline .entry:not(.entry-date-section) {
        padding-right: 85px;
    }

    .post-timeline .entry.alt:not(.entry-date-section) {
        padding-right: inherit;
        padding-left: 85px;
    }

    .post-timeline .alt .entry-timeline {
        right: auto;
        left: -6px;
    }

        .post-timeline .alt .entry-timeline .timeline-divider {
            left: 15px;
            right: auto;
        }

    .post-timeline .entry-timeline span {
        display: block;
        margin-top: 3px;
        font-size: 13px;
        font-weight: normal;
    }

    .post-timeline .entry:hover .entry-timeline, .post-timeline .entry:hover .timeline-divider {
        border-color: #f6901e;
        color: #f6901e;
    }
}

.entry.entry-date-section {
    margin: 50px 0 80px;
    text-align: center;
}

    .entry.entry-date-section:first-child {
        margin-top: 0;
    }

    .entry.entry-date-section span {
        display: inline-block;
        width: 250px;
        background-color: #FFF;
        border: 2px solid #EEE;
        font-size: 18px;
        line-height: 50px;
        font-weight: bold;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-family: 'Poppins', sans-serif;
    }

@media (min-width: 992px) {
    /* Blog - Timeline - Sidebar
	-----------------------------------------------------------------*/

    .postcontent .post-timeline::before {
        left: -68px;
        margin-left: 0;
    }

    .postcontent .post-timeline {
        padding-left: 0;
        margin-left: 100px;
        margin-right: 0 !important;
        overflow: visible;
    }

        .postcontent .post-timeline .entry {
            width: 100% !important;
            padding: 0 !important;
        }

        .postcontent .post-timeline .entry-timeline {
            display: block;
            border: 3px solid #CCC;
            background-color: #FFF;
            padding-top: 10px;
            text-indent: 0;
            top: 20px;
            left: -100px;
            right: auto;
            width: 64px;
            height: 64px;
            font-size: 1.5rem;
        }

            .postcontent .post-timeline .entry-timeline div.timeline-divider {
                top: 29px;
                left: 64px;
                width: 32px;
            }
}

.more-link {
    display: inline-block;
    border-bottom: 1px solid #f6901e;
    padding: 0 2px;
    font-family: 'PT Serif', serif;
    font-style: italic;
}

    .more-link:hover {
        border-bottom-color: #555;
    }

.post-navigation + .line {
    margin-top: 50px;
}
/* ----------------------------------------------------------------
	Blog - Author
-----------------------------------------------------------------*/

.author-image {
    float: left;
    width: 64px;
    height: 64px;
    margin-right: 15px;
}

    .author-image img {
        width: 64px;
        height: 64px;
    }

.author-desc {
    position: relative;
    overflow: hidden;
}
/* ----------------------------------------------------------------
	Comments List
-----------------------------------------------------------------*/


#comments {
    position: relative;
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid #EEE;
}

.commentlist {
    list-style: none;
    padding-bottom: 50px;
    margin: 0 0 50px;
    border-bottom: 1px solid #EEE;
}

#reviews .commentlist {
    padding-bottom: 30px;
    margin: 0 0 20px;
}

.commentlist ul {
    list-style: none;
}

.commentlist li, .commentlist li ul, .commentlist li ul li {
    margin: 30px 0 0 0;
}

.commentlist ul:first-child {
    margin-top: 0;
}

.commentlist li {
    position: relative;
    margin: 30px 0 0 30px;
}

#reviews .commentlist li {
    margin-top: 20px;
}

.comment-wrap {
    position: relative;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    padding: 20px 20px 20px 35px;
}

.commentlist ul .comment-wrap {
    margin-left: 25px;
    padding-left: 20px;
}

#reviews .comment-wrap {
    border: 0;
    padding: 10px 0 0 35px;
}

.commentlist > li:first-child, #reviews .commentlist > li:first-child {
    padding-top: 0;
    margin-top: 0;
}

.commentlist li .children {
    margin-top: 0;
}

.commentlist li li .children {
    margin-left: 30px;
}

.commentlist li .comment-content, .pingback {
    position: relative;
    overflow: hidden;
}

    .commentlist li .comment-content p, .pingback p {
        margin: 20px 0 0 0;
    }

.commentlist li .comment-content {
    padding: 0 0 0 15px;
}

.commentlist li .comment-meta {
    float: left;
    margin-right: 0;
    line-height: 1;
}

.comment-avatar {
    position: absolute;
    top: 15px;
    left: -35px;
    padding: 4px;
    background: #FFF;
    border: 1px solid #E5E5E5;
    border-radius: 50%;
}

    .comment-avatar img {
        display: block;
        border-radius: 50%;
    }

.commentlist li .children .comment-avatar {
    left: -25px;
}

.comment-content .comment-author {
    margin-bottom: -10px;
    font-size: 1rem;
    font-weight: bold;
    color: #555;
}

    .comment-content .comment-author a {
        border: none;
        color: #333;
    }

        .comment-content .comment-author a:hover {
            color: #f6901e;
        }

    .comment-content .comment-author span {
        display: block;
    }

        .comment-content .comment-author span, .comment-content .comment-author span a {
            font-size: 12px;
            font-weight: normal;
            font-family: 'PT Serif', serif;
            font-style: italic;
            color: #AAA;
        }

            .comment-content .comment-author span a:hover {
                color: #888;
            }

.comment-reply-link, .review-comment-ratings {
    display: block;
    position: absolute;
    top: 4px;
    left: auto;
    text-align: center;
    right: 0px;
    width: 14px;
    height: 14px;
    color: #CCC;
    font-size: 0.875rem;
    line-height: 1;
}

.review-comment-ratings {
    width: auto;
    color: #333;
}

.comment-reply-link:hover {
    color: #888;
}
/* ----------------------------------------------------------------
	Comment Form
-----------------------------------------------------------------*/


#respond, #respond form {
    margin-bottom: 0;
}

.commentlist li #respond {
    margin: 30px 0 0;
}

.commentlist li li #respond {
    margin-left: 30px;
}

#respond p {
    margin: 10px 0 0 0;
}

    #respond p:first-child {
        margin-top: 0;
    }

#respond label small {
    color: #999;
    font-weight: normal;
}

#respond input[type="text"], #respond textarea {
    margin-bottom: 0;
}

.fb-comments, .fb_iframe_widget, .fb-comments > span, .fb_iframe_widget > span, .fb-comments > span > iframe, .fb_iframe_widget > span > iframe {
    display: block !important;
    width: 100% !important;
    margin: 0;
}
/* Post Elements
-----------------------------------------------------------------*/

img.alignleft, div.alignleft {
    float: left;
    margin: 5px 20px 13px 0;
    max-width: 100%;
}

    div.alignleft > img, div.alignnone > img, div.aligncenter > img, div.alignright > img {
        display: block;
        float: none;
    }

img.alignnone, img.aligncenter, div.alignnone, div.aligncenter {
    display: block;
    margin: 10px 0;
    float: none;
}

    img.aligncenter, div.aligncenter, div.aligncenter img {
        margin-left: auto;
        margin-right: auto;
        clear: both;
    }

img.alignright, div.alignright {
    float: right;
    margin: 5px 0 13px 20px;
}

.wp-caption {
    text-align: center;
    margin: 10px 20px 13px 20px;
    font-family: 'Lato', Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}

    .wp-caption img, .wp-caption img a {
        display: block;
        margin: 0;
    }

p.wp-caption-text {
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 5px 10px;
    background-color: #EEE;
    border-radius: 50px;
}

.wp-smiley {
    max-height: 13px;
    margin: 0 !important;
}
/* Infinity Scroll - Message Style
-----------------------------------------------------------------*/

#infscr-loading, #portfolio-ajax-loader {
    position: fixed;
    z-index: 20;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
    background-color: rgba(0,0,0,0.7);
    border-radius: 3px;
    line-height: 48px;
    font-size: 1.5rem;
    color: #FFF;
    text-align: center;
}

    #infscr-loading img, #portfolio-ajax-loader img {
        display: none;
        width: 24px;
        height: 24px;
        margin: 12px;
    }

#portfolio-ajax-loader {
    display: none;
}

    #portfolio-ajax-loader img {
        display: block;
    }

.page-load-status {
    position: relative;
    display: none;
    padding: 30px 0;
}

    .page-load-status .css3-spinner-ball-pulse-sync > div {
        background-color: #333;
    }
/* ----------------------------------------------------------------
	Shop
-----------------------------------------------------------------*/


.shop, .product {
    position: relative;
}

    .product .product-image {
        position: relative;
        overflow: hidden;
    }

.product-image > a, .product-image .slide a, .product-image img {
    display: block;
    width: 100%;
}

body:not(.device-touch):not(.device-sm):not(.device-xs) .product-image > a {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.product-image > a:nth-of-type(2) {
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}

.product-image:hover > a:nth-of-type(2) {
    opacity: 1;
    z-index: 2;
}

.product-desc {
    padding: 15px 0;
}

.product-title {
    margin-bottom: 7px;
}

    .product-title h3 {
        margin: 0;
        font-size: 1.25rem;
    }

        .product-title h3 a, .single-product .product-title h2 a {
            color: #333;
        }

            .product-title h3 a:hover, .single-product .product-title h2 a:hover {
                color: #f6901e;
            }

.product-price {
    font-size: 1.125rem;
    font-weight: 700;
    color: #444;
    margin-bottom: 4px;
}

    .product-price del {
        font-weight: 400;
        font-size: 90%;
        color: #888;
    }

    .product-price ins {
        text-decoration: none;
        color: #f6901e;
    }

.product-image > .badge, .sale-flash {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 5;
}
/* Shop - Single
-----------------------------------------------------------------*/

.single-product .product {
    width: 100%;
    margin: 0;
}

.shop-quick-view-ajax, .portfolio-ajax-modal {
    position: relative;
    background-color: #FFF;
    width: 800px;
    margin: 0 auto;
}

.single-product .product-image, .single-product .product-image img {
    height: auto;
}

.single-product .product-title h2 {
    font-size: 1.75rem;
    margin-bottom: 8px;
}

.single-product .product-price {
    font-size: 1.5rem;
    color: #f6901e;
    margin-bottom: 0;
}

.single-product .product-desc .line {
    margin: 20px 0;
}

.quantity {
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 30px;
}

    .quantity input[type=number]::-webkit-inner-spin-button, .quantity input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
    }

    .quantity .qty {
        width: 50px;
        height: 40px;
        line-height: 40px;
        border: 0;
        border-left: 1px solid #DDD;
        border-right: 1px solid #DDD;
        background-color: #EEE;
        text-align: center;
        margin-bottom: 0;
    }

    .quantity .plus, .quantity .minus {
        display: block;
        cursor: pointer;
        border: 0px transparent;
        padding: 0;
        width: 36px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background-color: #EEE;
        font-size: 1rem;
        font-weight: bold;
        transition: background-color .2s linear;
        -webkit-transition: background-color .2s linear;
        -o-transition: background-color .2s linear;
    }

        .quantity .plus:hover, .quantity .minus:hover {
            background-color: #DDD;
        }

        .quantity .qty:focus, .quantity .plus:focus, .quantity .minus:focus {
            box-shadow: none !important;
            outline: 0 !important;
        }

.product-meta {
    font-size: 90%;
    color: #777;
}

    .product-meta > .card-body > span {
        display: inline-block;
        margin: 0 5px;
    }

.single-product .fbox-plain.fbox-sm .fbox-icon {
    width: 2.25rem;
}

    .single-product .fbox-plain.fbox-sm .fbox-icon i {
        font-size: 1.125rem;
        line-height: 1.5;
    }
/* ----------------------------------------------------------------
	Cart
-----------------------------------------------------------------*/


.cart .remove {
    font-size: 0.875rem;
    color: #FF0000;
}

    .cart .remove:hover {
        color: #000;
    }

.cart th {
    padding: 12px 15px !important;
    font-size: 0.875rem;
    color: #555;
}

.cart td {
    padding: 12px 15px !important;
    vertical-align: middle !important;
    border-color: #E5E5E5 !important;
}

.cart-product-thumbnail a {
    display: block;
    width: 68px;
}

.cart-product-thumbnail img {
    display: block;
    width: 64px;
    height: 64px;
    border: 2px solid #EEE;
}

    .cart-product-thumbnail img:hover {
        border-color: #f6901e;
    }

.cart-product-name a, .product-name a {
    font-weight: bold;
    font-size: 13px;
    color: #333;
}

    .cart-product-name a:hover, .product-name a:hover {
        color: #666;
    }

.cart-product-price, .cart-product-quantity, .cart-product-subtotal {
    text-align: center !important;
}

    .cart-product-quantity .quantity {
        margin: 0;
    }

@media (max-width: 767.98px) {
    .cart-product-quantity .quantity {
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .cart-product-quantity .quantity .qty, .cart-product-quantity .quantity .plus, .cart-product-quantity .quantity .minus {
            width: 100%;
        }

        .cart-product-quantity .quantity .qty {
            border: 0;
            border-top: 1px solid #DDD;
            border-bottom: 1px solid #DDD;
        }
}

td.actions {
    padding: 20px 15px !important;
    vertical-align: top !important;
    background-color: #F5F5F5;
}
/* ----------------------------------------------------------------
	Events
-----------------------------------------------------------------*/


.event.entry::after {
    display: none !important;
}

.event .grid-inner {
    background-color: #F9F9F9;
    border-bottom: 3px solid #EEE;
}

.event .entry-image .entry-date {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: rgba(0,0,0,0.7);
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    width: 60px;
    height: 64px;
    text-align: center;
    padding-top: 9px;
    font-size: 1.75rem;
    line-height: 1;
}

    .event .entry-image .entry-date span {
        display: block;
        font-size: 12px;
        margin-top: 7px;
    }

.single-event .event-meta .iconlist li, .parallax .iconlist li {
    margin: 5px 0;
}

.single-event .entry-overlay, .parallax .entry-overlay-meta {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background-color: rgba(0,0,0,0.85);
    text-align: center;
    line-height: 80px;
    font-size: 1.25rem;
    color: #FFF;
    z-index: 5;
}

.single-event .countdown-section {
    padding: 0 15px;
    border-left-color: rgba(255,255,255,0.3);
    color: #CCC;
}

.single-event .countdown-amount {
    color: #FFF;
}

.parallax .entry-overlay, .parallax .entry-overlay-meta {
    background: transparent;
    width: auto;
    text-align: right;
    bottom: 30px;
    left: auto;
    right: 30px;
}

.parallax .entry-overlay-meta {
    padding: 20px;
    font-size: 0.875rem;
    text-align: left;
    right: 38px;
    bottom: 130px;
    width: 368px;
    height: auto;
    line-height: inherit;
    background-color: rgba(0,0,0,0.7);
    border-radius: 3px;
}

.parallax.overlay-left .entry-overlay, .parallax.overlay-left .entry-overlay-meta {
    right: auto;
    left: 30px;
}

.parallax.overlay-left .entry-overlay-meta {
    left: 38px;
}

.parallax.overlay-center .entry-overlay, .parallax.overlay-center .entry-overlay-meta {
    bottom: 100px;
    right: auto;
    left: 50%;
    margin-left: -192px;
}

.parallax.overlay-center .entry-overlay-meta {
    top: 100px;
    bottom: auto;
    margin-left: -184px;
}

.parallax .entry-overlay-meta h2 {
    font-size: 1.25rem;
    text-transform: uppercase;
    border-bottom: 1px dashed rgba(255,255,255,0.2);
    padding-bottom: 17px;
}

    .parallax .entry-overlay-meta h2 a {
        color: #FFF;
    }

        .parallax .entry-overlay-meta h2 a:hover {
            color: #DDD;
        }

.parallax .countdown {
    top: 0;
}

.parallax .countdown-section {
    border-left: 0;
    width: 80px;
    height: 80px;
    margin: 0 8px;
    font-size: 13px;
    background-color: rgba(0,0,0,0.7);
    border-radius: 3px;
    padding-top: 14px;
}

.parallax .countdown-amount {
    font-size: 28px;
    margin-bottom: 6px;
}
/* ----------------------------------------------------------------

	Countdown

-----------------------------------------------------------------*/

.countdown {
    position: relative;
    display: block;
}

.countdown-row {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.countdown-section {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    font-size: 11px;
    line-height: 1;
    text-align: center;
    border-left: 1px dotted #BBB;
    color: #888;
    text-transform: capitalize;
}

    .countdown-section:first-child {
        border-left: 0;
    }

.countdown-amount {
    display: block;
    font-size: 1.25rem;
    color: #333;
    margin-bottom: 5px;
}

.countdown-descr {
    display: block;
    width: 100%;
}
/* Countdown - Medium
-----------------------------------------------------------------*/

.countdown-medium .countdown-section {
    font-size: 0.875rem;
}

.countdown-medium .countdown-amount {
    font-size: 30px;
    margin-bottom: 7px;
}
/* Countdown - Large
-----------------------------------------------------------------*/

.countdown-large .countdown-section {
    font-size: 18px;
}

.countdown-large .countdown-amount {
    font-size: 44px;
    font-weight: 700;
    margin-bottom: 8px;
}
/* Countdown - Inline
-----------------------------------------------------------------*/

.countdown.countdown-inline {
    display: inline-block;
}

    .countdown.countdown-inline .countdown-row {
        display: inline-block;
        text-align: center;
    }

    .countdown.countdown-inline .countdown-section {
        display: inline-block;
        font-size: inherit;
        line-height: inherit;
        width: auto;
        border: none;
        color: inherit;
        margin-left: 7px;
        text-transform: inherit;
    }

        .countdown.countdown-inline .countdown-section:first-child {
            margin-left: 0;
        }

    .countdown.countdown-inline .countdown-amount {
        display: inline-block;
        font-size: inherit;
        color: inherit;
        font-weight: bold;
        margin: 0 3px 0 0;
    }

    .countdown.countdown-inline .countdown-descr {
        display: inline-block;
        width: auto;
    }

@media (min-width: 768px) {
    /* Countdown - Coming Soon
	-----------------------------------------------------------------*/

    .countdown.countdown-large.coming-soon .countdown-section {
        border: none;
        padding: 15px;
    }

    .countdown.countdown-large.coming-soon .countdown-amount {
        width: 140px;
        height: 140px;
        line-height: 140px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 50%;
        background-color: rgba(0,0,0,0.2);
        margin-bottom: 15px !important;
    }
}
/* ----------------------------------------------------------------
	Buttons
-----------------------------------------------------------------*/

.button:active, .button-green:focus {
    box-shadow: 0 4px #3f9c28 !important;
}


.button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 8px 22px;
    font-size: 0.875rem;
    line-height: 24px;
    color: #FFF;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: normal;
    border: none;
    background: #f3902f;
    text-align: center;
    box-shadow: 0 4px #e2760d;
}

body:not(.device-touch) .button {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.button.button-dark {
    background-color: #444;
}

.button.button-light {
    background-color: #EEE;
    color: #333;
    text-shadow: none !important;
}

.button:hover {
    background-color: #c16000;
    color: #FFF;
    box-shadow: 0 4px #e2760d;
}

.button.button-dark:hover {
    background-color: #f6901e;
}

.button.button-xs {
    padding: 2px 10px;
    font-size: 11px;
    line-height: 20px;
}

.button.button-mini {
    padding: 4px 14px;
    font-size: 11px;
    line-height: 20px;
}

.button.button-small {
    padding: 7px 17px;
    font-size: 12px;
    line-height: 20px;
}

.button.button-large {
    padding: 8px 26px;
    font-size: 1rem;
    line-height: 30px;
}

.button.button-xlarge {
    padding: 9px 32px;
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 34px;
}

.button.button-desc {
    text-align: left;
    padding: 24px 34px;
    font-size: 1.25rem;
    height: auto;
    line-height: 1;
    font-family: 'Poppins', sans-serif;
}

    .button.button-desc span {
        display: block;
        margin-top: 10px;
        font-size: 0.875rem;
        font-weight: 400;
        letter-spacing: 1px;
        font-family: 'PT Serif', serif;
        font-style: italic;
        text-transform: none;
    }

.button i {
    position: relative;
    margin-right: 5px;
    width: 16px;
    text-align: center;
}

.button.text-right i {
    margin: 0 0 0 5px;
}

.button-mini i {
    margin-right: 3px;
}

.button-mini.text-right i {
    margin: 0 0 0 3px;
}

.button-small i {
    margin-right: 4px;
}

.button-small.text-right i {
    margin: 0 0 0 4px;
}

.button-xlarge i {
    margin-right: 8px;
}

.button-xlarge.text-right i {
    margin: 0 0 0 8px;
}

.button.button-desc i {
    font-size: 48px;
    width: 48px;
    text-align: center;
    margin-right: 12px;
}

.button.button-desc.text-right i {
    margin: 0 0 0 12px;
}

.button.button-desc div {
    display: inline-block;
}

.button.button-rounded {
    border-radius: 15px;
}
/* Buttons - Border
-----------------------------------------------------------------*/

.button.button-border {
    border: 2px solid #444;
    background-color: transparent;
    color: #333;
    font-weight: 700;
    text-shadow: none;
    box-shadow: 0 4px #7b7b7b;
}

.button-border:focus {
    box-shadow: 0 4px #7b7b7b !important;
}

.button.button-border-thin {
    border-width: 1px;
}

.button.button-border.button-desc {
    line-height: 1;
}

.button.button-border:not(.button-fill):hover {
    background-color: #444;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.button.button-border.button-light {
    border-color: #FFF;
    color: #FFF;
    box-shadow: 0 4px #c7c7c7;
}

    .button.button-border.button-light:hover {
        background-color: #FFF;
        color: #333;
        text-shadow: none;
    }
/* Buttons - Border
-----------------------------------------------------------------*/

.button.button-3d {
    border-radius: 3px;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,0.15);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

    .button.button-3d:hover {
        background-color: #f6901e;
        opacity: 0.9;
    }

    .button.button-3d.button-light:hover, .button.button-reveal.button-light:hover {
        text-shadow: none;
        color: #333;
    }
/* Buttons - Icon Reveal
-----------------------------------------------------------------*/

.button.button-reveal {
    padding-left: 28px;
    padding-right: 28px;
    overflow: hidden;
}

    .button.button-reveal i {
        display: block;
        position: absolute;
        top: 0;
        left: -32px;
        width: 32px;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        background-color: rgba(0,0,0,0.1);
    }

    .button.button-reveal.button-border i {
        top: -2px;
    }

    .button.button-reveal.text-right i {
        left: auto;
        right: -32px;
    }

    .button.button-reveal.button-3d i, .button.button-reveal.button-rounded i {
        border-radius: 3px 0 0 3px;
    }

    .button.button-reveal.button-3d.text-right i, .button.button-reveal.button-rounded.text-right i {
        border-radius: 0 3px 3px 0;
    }

    .button.button-reveal span {
        display: inline-block;
        position: relative;
        left: 0;
    }

body:not(.device-touch) .button.button-reveal i, body:not(.device-touch) .button.button-reveal span {
    -webkit-transition: left 0.3s ease, right 0.3s ease;
    -o-transition: left 0.3s ease, right 0.3s ease;
    transition: left 0.3s ease, right 0.3s ease;
}

.button.button-reveal.button-mini {
    padding-left: 17px;
    padding-right: 17px;
}

    .button.button-reveal.button-mini i {
        left: -22px;
        width: 22px;
    }

    .button.button-reveal.button-mini.text-right i {
        left: auto;
        right: -22px;
    }

.button.button-reveal.button-small {
    padding-left: 22px;
    padding-right: 22px;
}

    .button.button-reveal.button-small i {
        left: -26px;
        width: 26px;
    }

    .button.button-reveal.button-small.text-right i {
        left: auto;
        right: -26px;
    }

.button.button-reveal.button-large {
    padding-left: 32px;
    padding-right: 32px;
}

    .button.button-reveal.button-large i {
        left: -38px;
        width: 38px;
    }

    .button.button-reveal.button-large.text-right i {
        left: auto;
        right: -38px;
    }

.button.button-reveal.button-xlarge {
    padding-right: 40px;
    padding-left: 40px;
}

    .button.button-reveal.button-xlarge i {
        left: -44px;
        width: 44px;
    }

    .button.button-reveal.button-xlarge.text-right i {
        left: auto;
        right: -44px;
    }

.button.button-reveal:hover i {
    left: 0;
}

.button.button-reveal.text-right:hover i {
    left: auto;
    right: 0;
}

.button.button-reveal:hover span {
    left: 16px;
}

.button.button-reveal.button-mini:hover span {
    left: 11px;
}

.button.button-reveal.button-small:hover span {
    left: 13px;
}

.button.button-reveal.button-large:hover span {
    left: 19px;
}

.button.button-reveal.button-xlarge:hover span {
    left: 22px;
}

.button.button-reveal.text-right:hover span {
    left: -16px;
}

.button.button-reveal.button-mini.text-right:hover span {
    left: -11px;
}

.button.button-reveal.button-small.text-right:hover span {
    left: -13px;
}

.button.button-reveal.button-large.text-right:hover span {
    left: -19px;
}

.button.button-reveal.button-xlarge.text-right:hover span {
    left: -22px;
}
/* Buttons - Promo 100% Width
-----------------------------------------------------------------*/

.button.button-full {
    display: block;
    width: 100%;
    white-space: normal;
    margin: 0;
    height: auto;
    line-height: 1.6;
    padding: 30px 0;
    font-size: 30px;
    font-weight: 300;
    text-transform: none;
    border-radius: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

    .button.button-full.button-light {
        border-bottom: 1px solid rgba(0,0,0,0.15);
    }

    .button.button-full strong {
        font-weight: 700;
        border-bottom: 2px solid #EEE;
    }

body:not(.device-touch) .button.button-full strong {
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.button.button-full.button-light strong {
    border-bottom-color: #333;
}

.button.button-full.button-light:hover strong {
    border-bottom-color: #EEE;
}
/* Buttons - Circle
-----------------------------------------------------------------*/

.button.button-circle {
    border-radius: 20px;
}

.button.button-mini.button-circle {
    border-radius: 14px;
}

.button.button-small.button-circle {
    border-radius: 17px;
}

.button.button-large.button-circle {
    border-radius: 23px;
}

.button.button-xlarge.button-circle {
    border-radius: 26px;
}
/* Buttons - Fill Effect
-----------------------------------------------------------------*/

.button.button-border.button-fill {
    overflow: hidden;
    transform-style: preserve-3d;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    -webkit-backface-visibility: hidden;
}

    .button.button-border.button-fill span {
        position: relative;
    }

    .button.button-border.button-fill:hover {
        background-color: transparent !important;
        color: #FFF;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    }

    .button.button-border.button-fill.button-light:hover {
        border-color: #EEE !important;
        color: #333 !important;
        text-shadow: none;
    }

    .button.button-border.button-fill::before {
        content: '';
        position: absolute;
        background-color: #444;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        -webkit-backface-visibility: hidden;
    }

    .button.button-border.button-fill.button-light::before {
        background-color: #EEE;
    }

    .button.button-border.button-fill.fill-from-right::before {
        left: auto;
        right: 0;
    }

    .button.button-border.button-fill:hover::before {
        width: 100%;
    }

    .button.button-border.button-fill.fill-from-top::before, .button.button-border.button-fill.fill-from-bottom::before {
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

    .button.button-border.button-fill.fill-from-top::before {
        width: 100%;
        height: 0;
    }

    .button.button-border.button-fill.fill-from-top:hover::before {
        height: 100%;
    }

    .button.button-border.button-fill.fill-from-bottom::before {
        width: 100%;
        height: 0;
        top: auto;
        bottom: 0;
    }

    .button.button-border.button-fill.fill-from-bottom:hover::before {
        height: 100%;
    }
/* Buttons - Colors
-----------------------------------------------------------------*/

.button-red {
    background: #de5252;
    box-shadow: 0 4px #ab2929;
    border: 2px solid #de5252;
}

    .button-red:hover, .button-red:active, .button-red:visited, .button-red:focus {
        background: #8a0000 !important;
        box-shadow: 0 4px #ab2929 !important;
        border: 2px solid #8a0000 !important;
    }

.button-3d.button-red:hover, .button-reveal.button-red:hover, .button-border.button-red:hover, .button-border.button-red.button-fill::before {
    background: #ab2929;
    box-shadow: 0 4px #ab2929;
}

.button-border.button-red {
    color: #C02942;
    border-color: #C02942;
}

.button-teal {
    background-color: #53777A;
}

.button-3d.button-teal:hover, .button-reveal.button-teal:hover, .button-border.button-teal:hover, .button-border.button-teal.button-fill::before {
    background-color: #53777A !important;
}

.button-border.button-teal {
    color: #53777A;
    border-color: #53777A;
}

.button-light.button-yellow {
    background-color: #ECD078;
}

.button-3d.button-yellow:hover, .button-reveal.button-yellow:hover, .button-border.button-yellow:hover, .button-border.button-yellow.button-fill::before {
    background-color: #ECD078 !important;
}

.button-border.button-yellow, .button-border.button-yellow.button-fill.button-light:hover {
    color: #ECD078 !important;
    border-color: #ECD078 !important;
}

    .button-border.button-yellow:hover, .button-border.button-yellow.button-fill.button-light:hover {
        color: #333 !important;
    }

.button-green {
    background-color: #59BA41;
    box-shadow: 0 4px #3f9c28;
}

    .button-green:hover, .button-3d.button-green:hover, .button-reveal.button-green:hover, .button-border.button-green:hover, .button-border.button-green.button-fill::before {
        background-color: #156900;
        box-shadow: 0 4px #3f9c28;
    }

.button-border.button-green {
    color: #59BA41;
    border-color: #59BA41;
}

.button-brown {
    background-color: #774F38;
}

.button-3d.button-brown:hover, .button-reveal.button-brown:hover, .button-border.button-brown:hover, .button-border.button-brown.button-fill::before {
    background-color: #774F38 !important;
}

.button-border.button-brown {
    color: #774F38;
    border-color: #774F38;
}

.button-aqua {
    background-color: #40C0CB;
}

.button-3d.button-aqua:hover, .button-reveal.button-aqua:hover, .button-border.button-aqua:hover, .button-border.button-aqua.button-fill::before {
    background-color: #40C0CB !important;
}

.button-border.button-aqua {
    color: #40C0CB;
    border-color: #40C0CB;
}

.button-light.button-lime {
    background-color: #AEE239;
}

.button-3d.button-lime:hover, .button-reveal.button-lime:hover, .button-border.button-lime:hover, .button-border.button-lime.button-fill::before {
    background-color: #AEE239 !important;
}

.button-border.button-lime {
    color: #AEE239;
    border-color: #AEE239;
}

.button-purple {
    background-color: #5D4157;
}

.button-3d.button-purple:hover, .button-reveal.button-purple:hover, .button-border.button-purple:hover, .button-border.button-purple.button-fill::before {
    background-color: #5D4157 !important;
}

.button-border.button-purple {
    color: #5D4157;
    border-color: #5D4157;
}

.button-leaf {
    background-color: #A8CABA;
}

.button-3d.button-leaf:hover, .button-reveal.button-leaf:hover, .button-border.button-leaf:hover, .button-border.button-leaf.button-fill::before {
    background-color: #A8CABA !important;
}

.button-border.button-leaf {
    color: #A8CABA;
    border-color: #A8CABA;
}

.button-pink {
    background-color: #F89FA1;
}

.button-3d.button-pink:hover, .button-reveal.button-pink:hover, .button-border.button-pink:hover, .button-border.button-pink.button-fill::before {
    background-color: #F89FA1 !important;
}

.button-border.button-pink {
    color: #F89FA1;
    border-color: #F89FA1;
}

.button-dirtygreen {
    background-color: #1693A5;
}

.button-3d.button-dirtygreen:hover, .button-reveal.button-dirtygreen:hover, .button-border.button-dirtygreen:hover, .button-border.button-dirtygreen.button-fill::before {
    background-color: #1693A5 !important;
}

.button-border.button-dirtygreen {
    color: #1693A5;
    border-color: #1693A5;
}

.button-blue {
    background-color: #1265A8;
}

.button-3d.button-blue:hover, .button-reveal.button-blue:hover, .button-border.button-blue:hover, .button-border.button-blue.button-fill::before {
    background-color: #1265A8 !important;
}

.button-border.button-blue {
    color: #1265A8;
    border-color: #1265A8;
}

.button-amber {
    background-color: #ff9200;
}

    .button-3d.button-amber:hover, .button-amber:hover, .button-reveal.button-amber:hover, .button-border.button-amber:hover, .button-border.button-amber.button-fill::before {
        background-color: #EB9C4D !important;
    }

.button-border.button-amber {
    color: #EB9C4D;
    border-color: #EB9C4D;
}

.button-black {
    background-color: #111;
}

.button-3d.button-black:hover, .button-reveal.button-black:hover, .button-border.button-black:hover, .button-border.button-black.button-fill::before {
    background-color: #111 !important;
}

.button-border.button-black {
    color: #111;
    border-color: #111;
}

.button-white {
    background-color: #F9F9F9;
}

    .button-3d.button-white:hover, .button-reveal.button-white:hover, .button-white:hover {
        background-color: #F9F9F9 !important;
        color: #000;
    }
/* Buttons - No Hover
-----------------------------------------------------------------*/

.button.button-nohover:hover {
    opacity: inherit !important;
    background-color: inherit !important;
    color: inherit !important;
    border-color: inherit !important;
}
/* ----------------------------------------------------------------
	Promo Boxes
-----------------------------------------------------------------*/


.promo {
    position: relative;
}

    .promo h3 {
        font-weight: bold;
        margin-bottom: 0;
    }

        .promo h3 + span {
            display: block;
            color: #444;
            font-weight: 300;
            font-size: 1.125rem;
            margin-top: 6px;
        }
/* Promo Uppercase
-----------------------------------------------------------------*/

.promo-uppercase {
    text-transform: uppercase;
}

    .promo-uppercase h3 {
        font-size: 1.25rem;
    }

        .promo-uppercase h3 + span {
            font-size: 1rem;
        }
/* Promo - with Border
-----------------------------------------------------------------*/

.promo-border {
    border: 1px solid #E5E5E5;
    border-radius: 3px;
}
/* Promo - Light
-----------------------------------------------------------------*/

.promo-light {
    background-color: #F5F5F5;
    border-radius: 3px;
}
/* Promo - Dark
-----------------------------------------------------------------*/

.promo-dark {
    border: 0 !important;
    background-color: #333;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border-radius: 3px;
}

    .promo-dark h3 {
        color: #FFF;
    }

        .promo-dark h3 + span {
            color: #EEE;
            font-weight: 400;
        }
/* Promo - 100% Full Width
-----------------------------------------------------------------*/

.promo-full {
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}
/* Promo - Parallax
-----------------------------------------------------------------*/

.promo.parallax {
    padding: 80px 0 !important;
}
/* Promo - Mini
-----------------------------------------------------------------*/

.promo-mini {
    text-align: left;
}

    .promo-mini h3 {
        font-size: 1.25rem;
    }

    .promo-mini.promo-uppercase h3 {
        font-size: 18px;
    }
/* ----------------------------------------------------------------
	Featured Boxes
-----------------------------------------------------------------*/


.feature-box {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
}

    .feature-box:first-child {
        margin-top: 0;
    }

.fbox-icon {
    width: 5.5rem;
    height: 4rem;
    padding: 0 0.75rem;
}

    .fbox-icon a, .fbox-icon i, .fbox-icon img {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        color: #FFF;
    }

    .fbox-icon i, .fbox-icon img {
        border-radius: 50%;
        background-color: #f6901e;
    }

    .fbox-icon i {
        font-style: normal;
        font-size: 1.75rem;
        line-height: 4rem;
        text-align: center;
    }

.fbox-content {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
    padding: 0 0.75rem;
}

    .fbox-content h3 {
        font-size: 1rem;
        font-weight: 600;
        font-family: 'Poppins', sans-serif;
        text-transform: uppercase;
        margin-bottom: 0;
        color: #333;
    }

    .fbox-content p {
        margin-top: 0.5rem;
        margin-bottom: 0px;
        color: #999;
    }

    .fbox-content .before-heading {
        font-size: 0.875rem;
    }

.fbox-content-sm h3, .fbox-content-sm p {
    font-size: 0.875rem;
}

.fbox-content-sm .before-heading {
    font-size: 0.75rem;
}

.fbox-content-lg h3 {
    font-size: 1.25rem;
}

.fbox-content-lg p {
    font-size: 1.125rem;
    margin-top: 0.75rem;
}

.fbox-content-lg .before-heading {
    font-size: 1rem;
}
/* Feature Box - Icon Small
-----------------------------------------------------------------*/

.fbox-sm {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

    .fbox-sm .fbox-icon {
        width: 3rem;
        height: 2rem;
        padding: 0 0.5rem;
    }

        .fbox-sm .fbox-icon i {
            font-size: 1rem;
            line-height: 2rem;
        }

    .fbox-sm .fbox-content {
        padding: 0 0.5rem;
    }
/* Feature Box - Icon Large
-----------------------------------------------------------------*/

.fbox-lg .fbox-icon {
    width: 7.5rem;
    height: 6rem;
}

    .fbox-lg .fbox-icon i {
        font-size: 2.5rem;
        line-height: 6rem;
    }
/* Feature Box - Icon X-Large
-----------------------------------------------------------------*/

.fbox-xl .fbox-icon {
    width: 9.5rem;
    height: 8rem;
}

    .fbox-xl .fbox-icon i {
        font-size: 4.5rem;
        line-height: 8rem;
    }
/* Feature Box - Icon Outline
-----------------------------------------------------------------*/

.fbox-outline .fbox-icon a {
    border: 1px solid #f6901e;
    padding: 0.25rem;
    border-radius: 50%;
}

.fbox-outline .fbox-icon i {
    line-height: 3.5rem;
}
/* Feature Box - Icon Outline Sizes
-----------------------------------------------------------------*/

.fbox-outline.fbox-sm .fbox-icon i {
    line-height: 1.5rem;
}

.fbox-outline.fbox-lg .fbox-icon i {
    line-height: 5.5rem;
}

.fbox-outline.fbox-xl .fbox-icon i {
    line-height: 7.5rem;
}
/* Feature Box - Icon Rounded
-----------------------------------------------------------------*/

.fbox-rounded .fbox-icon {
    border-radius: 3px !important;
}

    .fbox-rounded .fbox-icon i, .fbox-rounded .fbox-icon img {
        border-radius: 3px !important;
    }
/* Feature Box - Icon Rounded Sizes
-----------------------------------------------------------------*/

.fbox-rounded.fbox-lg .fbox-icon {
    border-radius: 4px !important;
}

    .fbox-rounded.fbox-lg .fbox-icon i, .fbox-rounded.fbox-lg .fbox-icon img {
        border-radius: 4px !important;
    }

.fbox-rounded.fbox-xl .fbox-icon {
    border-radius: 6px !important;
}

    .fbox-rounded.fbox-xl .fbox-icon i, .fbox-rounded.fbox-xl .fbox-icon img {
        border-radius: 6px !important;
    }
/* Feature Box - Light Background
-----------------------------------------------------------------*/

.fbox-light.fbox-outline .fbox-icon a {
    border-color: #E5E5E5;
}

.fbox-light .fbox-icon i, .fbox-light .fbox-icon img {
    border: 1px solid #E5E5E5;
    background-color: #F5F5F5;
    color: #444;
}
/* Feature Box - Dark Background
-----------------------------------------------------------------*/

.fbox-dark.fbox-outline .fbox-icon a {
    border-color: #444;
}

.fbox-dark .fbox-icon i, .fbox-dark .fbox-icon img {
    background-color: #333;
}
/* Feature Box - Border
-----------------------------------------------------------------*/

.fbox-border .fbox-icon a {
    border: 1px solid #f6901e;
    border-radius: 50%;
}

.fbox-border .fbox-icon i, .fbox-border .fbox-icon img {
    border: none;
    background-color: transparent !important;
    color: #f6901e;
}
/* Feature Box - Border - Light
-----------------------------------------------------------------*/

.fbox-border.fbox-light .fbox-icon a {
    border-color: #E5E5E5;
}

.fbox-border.fbox-light .fbox-icon i, .fbox-border.fbox-light .fbox-icon img {
    color: #888;
}
/* Feature Box - Border - Dark
-----------------------------------------------------------------*/

.fbox-border.fbox-dark .fbox-icon a {
    border-color: #333;
}

.fbox-border.fbox-dark .fbox-icon i, .fbox-border.fbox-dark .fbox-icon img {
    color: #444;
}
/* Feature Box - Plain
-----------------------------------------------------------------*/

.fbox-plain .fbox-icon {
    border: none !important;
}

    .fbox-plain .fbox-icon i, .fbox-plain .fbox-icon img {
        border: none;
        background-color: transparent !important;
        color: #f6901e;
        border-radius: 0;
    }

    .fbox-plain .fbox-icon i {
        font-size: 3rem;
        line-height: 1;
    }

.fbox-plain.fbox-image .fbox-icon {
    width: auto;
}

    .fbox-plain.fbox-image .fbox-icon img {
        width: auto;
        display: inline-block;
    }

.fbox-plain.fbox-light .fbox-icon i, .fbox-plain.fbox-light .fbox-icon img {
    color: #888;
}

.fbox-plain.fbox-dark .fbox-icon i, .fbox-plain.fbox-dark .fbox-icon img {
    color: #444;
}
/* Feature Box - Icon Plain Sizes
-----------------------------------------------------------------*/

.fbox-plain.fbox-sm .fbox-icon i {
    font-size: 2rem;
}

.fbox-plain.fbox-lg .fbox-icon i {
    font-size: 4.5rem;
}

.fbox-plain.fbox-xl .fbox-icon i {
    font-size: 6rem;
}
/* Feature Box - Center & Large Icons
-----------------------------------------------------------------*/

.fbox-center {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

    .fbox-center .fbox-icon {
        margin-bottom: 1.5rem;
    }
/* Feature Box - Subtitle
-----------------------------------------------------------------*/

.fbox-content + .fbox-icon {
    margin-top: 1.5rem;
    margin-bottom: 0 !important;
}

.fbox-content h3 span.subtitle {
    display: block;
    margin-top: 5px;
    color: #444;
    font-weight: 300;
    text-transform: none;
}

.fbox-center.fbox-sep:not(.fbox-bg) h3::after {
    content: '';
    display: block;
    margin: 1.25rem auto;
    width: 2rem;
    height: 2px;
    background-color: #555;
    -webkit-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease;
}

.fbox-center.fbox-sep:not(.fbox-bg):hover h3::after {
    width: 3rem;
}

.fbox-center.fbox-italic p {
    font-style: italic;
    font-family: 'Lato', sans-serif;
}
/* Feature Box - Background
-----------------------------------------------------------------*/

.fbox-bg.fbox-center {
    margin-top: 2rem;
    margin-left: 0;
    margin-right: 0;
    padding: 0 2rem 2rem;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
}

    .fbox-bg.fbox-center .fbox-icon {
        margin-top: -2rem;
    }

    .fbox-bg.fbox-center .fbox-icon {
        background-color: #FFF;
    }

    .fbox-bg.fbox-center.fbox-lg {
        margin-top: 3rem;
    }

        .fbox-bg.fbox-center.fbox-lg .fbox-icon {
            margin-top: -3rem;
        }

    .fbox-bg.fbox-center.fbox-xl {
        margin-top: 4rem;
    }

        .fbox-bg.fbox-center.fbox-xl .fbox-icon {
            margin-top: -4rem;
        }
/* Animated Icon Hovers
-----------------------------------------------------------------*/

.fbox-effect .fbox-icon i {
    z-index: 1;
}

    .fbox-effect .fbox-icon i::after {
        pointer-events: none;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        content: '';
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

.fbox-rounded.fbox-effect .fbox-icon i::after {
    border-radius: 3px;
}

.fbox-effect .fbox-icon i {
    -webkit-transition: background-color 0.3s, color 0.3s;
    -o-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}

    .fbox-effect .fbox-icon i::after {
        top: -3px;
        left: -3px;
        padding: 3px;
        box-shadow: 0 0 0 2px #333;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
        -webkit-transform: scale(.8);
        -moz-transition: -moz-transform 0.3s, opacity 0.3s;
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        transition: transform 0.3s, opacity 0.3s;
        transform: scale(.8);
        opacity: 0;
    }

    .fbox-effect .fbox-icon i:hover, .fbox-effect:hover .fbox-icon i {
        background-color: #333;
        color: #FFF;
    }

.fbox-effect.fbox-dark .fbox-icon i::after {
    box-shadow: 0 0 0 2px #f6901e;
}

.fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-effect.fbox-dark:hover .fbox-icon i {
    background-color: #f6901e;
}

.fbox-effect .fbox-icon i:hover::after, .fbox-effect:hover .fbox-icon i::after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
/* Icon Effects - Bordered
-----------------------------------------------------------------*/

.fbox-border.fbox-effect .fbox-icon i {
    -webkit-transition: color 0.5s, box-shadow 0.5s, background-color 0.5s;
    -o-transition: color 0.5s, box-shadow 0.5s, background-color 0.5s;
    transition: color 0.5s, box-shadow 0.5s, background-color 0.5s;
}

    .fbox-border.fbox-effect .fbox-icon i::after {
        top: -2px;
        left: -2px;
        padding: 2px;
        z-index: -1;
        box-shadow: none;
        background-image: url('images/icons/iconalt.svg');
        background-position: center center;
        background-size: 100% 100%;
        -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, background-color 0.5s;
        -o-transition: -moz-transform 0.5s, opacity 0.5s, background-color 0.5s;
        transition: transform 0.5s, opacity 0.5s, background-color 0.5s;
    }

.fbox-border.fbox-rounded.fbox-effect .fbox-icon i::after {
    border-radius: 3px;
}

.fbox-border.fbox-effect .fbox-icon i:hover, .fbox-border.fbox-effect:hover .fbox-icon i {
    color: #FFF;
    box-shadow: 0 0 0 1px #333;
}

.fbox-border.fbox-effect .fbox-icon i::after {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
    background-color: #333;
}

.fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i {
    box-shadow: 0 0 0 1px #f6901e;
}

.fbox-border.fbox-effect.fbox-dark .fbox-icon i::after {
    background-color: #f6901e;
}

.fbox-border.fbox-effect .fbox-icon i:hover::after, .fbox-border.fbox-effect:hover .fbox-icon i::after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
/* Media Featured Box
-----------------------------------------------------------------*/

.media-box {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .media-box .fbox-media {
        margin: 0 0 1.5rem;
    }

        .media-box .fbox-media, .media-box .fbox-media a, .media-box .fbox-media img {
            position: relative;
            display: block;
            width: 100%;
            height: auto;
        }

            .media-box .fbox-media iframe {
                display: block;
            }

    .media-box p {
        margin-top: 1rem;
    }

    .media-box.fbox-bg .fbox-media {
        margin: 0;
    }

    .media-box.fbox-bg .fbox-content {
        padding: 1.5rem;
        background-color: #FFF;
        border: 1px solid #E5E5E5;
        border-top: 0;
        border-radius: 0 0 5px 5px;
    }

    .media-box.fbox-bg .fbox-media img {
        border-radius: 5px 5px 0 0;
    }
/* ----------------------------------------------------------------
	Flipbox
-----------------------------------------------------------------*/

.flipbox {
    perspective: 1000px;
}

.flipbox-inner {
    transition: 0.5s;
    transition-timing-function: ease;
    position: relative;
    transform-style: preserve-3d;
}

.flipbox-front, .flipbox-back {
    -webkit-backface-visibility: hidden;
}

.flipbox-front {
    z-index: 2;
}

.flipbox-back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.flipbox:not(.flipbox-vertical) .flipbox-front {
    transform: rotateY(0deg);
}

.flipbox:not(.flipbox-vertical) .flipbox-back {
    transform: rotateY(-180deg);
}

.flipbox.flipbox-vertical .flipbox-front {
    transform: rotateX(0deg);
}

.flipbox.flipbox-vertical .flipbox-back {
    transform: rotateX(-180deg);
}

.flipbox:not(.flipbox-vertical):hover .flipbox-inner, .flipbox:not(.flipbox-vertical).hover .flipbox-inner {
    transform: rotateY(180deg);
}

.flipbox.flipbox-vertical:hover .flipbox-inner, .flipbox.flipbox-vertical.hover .flipbox-inner {
    transform: rotateX(180deg);
}
/* ----------------------------------------------------------------
	Process Steps
-----------------------------------------------------------------*/

.process-steps {
    margin: 0 0 40px;
    list-style: none;
}

    .process-steps li {
        position: relative;
        text-align: center;
        overflow: hidden;
    }

        .process-steps li .i-circled {
            margin-bottom: 0 !important;
        }

        .process-steps li .i-bordered {
            background-color: #FFF;
        }

        .process-steps li h5 {
            margin: 15px 0 0 0;
            font-size: 1rem;
            font-weight: 300;
        }

        .process-steps li.active h5, .process-steps li.ui-tabs-active h5 {
            font-weight: 600;
            color: #f6901e;
        }

        .process-steps li.active a, .process-steps li.ui-tabs-active a {
            background-color: #f6901e !important;
            color: #FFF;
            text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
            border-color: #f6901e !important;
        }

@media (min-width: 992px) {
    .process-steps li::before, .process-steps li::after {
        content: '';
        position: absolute;
        top: 30px;
        left: 0;
        margin-left: -26px;
        width: 50%;
        border-top: 1px dashed #DDD;
    }

    .process-steps li::after {
        left: auto;
        right: 0;
        margin: 0 -26px 0 0;
    }

    .process-steps li:first-child::before, .process-steps li:last-child::after {
        display: none;
    }
}
/* ----------------------------------------------------------------
	Alerts
-----------------------------------------------------------------*/


.style-msg, .style-msg2 {
    position: relative;
    display: block;
    color: #444;
    border-left: 4px solid rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

.style-msg2 {
    border-left: 4px solid rgba(0,0,0,0.2);
}

.successmsg {
    background: #d4edda;
    color: #155724;
}

.errormsg {
    background: #f8d7da;
    color: #721c24;
}

.infomsg {
    background: #d1ecf1;
    color: #0c5460;
}

.alertmsg {
    background: #fff3cd;
    color: #856404;
}

.style-msg .sb-msg, .style-msg2 .msgtitle, .style-msg2 .sb-msg {
    display: block;
    padding: 15px;
    border-left: 1px solid rgba(255,255,255,0.5);
    font-size: 1rem;
}

.style-msg2 .msgtitle {
    background: rgba(0,0,0,0.15);
    border-top: none;
    border-bottom: none;
    font-weight: bold;
}

.style-msg-light .sb-msg, .style-msg-light .msgtitle {
    color: #FFF;
}

.style-msg2 .sb-msg {
    font-weight: normal;
}

.style-msg2 ol, .style-msg2 ul {
    margin: 0 0 0 30px;
}

.style-msg2 ol {
    list-style-type: decimal;
}

.style-msg2 ul {
    list-style-type: disc;
}

.alert i, .sb-msg i, .msgtitle i {
    position: relative;
    top: 1px;
    font-size: 0.875rem;
    width: 14px;
    text-align: center;
    margin-right: 5px;
}

.style-msg .close {
    position: absolute;
    top: 10px;
    left: auto;
    right: 10px;
}
/* ----------------------------------------------------------------
	Styled Icons
-----------------------------------------------------------------*/


.i-rounded, .i-plain, .i-circled, .i-bordered, .social-icon {
    display: block;
    float: left;
    margin: 4px 11px 7px 0;
    text-align: center !important;
    font-size: 28px;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    cursor: pointer;
    font-style: normal;
}

body:not(.device-touch) .i-rounded, body:not(.device-touch) .i-plain, body:not(.device-touch) .i-circled, body:not(.device-touch) .i-bordered, body:not(.device-touch) .social-icon {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.i-rounded, .i-circled, .i-bordered {
    width: 52px !important;
    height: 52px !important;
    line-height: 52px !important;
    background-color: #444;
    border-radius: 3px;
}

.i-bordered {
    border: 1px solid #555;
    line-height: 50px !important;
    background-color: transparent !important;
    color: #444;
    text-shadow: none;
}

.i-plain {
    width: 36px !important;
    height: 36px !important;
    font-size: 28px;
    line-height: 36px !important;
    color: #444;
    text-shadow: 1px 1px 1px #FFF;
}

    .i-plain:hover {
        color: #777;
    }

.i-circled {
    border-radius: 50%;
}

.i-light {
    background-color: #F5F5F5;
    color: #444;
    text-shadow: 1px 1px 1px #FFF;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
}

.i-alt {
    background-image: url('images/icons/iconalt.svg');
    background-position: center center;
    background-size: 100% 100%;
}

.i-rounded:hover, .i-circled:hover {
    background-color: #f6901e;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0 0 0 rgba(0,0,0,0.2);
}

.i-bordered:hover {
    background-color: #444 !important;
    color: #FFF;
    border-color: #444;
}
/* Icon Size - Small
-----------------------------------------------------------------*/

.i-small.i-rounded, .i-small.i-plain, .i-small.i-circled, .i-small.i-bordered {
    margin: 4px 11px 7px 0;
    font-size: 0.875rem;
}

.i-small.i-rounded, .i-small.i-circled, .i-small.i-bordered {
    width: 28px !important;
    height: 28px !important;
    line-height: 28px !important;
}

.i-small.i-bordered {
    line-height: 26px !important;
}

.i-small.i-plain {
    width: 18px !important;
    height: 18px !important;
    font-size: 0.875rem;
    line-height: 18px !important;
}
/* Icon Size - Small
-----------------------------------------------------------------*/

.i-medium.i-rounded, .i-medium.i-plain, .i-medium.i-circled, .i-medium.i-bordered {
    margin: 6px 13px 9px 0;
    font-size: 21px;
}

.i-medium.i-rounded, .i-medium.i-circled, .i-medium.i-bordered {
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
}

.i-medium.i-bordered {
    line-height: 34px !important;
}

.i-medium.i-plain {
    width: 28px !important;
    height: 28px !important;
    font-size: 1.25rem;
    line-height: 28px !important;
}
/* Icon Size - Large
-----------------------------------------------------------------*/

.i-large.i-rounded, .i-large.i-plain, .i-large.i-circled, .i-large.i-bordered {
    margin: 4px 11px 7px 0;
    font-size: 42px;
}

.i-large.i-rounded, .i-large.i-circled, .i-large.i-bordered {
    width: 64px !important;
    height: 64px !important;
    line-height: 64px !important;
}

.i-large.i-bordered {
    line-height: 62px !important;
}

.i-large.i-plain {
    width: 48px !important;
    height: 48px !important;
    font-size: 42px;
    line-height: 48px !important;
}
/* Icon Size - Extra Large
-----------------------------------------------------------------*/

.i-xlarge.i-rounded, .i-xlarge.i-plain, .i-xlarge.i-circled, .i-xlarge.i-bordered {
    margin: 4px 11px 7px 0;
    font-size: 56px;
}

.i-xlarge.i-rounded, .i-xlarge.i-circled, .i-xlarge.i-bordered {
    width: 84px !important;
    height: 84px !important;
    line-height: 84px !important;
}

.i-xlarge.i-bordered {
    line-height: 82px !important;
}

.i-xlarge.i-plain {
    width: 64px !important;
    height: 64px !important;
    font-size: 56px;
    line-height: 64px !important;
}
/* Icon Size - Extra Extra Large
-----------------------------------------------------------------*/

.i-xxlarge.i-rounded, .i-xxlarge.i-plain, .i-xxlarge.i-circled, .i-xxlarge.i-bordered {
    margin: 6px 15px 10px 0;
    font-size: 64px;
}

.i-xxlarge.i-rounded, .i-xxlarge.i-circled, .i-xxlarge.i-bordered {
    width: 96px !important;
    height: 96px !important;
    line-height: 96px !important;
}

.i-xxlarge.i-bordered {
    line-height: 94px !important;
}

.i-xxlarge.i-plain {
    width: 80px !important;
    height: 80px !important;
    font-size: 64px;
    line-height: 80px !important;
}
/* ----------------------------------------------------------------
	Social Icons
-----------------------------------------------------------------*/


.social-icon {
    margin: 0 5px 5px 0;
    width: 40px;
    height: 40px;
    font-size: 1.25rem;
    line-height: 38px !important;
    color: #555;
    text-shadow: none;
    border: 1px solid #AAA;
    border-radius: 3px;
    overflow: hidden;
}

.d-flex > .social-icon, .d-sm-flex > .social-icon, .d-md-flex > .social-icon, .d-lg-flex > .social-icon, .d-xl-flex > .social-icon {
    float: none;
    margin-bottom: 0px;
}
/* Social Icons - Rounded
-----------------------------------------------------------------*/

.si-rounded {
    border-radius: 50%;
}
/* Social Icons - Borderless
-----------------------------------------------------------------*/

.si-borderless {
    border-color: transparent !important;
}
/* Social Icons - Dark
-----------------------------------------------------------------*/

.si-dark {
    background-color: #444;
    color: #FFF !important;
    border-color: transparent;
}
/* Social Icons - Light
-----------------------------------------------------------------*/

.si-light {
    background-color: rgba(0,0,0,0.05);
    color: #666 !important;
    border-color: transparent;
}
/* Social Icons - Colored
-----------------------------------------------------------------*/

.si-colored {
    border-color: transparent !important;
}

    .si-colored i {
        color: #FFF;
    }
/* Social Icons - Large
-----------------------------------------------------------------*/

.social-icon.si-large {
    margin: 0 10px 10px 0;
    width: 56px;
    height: 56px;
    font-size: 30px;
    line-height: 54px !important;
}
/* Social Icons - Small
-----------------------------------------------------------------*/

.social-icon.si-small {
    width: 32px;
    height: 32px;
    font-size: 0.875rem;
    line-height: 30px !important;
}

.social-icon i {
    display: block;
    position: relative;
}

body:not(.device-touch) .social-icon i {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.social-icon i:last-child {
    color: #FFF !important;
}

.social-icon:hover i:first-child {
    margin-top: -38px;
}

.social-icon.si-large:hover i:first-child {
    margin-top: -54px;
}

.social-icon.si-small:hover i:first-child {
    margin-top: -30px;
}

.social-icon:hover {
    color: #555;
    border-color: transparent;
}

.si-colored.social-icon {
    border-color: transparent;
}
/* Social Icons - Sticky
-----------------------------------------------------------------*/

.si-sticky {
    position: fixed;
    top: 50%;
    left: 5px;
    width: 36px;
    z-index: 499;
    transform: translateY(-50%);
}
    /* Social Icons - Sticky Right
-----------------------------------------------------------------*/

    .si-sticky.si-sticky-right {
        left: auto;
        right: 8px;
    }
/* Social Icons - Share
-----------------------------------------------------------------*/

.si-share {
    position: relative;
    padding-left: 5px;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
}

    .si-share span {
        line-height: 36px;
        font-weight: bold;
        font-size: 13px;
    }

    .si-share .social-icon {
        margin: -1px 0;
        border-radius: 0;
        font-size: 15px;
    }

.si-facebook:hover, .si-colored.si-facebook {
    background-color: #3B5998 !important;
}

.si-delicious:hover, .si-colored.si-delicious {
    background-color: #205CC0 !important;
}

.si-paypal:hover, .si-colored.si-paypal {
    background-color: #00588B !important;
}

.si-flattr:hover, .si-colored.si-flattr {
    background-color: #F67C1A !important;
}

.si-android:hover, .si-colored.si-android {
    background-color: #A4C639 !important;
}

.si-smashmag:hover, .si-colored.si-smashmag {
    background-color: #E53B2C !important;
}

.si-gplus:hover, .si-colored.si-gplus {
    background-color: #DD4B39 !important;
}

.si-wikipedia:hover, .si-colored.si-wikipedia {
    background-color: #333 !important;
}

.si-stumbleupon:hover, .si-colored.si-stumbleupon {
    background-color: #F74425 !important;
}

.si-foursquare:hover, .si-colored.si-foursquare {
    background-color: #25A0CA !important;
}

.si-call:hover, .si-colored.si-call {
    background-color: #444 !important;
}

.si-ninetyninedesigns:hover, .si-colored.si-ninetyninedesigns {
    background-color: #F26739 !important;
}

.si-forrst:hover, .si-colored.si-forrst {
    background-color: #5B9A68 !important;
}

.si-digg:hover, .si-colored.si-digg {
    background-color: #191919 !important;
}

.si-spotify:hover, .si-colored.si-spotify {
    background-color: #81B71A !important;
}

.si-reddit:hover, .si-colored.si-reddit {
    background-color: #C6C6C6 !important;
}

.si-blogger:hover, .si-colored.si-blogger {
    background-color: #FC4F08 !important;
}

.si-cc:hover, .si-colored.si-cc {
    background-color: #688527 !important;
}

.si-dribbble:hover, .si-colored.si-dribbble {
    background-color: #EA4C89 !important;
}

.si-evernote:hover, .si-colored.si-evernote {
    background-color: #5BA525 !important;
}

.si-flickr:hover, .si-colored.si-flickr {
    background-color: #FF0084 !important;
}

.si-google:hover, .si-colored.si-google {
    background-color: #DD4B39 !important;
}

.si-instapaper:hover, .si-colored.si-instapaper {
    background-color: #333 !important;
}

.si-klout:hover, .si-colored.si-klout {
    background-color: #FF5F52 !important;
}

.si-linkedin:hover, .si-colored.si-linkedin {
    background-color: #0E76A8 !important;
}

.si-vk:hover, .si-colored.si-vk {
    background-color: #2B587A !important;
}

.si-rss:hover, .si-colored.si-rss {
    background-color: #EE802F !important;
}

.si-skype:hover, .si-colored.si-skype {
    background-color: #00AFF0 !important;
}

.si-twitter:hover, .si-colored.si-twitter {
    background-color: #00ACEE !important;
}

.si-youtube:hover, .si-colored.si-youtube {
    background-color: #C4302B !important;
}

.si-vimeo:hover, .si-colored.si-vimeo {
    background-color: #86C9EF !important;
}

.si-aim:hover, .si-colored.si-aim {
    background-color: #FCD20B !important;
}

.si-yahoo:hover, .si-colored.si-yahoo {
    background-color: #720E9E !important;
}

.si-email3:hover, .si-colored.si-email3 {
    background-color: #6567A5 !important;
}

.si-macstore:hover, .si-colored.si-macstore {
    background-color: #333333 !important;
}

.si-myspace:hover, .si-colored.si-myspace {
    background-color: #666666 !important;
}

.si-podcast:hover, .si-colored.si-podcast {
    background-color: #E4B21B !important;
}

.si-cloudapp:hover, .si-colored.si-cloudapp {
    background-color: #525557 !important;
}

.si-dropbox:hover, .si-colored.si-dropbox {
    background-color: #3D9AE8 !important;
}

.si-ebay:hover, .si-colored.si-ebay {
    background-color: #89C507 !important;
}

.si-github:hover, .si-colored.si-github {
    background-color: #171515 !important;
}

.si-googleplay:hover, .si-colored.si-googleplay {
    background-color: #DD4B39 !important;
}

.si-itunes:hover, .si-colored.si-itunes {
    background-color: #222 !important;
}

.si-plurk:hover, .si-colored.si-plurk {
    background-color: #CF5A00 !important;
}

.si-pinboard:hover, .si-colored.si-pinboard {
    background-color: #0000E6 !important;
}

.si-soundcloud:hover, .si-colored.si-soundcloud {
    background-color: #FF7700 !important;
}

.si-tumblr:hover, .si-colored.si-tumblr {
    background-color: #34526F !important;
}

.si-wordpress:hover, .si-colored.si-wordpress {
    background-color: #1E8CBE !important;
}

.si-yelp:hover, .si-colored.si-yelp {
    background-color: #C41200 !important;
}

.si-intensedebate:hover, .si-colored.si-intensedebate {
    background-color: #009EE4 !important;
}

.si-eventbrite:hover, .si-colored.si-eventbrite {
    background-color: #F16924 !important;
}

.si-scribd:hover, .si-colored.si-scribd {
    background-color: #666666 !important;
}

.si-stripe:hover, .si-colored.si-stripe {
    background-color: #008CDD !important;
}

.si-print:hover, .si-colored.si-print {
    background-color: #111 !important;
}

.si-dwolla:hover, .si-colored.si-dwolla {
    background-color: #FF5C03 !important;
}

.si-statusnet:hover, .si-colored.si-statusnet {
    background-color: #131A30 !important;
}

.si-acrobat:hover, .si-colored.si-acrobat {
    background-color: #D3222A !important;
}

.si-drupal:hover, .si-colored.si-drupal {
    background-color: #27537A !important;
}

.si-buffer:hover, .si-colored.si-buffer {
    background-color: #333333 !important;
}

.si-pocket:hover, .si-colored.si-pocket {
    background-color: #EE4056 !important;
}

.si-bitbucket:hover, .si-colored.si-bitbucket {
    background-color: #0E4984 !important;
}

.si-stackoverflow:hover, .si-colored.si-stackoverflow {
    background-color: #EF8236 !important;
}

.si-hackernews:hover, .si-colored.si-hackernews {
    background-color: #FF6600 !important;
}

.si-xing:hover, .si-colored.si-xing {
    background-color: #126567 !important;
}

.si-instagram:hover, .si-colored.si-instagram {
    background-color: #8A3AB9 !important;
}

.si-quora:hover, .si-colored.si-quora {
    background-color: #A82400 !important;
}

.si-openid:hover, .si-colored.si-openid {
    background-color: #E16309 !important;
}

.si-steam:hover, .si-colored.si-steam {
    background-color: #111 !important;
}

.si-amazon:hover, .si-colored.si-amazon {
    background-color: #E47911 !important;
}

.si-disqus:hover, .si-colored.si-disqus {
    background-color: #E4E7EE !important;
}

.si-plancast:hover, .si-colored.si-plancast {
    background-color: #222 !important;
}

.si-appstore:hover, .si-colored.si-appstore {
    background-color: #000 !important;
}

.si-pinterest:hover, .si-colored.si-pinterest {
    background-color: #C8232C !important;
}

.si-fivehundredpx:hover, .si-colored.si-fivehundredpx {
    background-color: #111 !important;
}

.si-tiktok:hover, .si-colored.si-tiktok {
    background-color: #000 !important;
}

.si-whatsapp:hover, .si-colored.si-whatsapp {
    background-color: #25D366 !important;
}

.si-tripadvisor:hover, .si-colored.si-tripadvisor {
    background-color: #00AF87 !important;
}

.si-gpay:hover, .si-colored.si-gpay {
    background-color: #6877DF !important;
}

.si-unsplash:hover, .si-colored.si-unsplash {
    background-color: #111 !important;
}

.si-snapchat:hover, .si-colored.si-snapchat {
    background-color: #FFFC00 !important;
}
/* Social Icons Text Color
-----------------------------------------------------------------*/

.si-text-color.si-facebook i {
    color: #3B5998;
}

.si-text-color.si-delicious i {
    color: #205CC0;
}

.si-text-color.si-paypal i {
    color: #00588B;
}

.si-text-color.si-flattr i {
    color: #F67C1A;
}

.si-text-color.si-android i {
    color: #A4C639;
}

.si-text-color.si-smashmag i {
    color: #E53B2C;
}

.si-text-color.si-gplus i {
    color: #DD4B39;
}

.si-text-color.si-wikipedia i {
    color: #333;
}

.si-text-color.si-stumbleupon i {
    color: #F74425;
}

.si-text-color.si-foursquare i {
    color: #25A0CA;
}

.si-text-color.si-call i {
    color: #444;
}

.si-text-color.si-ninetyninedesigns i {
    color: #F26739;
}

.si-text-color.si-forrst i {
    color: #5B9A68;
}

.si-text-color.si-digg i {
    color: #191919;
}

.si-text-color.si-spotify i {
    color: #81B71A;
}

.si-text-color.si-reddit i {
    color: #C6C6C6;
}

.si-text-color.si-blogger i {
    color: #FC4F08;
}

.si-text-color.si-cc i {
    color: #688527;
}

.si-text-color.si-dribbble i {
    color: #EA4C89;
}

.si-text-color.si-evernote i {
    color: #5BA525;
}

.si-text-color.si-flickr i {
    color: #FF0084;
}

.si-text-color.si-google i {
    color: #DD4B39;
}

.si-text-color.si-instapaper i {
    color: #333;
}

.si-text-color.si-klout i {
    color: #FF5F52;
}

.si-text-color.si-linkedin i {
    color: #0E76A8;
}

.si-text-color.si-vk i {
    color: #2B587A;
}

.si-text-color.si-rss i {
    color: #EE802F;
}

.si-text-color.si-skype i {
    color: #00AFF0;
}

.si-text-color.si-twitter i {
    color: #00ACEE;
}

.si-text-color.si-youtube i {
    color: #C4302B;
}

.si-text-color.si-vimeo i {
    color: #86C9EF;
}

.si-text-color.si-aim i {
    color: #FCD20B;
}

.si-text-color.si-yahoo i {
    color: #720E9E;
}

.si-text-color.si-email3 i {
    color: #6567A5;
}

.si-text-color.si-macstore i {
    color: #333333;
}

.si-text-color.si-myspace i {
    color: #666666;
}

.si-text-color.si-podcast i {
    color: #E4B21B;
}

.si-text-color.si-cloudapp i {
    color: #525557;
}

.si-text-color.si-dropbox i {
    color: #3D9AE8;
}

.si-text-color.si-ebay i {
    color: #89C507;
}

.si-text-color.si-github i {
    color: #171515;
}

.si-text-color.si-googleplay i {
    color: #DD4B39;
}

.si-text-color.si-itunes i {
    color: #222;
}

.si-text-color.si-plurk i {
    color: #CF5A00;
}

.si-text-color.si-pinboard i {
    color: #0000E6;
}

.si-text-color.si-soundcloud i {
    color: #FF7700;
}

.si-text-color.si-tumblr i {
    color: #34526F;
}

.si-text-color.si-wordpress i {
    color: #1E8CBE;
}

.si-text-color.si-yelp i {
    color: #C41200;
}

.si-text-color.si-intensedebate i {
    color: #009EE4;
}

.si-text-color.si-eventbrite i {
    color: #F16924;
}

.si-text-color.si-scribd i {
    color: #666666;
}

.si-text-color.si-stripe i {
    color: #008CDD;
}

.si-text-color.si-print i {
    color: #111;
}

.si-text-color.si-dwolla i {
    color: #FF5C03;
}

.si-text-color.si-statusnet i {
    color: #131A30;
}

.si-text-color.si-acrobat i {
    color: #D3222A;
}

.si-text-color.si-drupal i {
    color: #27537A;
}

.si-text-color.si-buffer i {
    color: #333333;
}

.si-text-color.si-pocket i {
    color: #EE4056;
}

.si-text-color.si-bitbucket i {
    color: #0E4984;
}

.si-text-color.si-stackoverflow i {
    color: #EF8236;
}

.si-text-color.si-hackernews i {
    color: #FF6600;
}

.si-text-color.si-xing i {
    color: #126567;
}

.si-text-color.si-instagram i {
    color: #8A3AB9;
}

.si-text-color.si-quora i {
    color: #A82400;
}

.si-text-color.si-openid i {
    color: #E16309;
}

.si-text-color.si-steam i {
    color: #111;
}

.si-text-color.si-amazon i {
    color: #E47911;
}

.si-text-color.si-disqus i {
    color: #E4E7EE;
}

.si-text-color.si-plancast i {
    color: #222;
}

.si-text-color.si-appstore i {
    color: #000;
}

.si-text-color.si-pinterest i {
    color: #C8232C;
}

.si-text-color.si-fivehundredpx i {
    color: #111;
}

.si-text-color.si-tiktok i {
    color: #000;
}

.si-text-color.si-whatsapp i {
    color: #25D366;
}

.si-text-color.si-tripadvisor i {
    color: #00AF87;
}

.si-text-color.si-gpay i {
    color: #6877DF;
}

.si-text-color.si-unsplash i {
    color: #111;
}

.si-text-color.si-snapchat i {
    color: #FFFC00;
}

.si-text-color:hover {
    color: #FFF;
}
/* ----------------------------------------------------------------
	Toggle
-----------------------------------------------------------------*/


.toggle {
    display: block;
    position: relative;
    margin: 0 0 30px 0;
}

.toggle-header, .accordion-header {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px;
    cursor: pointer;
    color: #444;
    font-size: 1rem;
    font-weight: 700;
}

.toggle-icon, .accordion-icon {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    padding: 0 5px;
    text-align: center;
}

    .toggle-icon i, .toggle-icon span {
        width: 1rem;
    }

.toggle-title, .accordion-title {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding: 0 5px;
}

.toggle:not(.toggle-active) .toggle-open, .toggle-active .toggle-closed {
    display: none;
}

.toggle-active .toggle-open {
    display: inline-block;
}

.toggle-content, .accordion-content {
    display: none;
    position: relative;
    padding: 0.75rem 0;
}
/* Toggle - with Title Background
-----------------------------------------------------------------*/

.toggle-bg .toggle-header {
    background-color: #EEE;
    margin: 0;
    padding: 0.75rem;
    border-radius: 2px;
}

.toggle-bg .toggle-content {
    padding: 1rem 0.75rem;
}
/* Toggle - Bordered
-----------------------------------------------------------------*/

.toggle-border {
    border: 1px solid #CCC;
    border-radius: 4px;
}

    .toggle-border .toggle-header {
        padding: 0.75rem;
        margin: 0;
    }

    .toggle-border .toggle-content {
        padding: 1rem;
        padding-top: 0;
    }
/* Toggle - FAQs
-----------------------------------------------------------------*/

.faqs .toggle {
    border-bottom: 1px solid #EEE;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.faqs .toggle-content {
    padding-bottom: 10px;
}
/* ----------------------------------------------------------------
	Accordions
-----------------------------------------------------------------*/

.accordion {
    margin-bottom: 20px;
}

.accordion-header {
    padding: 0.75rem 0;
    border-top: 1px dotted #DDD;
    cursor: pointer;
}

.accordion:not([data-collapsible="true"]) .accordion-header.accordion-active {
    cursor: auto;
}

.accordion-header:first-child {
    border-top: none;
}

.accordion-header:not(.accordion-active) .accordion-open, .accordion-active .accordion-closed {
    display: none;
}

.accordion-active .accordion-open {
    display: inline-block;
}

.accordion-content {
    padding-top: 0;
    padding-bottom: 1.5rem;
}
/* Accordion - with Title Background
-----------------------------------------------------------------*/

.accordion-bg .accordion-header {
    background-color: #EEE;
    padding: 0.75rem;
    border-radius: 2px;
    margin: 0;
    margin-bottom: 5px;
    border-top: 0;
}

.accordion-bg .accordion-content {
    padding: 0.75rem 0.75rem 1.5rem;
}
/* Accordion - Bordered
-----------------------------------------------------------------*/

.accordion-border {
    border: 1px solid #DDD;
    border-radius: 4px;
}

    .accordion-border .accordion-header {
        border-color: #CCC;
        padding: 0.75rem;
        margin: 0;
    }

    .accordion-border .accordion-content {
        padding: 0 1.125rem 1.5rem;
    }
/* Accordion - Large
-----------------------------------------------------------------*/

.accordion-lg .accordion-header {
    font-size: 1.25rem;
}
/* ----------------------------------------------------------------
	Tabs
-----------------------------------------------------------------*/


.tabs {
    position: relative;
    margin: 0 0 30px 0;
}

.tab-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    border-bottom: 1px solid #DDD;
    list-style: none;
    padding: 0 15px;
}

    .tab-nav li {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
        border: 1px solid #DDD;
        border-bottom: 0;
        border-left: 0;
        height: 41px;
        text-align: center;
    }

.tabs-justify .tab-nav li {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.tab-nav li:first-child {
    border-left: 1px solid #DDD;
}

.tab-nav li a {
    display: block;
    padding: 0 15px;
    color: #444;
    height: 40px;
    line-height: 40px;
    background-color: #F2F2F2;
    font-weight: bold;
}

@media (max-width: 767.98px) {
    .tab-nav li a {
        font-size: 0.875rem;
    }
}

.tab-nav li.ui-tabs-active a {
    position: relative;
    top: 1px;
    background-color: #FFF;
}
/* Tabs - Alternate Nav
-----------------------------------------------------------------*/

.tabs-alt .tab-nav li {
    border-color: transparent;
}

    .tabs-alt .tab-nav li:first-child {
        border-left: 0;
    }

    .tabs-alt .tab-nav li a {
        background-color: #FFF;
    }

    .tabs-alt .tab-nav li.ui-tabs-active a {
        border: 1px solid #DDD;
        border-bottom: 0;
    }
/* Tabs - Top Border
-----------------------------------------------------------------*/

.tabs-tb .tab-nav li.ui-tabs-active a {
    top: -1px;
    height: 43px;
    line-height: 38px;
    border-top: 2px solid #f6901e;
}

.tabs-alt.tabs-tb .tab-nav li.ui-tabs-active a {
    height: 42px;
}
/* Tabs - Bottom Border
-----------------------------------------------------------------*/

.tabs-bb .tab-nav {
    padding: 0;
}

    .tabs-bb .tab-nav li {
        border: 0 !important;
        margin: 0;
    }

        .tabs-bb .tab-nav li a {
            background-color: transparent;
            border-bottom: 2px solid transparent;
        }

        .tabs-bb .tab-nav li.ui-tabs-active a {
            border-bottom: 2px solid #f6901e;
            top: -2px;
            height: 44px;
            line-height: 44px;
        }
/* Tabs - Navigation Style 2
-----------------------------------------------------------------*/


.tab-nav.tab-nav2 {
    border-bottom: 0;
    padding: 0;
}

    .tab-nav.tab-nav2 li {
        border: 0;
        margin-left: 10px;
    }

        .tab-nav.tab-nav2 li:first-child {
            margin-left: 0;
            border-left: 0;
        }

        .tab-nav.tab-nav2 li a {
            background-color: #F5F5F5;
            border-radius: 2px;
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        }

        .tab-nav.tab-nav2 li.ui-state-active a {
            top: 0;
            background-color: #f6901e;
            color: #FFF;
        }
/* Tabs - Large Navigation
-----------------------------------------------------------------*/


.tab-nav-lg {
    margin-bottom: 20px;
    list-style: none;
}

    .tab-nav-lg li {
        position: relative;
        text-align: center;
        padding: 1rem;
    }

        .tab-nav-lg li a {
            display: inline-block;
            color: #444;
            font-family: 'Poppins', sans-serif;
            font-size: 13px;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

.tab-nav.tab-nav-lg li i {
    display: block;
    font-size: 28px;
    margin: 0 0 7px;
}

.tab-nav-lg li.ui-tabs-active a {
    color: #f6901e;
}

.tab-nav-lg.tab-nav-section li.ui-tabs-active::before, .tab-nav-lg.tab-nav-section li.ui-tabs-active::after {
    content: '';
    position: absolute;
    z-index: 2;
    top: auto;
    bottom: -50px;
    border: solid transparent;
}

.tab-nav-lg.tab-nav-section li.ui-tabs-active::after {
    border-top-color: #FFF;
    border-width: 16px;
    left: 50%;
    margin-left: -16px;
}

.tab-nav-lg.tab-nav-section li.ui-tabs-active::before {
    border-top-color: #FFF;
    border-width: 16px;
    left: 50%;
    margin-left: -16px;
}
/* Tabs - Content Area
-----------------------------------------------------------------*/

.tab-container {
    position: relative;
    padding: 20px 0 0;
}

.tabs .tab-content:not(:first-child) {
    display: none;
}

.tab-nav i {
    position: relative;
    top: 1px;
    margin-right: 3px;
}
/* Tabs - Bordered
-----------------------------------------------------------------*/

.tabs-bordered .tab-nav {
    padding: 0;
}

    .tabs-bordered .tab-nav li:first-child {
        margin-left: 0;
    }

.tabs-bordered .tab-container {
    border: 1px solid #DDD;
    border-top: 0;
    padding: 20px;
}

/* Tabs - Side Tabs
-----------------------------------------------------------------*/

@media (min-width: 768px) {
    .side-tabs {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .side-tabs .tab-nav {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            flex-flow: column;
            min-width: 200px;
            width: auto;
            max-width: 100%;
            padding: 20px 0;
            border-bottom: 0;
            border-right: 1px solid #DDD;
        }

            .side-tabs .tab-nav li {
                border: 1px solid #DDD;
                border-right: 0;
                border-top: 0;
                height: auto;
                text-align: left;
            }

                .side-tabs .tab-nav li:first-child {
                    margin-left: 0;
                    border-top: 1px solid #DDD;
                    border-left: 1px solid #DDD;
                }

                .side-tabs .tab-nav li a {
                    height: auto;
                    line-height: 44px;
                }

                .side-tabs .tab-nav li.ui-tabs-active a {
                    top: 0;
                    right: -1px;
                }

        .side-tabs .tab-container {
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            padding: 15px 0 0 20px;
        }

    .ui-tabs .ui-tabs-hide {
        position: absolute !important;
        left: -10000px !important;
        display: block !important;
    }
    /* Tabs - Side Tabs & Nav Style 2
	-----------------------------------------------------------------*/

    .side-tabs .tab-nav.tab-nav2 {
        border: 0;
    }

        .side-tabs .tab-nav.tab-nav2 li {
            border: 0;
            margin: 6px 0 0;
        }

            .side-tabs .tab-nav.tab-nav2 li:first-child {
                margin-top: 0;
            }

            .side-tabs .tab-nav.tab-nav2 li a {
                box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
            }

            .side-tabs .tab-nav.tab-nav2 li.ui-state-active a {
                right: 0;
            }
    /* Tabs - Side Tabs & Bordered
	-----------------------------------------------------------------*/

    .tabs-bordered.side-tabs .tab-nav {
        position: relative;
        padding: 0;
        z-index: 2;
        margin-right: -1px;
    }

        .tabs-bordered.side-tabs .tab-nav li a {
            height: auto;
            line-height: 44px;
        }

        .tabs-bordered.side-tabs .tab-nav li.ui-tabs-active a {
            right: -1px;
            border-right: 1px solid #FFF;
        }

    .tabs-bordered.side-tabs .tab-container {
        overflow: hidden;
        padding: 20px;
        border-top: 1px solid #DDD;
    }
}
/* ----------------------------------------------------------------
	Side Navigation
-----------------------------------------------------------------*/


.sidenav {
    width: 100%;
    padding: 0;
    background-color: #FFF;
    border-radius: 4px;
}

    .sidenav li {
        list-style-type: none;
    }

        .sidenav li a {
            display: block;
            position: relative;
            margin: 0 0 -1px;
            padding: 11px 20px 11px 14px;
            border: 1px solid #E5E5E5;
            border-right-width: 2px;
            color: #666;
        }

    .sidenav > li:first-child > a {
        border-radius: 4px 4px 0 0;
    }

    .sidenav > li:last-child > a {
        border-radius: 0 0 4px 4px;
        border-bottom-width: 2px;
    }

    .sidenav > .ui-tabs-active > a, .sidenav > .ui-tabs-active > a:hover {
        position: relative;
        z-index: 2;
        border-color: rgba(0,0,0,0.1) !important;
        color: #FFF !important;
        font-weight: 700;
        background-color: #f6901e !important;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    }

    .sidenav li ul {
        display: none;
    }

    .sidenav li.ui-tabs-active ul {
        display: block;
    }

    .sidenav li li a {
        padding: 6px 20px 6px 35px;
        font-size: 0.875rem;
        border-top: none;
        border-bottom: none;
    }

    .sidenav li li:first-child a {
        padding-top: 20px;
    }

    .sidenav li li:last-child a {
        padding-bottom: 20px;
    }

    .sidenav li i {
        position: relative;
        top: 1px;
        margin-right: 6px;
        font-size: 0.875rem;
        text-align: center;
        width: 16px;
    }
    /* Chevrons */
    .sidenav .icon-chevron-right {
        position: absolute;
        width: 14px;
        height: 14px;
        top: 50%;
        left: auto;
        right: 6px;
        margin-top: -8px;
        margin-right: 0;
        opacity: .4;
        font-size: 12px !important;
    }

    .sidenav > li > a:hover {
        background-color: #F5F5F5;
        color: #222;
    }

    .sidenav a:hover .icon-chevron-right {
        opacity: .5;
    }

    .sidenav .ui-tabs-active .icon-chevron-right, .sidenav .ui-tabs-active a:hover .icon-chevron-right {
        opacity: 1;
    }
/* ----------------------------------------------------------------
	FAQ List
-----------------------------------------------------------------*/


.faqlist li {
    margin-bottom: 5px;
    font-size: 15px;
}

    .faqlist li a {
        color: #444;
    }

        .faqlist li a:hover {
            color: #f6901e !important;
        }
/* ----------------------------------------------------------------
	Clients
-----------------------------------------------------------------*/


.clients-grid, .testimonials-grid {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    list-style: none;
    overflow: hidden;
}

    .clients-grid .grid-item, .testimonials-grid .grid-item {
        position: relative;
        padding: 20px 0;
        -webkit-backface-visibility: hidden;
    }

        .clients-grid .grid-item a {
            opacity: 0.6;
        }

body:not(.device-touch) .clients-grid .grid-item a {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.clients-grid .grid-item a:hover {
    opacity: 1;
}

.clients-grid .grid-item a, .clients-grid .grid-item img {
    display: block;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

    .clients-grid .grid-item a img {
        width: 100%;
    }

.clients-grid .grid-item::before, .clients-grid .grid-item::after, .testimonials-grid .grid-item::before, .testimonials-grid .grid-item::after {
    content: '';
    position: absolute;
}

.clients-grid .grid-item::before, .testimonials-grid .grid-item::before {
    height: 100%;
    top: 0;
    left: -1px;
    border-left: 1px dashed #DDD;
}

.clients-grid .grid-item::after, .testimonials-grid .grid-item::after {
    width: 100%;
    height: 0;
    top: auto;
    left: 0;
    bottom: -1px;
    border-bottom: 1px dashed #DDD;
}
/* ----------------------------------------------------------------
	Testimonials
-----------------------------------------------------------------*/

/* Testimonials - Grid
-----------------------------------------------------------------*/

.testimonials-grid .grid-item {
    padding: 2rem;
}

    .testimonials-grid .grid-item .testimonial {
        padding: 0;
        background-color: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }
/* Testimonials - Item
-----------------------------------------------------------------*/

.testimonial {
    position: relative;
    padding: 20px;
    background-color: #FFF;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.testi-image {
    float: left;
    margin-right: 15px;
}

    .testi-image, .testi-image a, .testi-image img, .testi-image i {
        display: block;
        width: 64px;
        height: 64px;
    }

        .testi-image i {
            text-align: center;
            background-color: #EEE;
            border-radius: 50%;
            line-height: 64px;
            font-size: 28px;
            color: #888;
            text-shadow: 1px 1px 1px #FFF;
        }

        .testi-image img {
            border-radius: 50%;
        }

.testi-content {
    position: relative;
    overflow: hidden;
}

    .testi-content p {
        margin-bottom: 0;
        font-family: 'PT Serif', serif;
        font-style: italic;
    }

        .testi-content p::before, .testi-content p::after {
            content: '"';
        }

.testi-meta {
    margin-top: 10px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

    .testi-meta::before {
        content: '\2013';
    }

    .testi-meta span {
        display: block;
        font-weight: normal;
        color: #999;
        font-size: 13px;
        text-transform: none;
        padding-left: 10px;
    }
/* Twitter - Small Scroller
-----------------------------------------------------------------*/

.testimonial.twitter-scroll .testi-content p::before, .testimonial.twitter-scroll .testi-content p::after, .testimonial.twitter-scroll .testi-meta::before {
    content: '';
}

.testimonial.twitter-scroll .testi-meta span {
    padding-left: 0;
}

    .testimonial.twitter-scroll .testi-meta span a {
        color: #999;
    }

        .testimonial.twitter-scroll .testi-meta span a:hover {
            color: #222;
        }
/* Testimonials - Full Width
-----------------------------------------------------------------*/

.testimonial.testimonial-full {
    padding: 30px;
}

    .testimonial.testimonial-full[data-animation="fade"] {
        padding: 30px;
    }

        .testimonial.testimonial-full[data-animation="fade"] .flexslider {
            overflow: visible !important;
        }

.testimonial-full .testi-image {
    float: none;
    margin: 0 auto 20px;
}

    .testimonial-full .testi-image, .testimonial-full .testi-image a, .testimonial-full .testi-image img, .testimonial-full .testi-image i {
        display: block;
        width: 72px;
        height: 72px;
    }

        .testimonial-full .testi-image i {
            line-height: 72px;
        }

.testimonial-full .testi-content {
    text-align: center;
    font-size: 18px;
}

.testimonial-full .testi-meta {
    margin-top: 15px;
}

    .testimonial-full .testi-meta span {
        padding-left: 0;
    }
/* Testimonial - Section Scroller
-----------------------------------------------------------------*/

.section > .testimonial {
    padding: 0;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    max-width: 800px;
    margin: 0 auto;
}

    .section > .testimonial[data-animation="fade"] {
        padding: 0;
    }

    .section > .testimonial .testi-content {
        font-size: 1.25rem;
    }

    .section > .testimonial .testi-meta, .section > .testimonial .testi-meta span {
        font-size: 0.875rem;
    }
/* Testimonial - Pagination
-----------------------------------------------------------------*/

.testimonial .flex-control-nav {
    top: auto;
    bottom: 6px;
    right: 0;
}

    .testimonial .flex-control-nav li {
        margin: 0 2px;
        width: 6px;
        height: 6px;
    }

        .testimonial .flex-control-nav li a {
            width: 6px !important;
            height: 6px !important;
            border: none;
            background-color: #f6901e;
            opacity: 0.5;
        }

        .testimonial .flex-control-nav li:hover a {
            opacity: 0.75;
        }

        .testimonial .flex-control-nav li a.flex-active {
            opacity: 1;
        }
/* Testimonial - Full Scroller
-----------------------------------------------------------------*/

.testimonial.testimonial-full .flex-control-nav {
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 6px;
    margin-top: 20px;
}

    .testimonial.testimonial-full .flex-control-nav li {
        display: inline-block;
        float: none;
    }
/* ----------------------------------------------------------------
	Team
-----------------------------------------------------------------*/


.team, .team-image {
    position: relative;
}

    .team-image > a, .team-image img {
        display: block;
        width: 100%;
    }

.team-desc {
    text-align: center;
}

    .team-desc.team-desc-bg {
        background-color: #FFF;
        padding: 10px 0 30px;
    }

.team .si-share {
    margin-top: 30px;
    text-align: left;
}

    .team .si-share .social-icon {
        font-size: 0.875rem;
        width: 34px;
    }

.team-title {
    position: relative;
    padding-top: 20px;
}

    .team-title h4 {
        display: block;
        margin-bottom: 0;
        font-size: 1.25rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 700;
    }

    .team-title span {
        display: block;
        color: #f6901e;
        font-weight: 400;
        font-family: 'PT Serif', serif;
        font-style: italic;
        font-size: 1rem;
        margin-top: 5px;
    }

.team-content {
    margin-top: 1rem;
    color: #777;
}

    .team-content p:last-child {
        margin-bottom: 0;
    }
/* Team Center
-----------------------------------------------------------------*/

.team.center .team-title::after {
    left: 50%;
    margin-left: -40px;
}
/* Team List
-----------------------------------------------------------------*/

.team-list .team-desc {
    text-align: left;
}

.team-list .team-title {
    padding-top: 0;
}

.team .team-desc > .social-icon {
    margin-top: 20px;
}

.team .team-content ~ .social-icon {
    margin-top: 30px;
}

.team:not(.team-list) .social-icon {
    display: inline-block !important;
    vertical-align: middle;
    float: none;
    margin-left: 4px;
    margin-right: 4px;
}
/* ----------------------------------------------------------------
	Pricing Boxes
-----------------------------------------------------------------*/

.pricing {
    position: relative;
}

    .pricing [class^=col-] {
        margin-top: 1.25rem;
    }
/* Pricing Boxes
-----------------------------------------------------------------*/

.pricing-box {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.075);
    border-radius: 3px;
    background-color: #FFF;
}
/* Pricing Boxes - Title
-----------------------------------------------------------------*/

.pricing-title {
    padding: 1rem 0;
    background-color: #F9F9F9;
    border-bottom: 1px solid rgba(0,0,0,0.075);
    letter-spacing: 1px;
}

    .pricing-title h3 {
        margin: 0;
        font-size: 1.5rem;
        font-weight: bold;
        color: #555;
    }

    .pricing-title span {
        display: block;
        color: #777;
        font-size: 1rem;
        margin: 3px 0;
    }

    .pricing-title.title-sm h3 {
        font-size: 1.25rem;
    }

    .pricing-title.title-sm span {
        font-size: 0.875rem;
    }
/* Pricing Boxes - Price
-----------------------------------------------------------------*/

.pricing-price {
    position: relative;
    padding: 1.5rem 0;
    color: #333;
    font-size: 4rem;
    line-height: 1;
}

    .pricing-price .price-unit {
        display: inline-block;
        vertical-align: top;
        margin: 7px 3px 0 0;
        font-size: 28px;
        font-weight: normal;
    }

    .pricing-price .price-tenure {
        vertical-align: baseline;
        font-size: 1rem;
        font-weight: normal;
        letter-spacing: 1px;
        color: #999;
        margin: 0 0 0 3px;
    }
/* Pricing Boxes - Features
-----------------------------------------------------------------*/

.pricing-features {
    border-top: 1px solid rgba(0,0,0,0.075);
    border-bottom: 1px solid rgba(0,0,0,0.075);
    background-color: #F9F9F9;
    padding: 2rem 0;
}

    .pricing-features ul {
        margin: 0;
        list-style: none;
    }

    .pricing-features li {
        padding: 0.375rem 0;
    }
/* Pricing Boxes - Action
-----------------------------------------------------------------*/

.pricing-action {
    padding: 1.25rem 0;
}
/* Pricing Boxes - Best Price
-----------------------------------------------------------------*/

.pricing-highlight {
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    z-index: 10;
}

.pricing-highlight {
    margin: -20px -1px;
}

    .pricing-highlight .pricing-title {
        padding: 20px 0;
    }

    .pricing-highlight .pricing-title, .pricing-highlight .pricing-features {
        background-color: #fff;
    }

    .pricing-highlight .pricing-price {
        font-size: 72px;
    }
/* Pricing Boxes - Simple
-----------------------------------------------------------------*/

.pricing-simple, .pricing-simple .pricing-title, .pricing-simple .pricing-features {
    border: 0;
}

    .pricing-simple .pricing-title, .pricing-simple .pricing-features {
        background-color: transparent;
    }
/* Pricing Boxes - Minimal
-----------------------------------------------------------------*/

.pricing-minimal .pricing-price {
    background-color: #FFF;
    border-bottom: 1px solid rgba(0,0,0,0.075);
}

    .pricing-minimal .pricing-price::after {
        display: none;
    }
/* Pricing Boxes - Extended
-----------------------------------------------------------------*/

.pricing-extended {
    background-color: #FFF;
    text-align: left;
}

    .pricing-extended .pricing-title {
        background-color: transparent;
        padding-top: 0;
    }

    .pricing-extended .pricing-features {
        border: 0;
        background-color: transparent;
    }

    .pricing-extended .pricing-action-area {
        border-left: 1px solid rgba(0,0,0,0.05);
        background-color: #F9F9F9;
        padding: 30px;
        text-align: center;
    }

        .pricing-extended .pricing-action-area .pricing-price, .pricing-extended .pricing-action-area .pricing-action {
            padding: 0;
        }

        .pricing-extended .pricing-action-area .pricing-price {
            padding-bottom: 20px;
        }

            .pricing-extended .pricing-action-area .pricing-price::after {
                display: none;
            }

            .pricing-extended .pricing-action-area .pricing-price span.price-tenure {
                display: block;
                margin: 10px 0 0 0;
                font-weight: 300;
                text-transform: uppercase;
                font-size: 0.875rem;
            }

    .pricing-extended .pricing-meta {
        color: #999;
        font-weight: 300;
        font-size: 0.875rem;
        letter-spacing: 1px;
        text-transform: uppercase;
        padding-bottom: 10px;
    }

.table-comparison, .table-comparison th {
    text-align: center;
}

    .table-comparison th:first-child, .table-comparison td:first-child {
        text-align: left;
        font-weight: bold;
    }
/* ----------------------------------------------------------------
	Counter
-----------------------------------------------------------------*/


.counter {
    font-size: 42px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

    .counter.counter-small {
        font-size: 28px;
    }

    .counter.counter-large {
        font-size: 56px;
    }

    .counter.counter-xlarge {
        font-size: 64px;
        font-weight: 400;
    }

    .counter.counter-inherit {
        font-size: inherit;
        font-weight: inherit;
    }

    .counter + h5 {
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .counter.counter-lined + h5::before {
        display: block;
        position: relative;
        margin: 20px auto 25px auto;
        content: '';
        width: 15%;
        border-top: 2px solid #444;
        opacity: 0.9;
    }

    .counter.counter-small + h5 {
        font-size: 0.875rem;
    }

    .counter.counter-large + h5, .counter.counter-xlarge + h5 {
        font-size: 15px;
        font-weight: 300;
    }

.widget .counter + h5 {
    opacity: 0.7;
}
/* ----------------------------------------------------------------
	Animated Rounded Skills
-----------------------------------------------------------------*/


.rounded-skill {
    display: inline-block;
    margin: 0 15px 15px;
    display: inline-block;
    position: relative;
    text-align: center;
    font-size: 1.25rem;
    font-weight: bold;
    color: #333;
}

body:not(.device-touch) .rounded-skill {
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
}

.rounded-skill + h5 {
    margin-bottom: 0;
}

.rounded-skill i {
    font-size: 42px;
}

.rounded-skill canvas {
    position: absolute;
    top: 0;
    left: 0;
}
/* ----------------------------------------------------------------
	Skills Bar
-----------------------------------------------------------------*/


.skills {
    margin: 0;
    list-style: none;
    padding-top: 25px;
}

    .skills li {
        position: relative;
        margin-top: 38px;
        height: 4px;
        background-color: #F5F5F5;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
        border-radius: 2px;
    }

        .skills li:first-child {
            margin-top: 0;
        }

        .skills li .progress {
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 100%;
            background-color: #f6901e;
            overflow: visible !important;
            border-radius: 2px;
            -webkit-transition: width 1.2s ease-in-out;
            -o-transition: width 1.2s ease-in-out;
            transition: width 1.2s ease-in-out;
        }

        .skills li .progress-percent {
            position: absolute;
            top: -28px;
            right: 0;
            background-color: #333;
            color: #F9F9F9;
            text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
            height: 22px;
            line-height: 22px;
            padding: 0px 5px;
            font-size: 11px;
            border-radius: 2px;
        }

            .skills li .progress-percent .counter {
                font-weight: 400;
                font-family: 'Lato', sans-serif;
            }

.progress-percent::after, .progress-percent::before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.progress-percent::after {
    border-top-color: #333;
    border-width: 4px;
    left: 50%;
    margin-left: -4px;
}

.progress-percent::before {
    border-top-color: #333;
    border-width: 5px;
    left: 50%;
    margin-left: -5px;
}

.skills li > span {
    position: absolute;
    z-index: 1;
    top: -23px;
    left: 0;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #222;
}
/* ----------------------------------------------------------------
	Quotes & Blockquotes
-----------------------------------------------------------------*/

blockquote p {
    margin-bottom: 15px;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 1.125rem;
    border-left: 5px solid #EEE;
}

.blockquote-reverse {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #EEE;
    border-left: 0;
    text-align: right;
}

blockquote.float-left {
    max-width: 300px;
    margin: 5px 20px 10px 0;
    padding-right: 0;
}

blockquote.float-right {
    max-width: 300px;
    margin: 5px 0 10px 20px;
    padding-left: 0;
}

.quote {
    border: none !important;
    position: relative;
}

    .quote p {
        position: relative;
    }

    .quote::before {
        font-family: 'font-icons';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        content: "\e7ad";
        position: absolute;
        width: 48px;
        height: 48px;
        line-height: 48px;
        font-size: 42px;
        top: 0;
        left: 0;
        color: #EEE;
    }

    .quote.blockquote-reverse::before {
        content: "\e7ae";
        left: auto;
        right: 0;
    }
/* ----------------------------------------------------------------
	Dropcaps & Highlights
-----------------------------------------------------------------*/


.dropcap {
    float: left;
    font-size: 42px;
    line-height: 1;
    margin: 0 5px 0 0;
    text-transform: uppercase;
}

.highlight {
    padding: 2px 5px;
    background-color: #444;
    color: #FFF;
    border-radius: 2px;
}
/* ----------------------------------------------------------------
	Text Rotater
-----------------------------------------------------------------*/

.text-rotater .t-rotate:not(.morphext) {
    display: none;
}

.text-rotater > .t-rotate > .animated {
    display: inline-block;
}
/* ----------------------------------------------------------------
	Owl Carousel CSS
-----------------------------------------------------------------*/

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel {
    display: none;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
    width: 100%;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
    }

        .owl-carousel .owl-stage::after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0);
    }

    .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel.owl-loading {
        display: block;
        min-height: 100px;
        background: no-repeat center center;
    }

    .owl-carousel .owl-refresh .owl-item {
        display: none
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%;
            -webkit-transform-style: preserve-3d;
        }

.slider-element .owl-carousel .owl-item img {
    -webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-nav .owl-prev, .owl-nav .owl-next, .owl-dot, .owl-dots button {
    cursor: pointer;
    cursor: hand;
    padding: 0;
    border: 0;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.mega-menu-content .owl-carousel.owl-hidden {
    opacity: 1;
}

.owl-carousel.owl-refresh .owl-item {
    display: none;
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

    .owl-carousel.owl-rtl .owl-item {
        float: right;
    }

.no-js .owl-carousel {
    display: block;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #111
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 64px;
    width: 64px;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -32px;
    background: url("images/icons/play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease;
}

    .owl-carousel .owl-video-play-icon:hover {
        -webkit-transition: scale(1.3, 1.3);
        -o-transition: scale(1.3, 1.3);
        transition: scale(1.3, 1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}*/
/* Owl Carousel - Controls
-----------------------------------------------------------------*/

/*.owl-carousel .owl-dots, .owl-carousel .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    line-height: 1;
}*/
/* Owl Carousel - Controls - Arrows
-----------------------------------------------------------------*/

/*    .owl-carousel .owl-nav [class*=owl-] {
        position: absolute;
        top: 50%;
        margin-top: -18px;
        left: -36px;
        zoom: 1;
        width: 36px;
        height: 36px;
        line-height: 32px;
        border: 1px solid rgba(0,0,0,0.2);
        color: #666;
        background-color: #FFF;
        font-size: 18px;
        border-radius: 50%;
        opacity: 0;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }*/

/*.owl-carousel.with-carousel-dots .owl-nav [class*=owl-] {
    margin-top: -38px;
}

.slider-element .owl-nav [class*=owl-], .owl-carousel-full .owl-nav [class*=owl-] {
    margin-top: -30px;
    left: 0 !important;
    height: 60px;
    line-height: 60px;
    border: none;
    color: #EEE;
    background-color: rgba(0,0,0,0.4);
    font-size: 28px;
    border-radius: 0 3px 3px 0;
}

.owl-carousel-full .with-carousel-dots .owl-nav [class*=owl-] {
    margin-top: -50px;
}

.owl-carousel .owl-nav .owl-next {
    left: auto;
    right: -36px;
}

.slider-element .owl-nav .owl-next, .owl-carousel-full .owl-nav .owl-next {
    left: auto !important;
    right: 0 !important;
    border-radius: 3px 0 0 3px;
}

.owl-carousel:hover .owl-nav [class*=owl-] {
    opacity: 1;
    left: -18px;
}*/

/*.owl-carousel:hover .owl-nav .owl-next {
    left: auto;
    right: -18px;
}*/

/*.owl-carousel .owl-nav [class*=owl-]:hover {
    background-color: #f6901e !important;
    color: #FFF !important;
    text-decoration: none;
}

.owl-carousel .owl-nav .disabled {
    display: none !important;
}*/
/* Owl Carousel - Controls - Dots
-----------------------------------------------------------------*/

/*.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    width: 8px;
    height: 8px;
    margin: 30px 4px 0 4px;
    opacity: 0.9;
    border-radius: 50%;
    background-color: #f6901e;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

    .owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot:hover {
        opacity: 1;
        background: rgb(255 114 41) !important;
     }*/

/* slider */
.carousel-control-next, .carousel-control-prev {
    z-index: auto;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
    background-color: #cfcfcfa6 !important;
}

.owl-nav > button > .fa {
    padding: 5px 10px !important;
}

.owl-dots {
    display: none;
}



/* ----------------------------------------------------------------
	Flip Cards
-----------------------------------------------------------------*/

.flip-card {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.flip-card-front, .flip-card-back {
    background-size: cover;
    background-position: center;
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 280px;
    border-radius: 6px;
    color: #FFF;
    font-size: 1.5rem;
}

.flip-card-back {
    background-color: #666;
}

.flip-card:hover .flip-card-front, .flip-card:hover .flip-card-back {
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.flip-card-front.no-after::after, .flip-card-back.no-after::after {
    content: none
}

.flip-card-front::after, .flip-card-back::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    opacity: 0.6;
    background-color: #000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 6px;
}

.flip-card-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.flip-card-inner {
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
    transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
}

.flip-card-back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-card-front, .flip-card:hover .flip-card-back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-card:hover .flip-card-front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.top-to-bottom .flip-card-back {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.top-to-bottom .flip-card-front, .top-to-bottom:hover .flip-card-back {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.top-to-bottom:hover .flip-card-front {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-card-inner span {
    font-size: 18px;
    line-height: 20px;
    font-weight: 300;
}

.flip-card-inner p {
    position: relative;
    font-size: 1rem;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.7);
}
/*.owl-carousel .owl-stage { padding: 20px 0; }*/


/* ----------------------------------------------------------------
	Overlays
-----------------------------------------------------------------*/


.bg-overlay, .bg-overlay-bg, .bg-overlay-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

    .bg-overlay [data-hover-animate]:not(.animated) {
        opacity: 0;
    }

.bg-overlay {
    z-index: 5;
}

.bg-overlay-content {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    padding: 20px;
}

.bg-overlay-bg {
    background-color: rgba(255,255,255,0.85);
}

    .dark .bg-overlay-bg, .bg-overlay-bg.dark {
        background-color: rgba(0,0,0,0.5);
    }

.text-overlay-mask {
    opacity: 0.85;
    top: auto;
    bottom: 0;
    height: auto;
    padding: 40px 15px 15px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.85))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0 ); /* IE6-9 */
}

.overlay-trigger-icon {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 0.25rem;
    font-size: 1.125rem;
    text-align: center;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    transition: all .3s ease;
}

    .overlay-trigger-icon .icon-line-play {
        position: relative;
        left: 2px;
    }

    .overlay-trigger-icon.size-sm {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: 0 0.5rem;
        font-size: 0.875rem;
    }

    .overlay-trigger-icon.size-lg {
        width: 64px;
        height: 64px;
        line-height: 64px;
        margin: 0 0.5rem;
        font-size: 1.5rem;
    }
/* News Carousel Overlays
-----------------------------------------------------------------*/

.news-carousel .rounded-skill {
    position: absolute;
    margin: 0 !important;
    top: 30px;
    right: 30px;
    color: #FFF;
    font-weight: 700;
}
/* ----------------------------------------------------------------
	Forms
-----------------------------------------------------------------*/

.sm-form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 14px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 2px solid #DDD;
    border-radius: 0 !important;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}

    .sm-form-control:focus {
        border-color: #AAA;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .sm-form-control::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .sm-form-control:-ms-input-placeholder {
        color: #999;
    }

    .sm-form-control::-webkit-input-placeholder {
        color: #999;
    }

    .sm-form-control[disabled], .sm-form-control[readonly], fieldset[disabled] .sm-form-control {
        cursor: not-allowed;
        background-color: #eeeeee;
        opacity: 1;
    }

.sm-form-control {
    height: auto;
}

.form-control {
    border-radius: 3px;
    font-size: 0.8rem;
    padding: 0.35rem !important;
    height: calc(1.2em + 0.75rem + 2px) !important;
}

    .form-control:active, .form-control:focus {
        border-color: #999;
        box-shadow: none;
    }

label {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #b5b5b5;
    margin-bottom: 10px;
    cursor: pointer;
}

    label.label-muted {
        color: #999;
        font-weight: normal;
        margin-right: 5px;
    }
/* ----------------------------------------------------------------
	Contact Form
-----------------------------------------------------------------*/


.contact-form-overlay {
    position: relative;
    background-color: #FFF;
    z-index: 10;
    border-radius: 4px;
    box-shadow: 0 1px 10px rgba(0,0,0,0.15);
}

label.error {
    margin-top: 5px;
    color: #E42C3E;
    font-weight: 400;
}

label.error {
    display: none !important;
}

.show-error-msg + label.error {
    display: block !important;
}

input[type=checkbox]:not(:checked) + label.error {
    display: block !important;
}

.form-control.error, .sm-form-control.error {
    border-color: #E42C3E;
}
/* ----------------------------------------------------------------
	Google Maps
-----------------------------------------------------------------*/


.gmap {
    position: relative;
    width: 100%;
    height: 450px;
}

    .gmap img {
        max-width: none !important;
    }

.gm-style .gm-style-iw h3 span {
    font-size: inherit;
    font-family: inherit;
}

#map-overlay {
    position: relative;
    padding: 100px 0;
}

    #map-overlay .gmap {
        position: absolute;
        height: 100%;
        top: 0;
        left: 0;
    }
/* ----------------------------------------------------------------
	Google Custom Search
-----------------------------------------------------------------*/


#content .cse .gsc-control-cse, #content .gsc-control-cse, #content .gsc-above-wrapper-area, #content .gsc-adBlock, #content .gsc-thumbnail-inside, #content .gsc-url-top, #content .gsc-table-result, #content .gsc-webResult, #content .gsc-result {
    padding: 0 !important;
}

#content .gsc-selected-option-container {
    width: auto !important;
}

#content .gsc-result-info {
    padding-left: 0 !important;
}

#content .gsc-above-wrapper-area-container, #content .gsc-table-result {
    margin-bottom: 10px;
}

#content .gcsc-branding {
    display: none;
}

#content .gsc-results, #content .gsc-webResult {
    width: 100% !important;
}

#content .gs-no-results-result .gs-snippet, #content .gs-error-result .gs-snippet {
    margin: 0 !important;
}
/* ----------------------------------------------------------------
	Heading Styles
-----------------------------------------------------------------*/


/* Titular
-----------------------------------------------------------------*/

.titular-title {
    font-weight: 500;
    letter-spacing: -1px;
}

h1.titular-title {
    font-size: 3.25rem;
}

h2.titular-title {
    font-size: 2.75rem;
}

h3.titular-title {
    font-size: 2rem;
}

.titular-sub-title {
    margin: 0;
    font-weight: 600;
    letter-spacing: 4px;
    font-size: 1rem;
    text-transform: uppercase;
}

.titular-title + .titular-sub-title {
    margin-top: -25px;
    margin-bottom: 30px;
}
/* Block Titles
-----------------------------------------------------------------*/

.title-block {
    padding: 2px 0 3px 20px;
    border-left: 7px solid #f6901e;
    margin-bottom: 30px;
}

.title-block-right {
    padding: 2px 20px 3px 0;
    border-left: 0;
    border-right: 7px solid #f6901e;
    text-align: right;
}

.title-block h1, .title-block h2, .title-block h3, .title-block h4 {
    margin-bottom: 0;
}

.title-block > span {
    display: block;
    margin-top: 4px;
    color: #555;
    font-weight: 300;
}

.title-block h1 + span, .title-block h2 + span {
    font-size: 1.25rem;
}

.title-block h3 + span {
    font-size: 1.125rem;
}

.title-block h4 + span {
    font-size: 0.9375px;
}
/* Heading Block - with Subtitle
-----------------------------------------------------------------*/

.heading-block {
    margin-bottom: 50px;
}

    .heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 {
        margin-bottom: 0;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #333;
    }

.emphasis-title h1, .emphasis-title h2 {
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}

.heading-block h1 {
    font-size: 32px;
}

.heading-block h2 {
    font-size: 30px;
}

.heading-block h3 {
    font-size: 1.75rem;
}

.heading-block h4 {
    font-size: 1.25rem;
    font-weight: 700;
}

.heading-block > span:not(.before-heading) {
    display: block;
    margin-top: 10px;
    font-weight: 300;
    color: #777;
}

.heading-block .before-heading {
    margin-bottom: 7px;
}

.heading-block.center > span, .heading-block.text-center > span, .center .heading-block > span, .text-center .heading-block > span {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.heading-block h1 + span {
    font-size: 1.5rem;
}

.heading-block h2 + span {
    font-size: 1.25rem;
}

.heading-block h3 + span, .heading-block h4 + span {
    font-size: 1.25rem;
}

.heading-block::after {
    content: '';
    display: block;
    margin-top: 30px;
    width: 40px;
    border-top: 2px solid #444;
}

.center .heading-block::after, .text-center .heading-block::after, .heading-block.center::after, .heading-block.text-center::after {
    margin: 30px auto 0;
}

.text-right .heading-block, .heading-block.text-right, .heading-block.title-right {
    direction: rtl;
}

.heading-block.border-0::after, .heading-block.border-bottom-0::after {
    display: none;
}

.heading-block.border-color::after {
    border-color: #f6901e;
}
/* Emphasis Title
-----------------------------------------------------------------*/

.emphasis-title {
    margin: 0 0 50px;
}

    .emphasis-title h1, .emphasis-title h2 {
        font-size: 64px;
        letter-spacing: -2px;
    }

        .emphasis-title h1 strong, .emphasis-title h2 strong {
            font-weight: 700;
        }
/* Justify Border Title
-----------------------------------------------------------------*/

.fancy-title {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2rem;
}

    .fancy-title h1, .fancy-title h2, .fancy-title h3, .fancy-title h4, .fancy-title h5, .fancy-title h6 {
        position: relative;
        margin-bottom: 0;
    }

    .fancy-title::before, .fancy-title::after {
        content: '';
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        height: 0;
        border-top: 3px double #E5E5E5;
    }

    .fancy-title::before {
        display: none;
        margin-right: 0.75rem;
    }

    .fancy-title::after {
        margin-left: 0.75rem;
    }

.title-border::before, .title-border::after {
    border-top-width: 1px;
    border-top-style: solid;
}

.title-border-color::before, .title-border-color::after {
    border-top: 1px solid #f6901e !important;
}
/* Fancy Title - Center Align
-----------------------------------------------------------------*/

.title-center::before {
    display: block;
}
/* Fancy Title - Right Align
-----------------------------------------------------------------*/

.title-right::before {
    display: block;
}

.title-right::after {
    display: none;
}
/* Fancy Title - Bottom Short Border
-----------------------------------------------------------------*/

.title-bottom-border::before, .title-bottom-border::after {
    display: none;
}

.title-bottom-border h1, .title-bottom-border h2, .title-bottom-border h3, .title-bottom-border h4, .title-bottom-border h5, .title-bottom-border h6 {
    width: 100%;
    padding: 0 0 0.75rem;
    border-bottom: 2px solid #f6901e;
}
/* Sub Heading
-----------------------------------------------------------------*/

.before-heading {
    display: block;
    margin: 0 0 5px;
    font-size: 1rem;
    font-family: 'PT Serif', serif;
    font-style: italic;
    font-weight: 400;
    color: #999;
}

@media (max-width: 767.98px) {
    .title-block h1 + span {
        font-size: 18px;
    }

    .title-block h2 + span {
        font-size: 17px;
    }

    .title-block h3 + span {
        font-size: 15px;
    }

    .title-block h4 + span {
        font-size: 13px;
    }

    .heading-block h1 {
        font-size: 30px;
    }

    .heading-block h2 {
        font-size: 26px;
    }

    .heading-block h3 {
        font-size: 22px;
    }

    .heading-block h4 {
        font-size: 19px;
    }

    .heading-block h1 + span {
        font-size: 20px;
    }

    .heading-block h2 + span {
        font-size: 18px;
    }

    .heading-block h3 + span, .heading-block h4 + span {
        font-size: 17px;
    }

    .emphasis-title h1, .emphasis-title h2 {
        font-size: 44px !important;
    }
}
/* ----------------------------------------------------------------
	Divider
-----------------------------------------------------------------*/


.divider {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    margin: 3rem auto;
    color: #E5E5E5;
    width: 100%;
}

    .divider.divider-margin-lg {
        margin: 5rem auto;
    }

    .divider::after, .divider::before {
        content: '';
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        height: 1px;
        background-color: #EEE;
    }

    .divider::before {
        display: none;
        margin-right: 0.5rem;
    }

    .divider::after {
        margin-left: 0.5rem;
    }

    .divider.divider-thick::after, .divider.divider-thick::before {
        height: 3px;
    }

    .divider.divider-sm {
        width: 55%;
    }

    .divider.divider-xs {
        width: 35%;
    }

    .divider i, .divider a, .divider-text {
        position: relative;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 24px;
        max-width: 100%;
        line-height: 1;
        font-size: 18px !important;
        text-align: center;
    }

    .divider a, .divider-text {
        width: auto;
        color: inherit;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

        .divider a:hover {
            color: #888;
        }
    /* Divider - Icon Align Right
-----------------------------------------------------------------*/

    .divider.divider-right::before {
        display: block;
    }

    .divider.divider-right::after {
        display: none;
    }
    /* Divider - Icon Align Center
-----------------------------------------------------------------*/

    .divider.divider-center::before {
        display: block;
    }
    /* Divider - Rounded Icon
-----------------------------------------------------------------*/

    .divider.divider-rounded i, .divider.divider-border i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        color: #BBB;
        background-color: #F5F5F5;
        border-radius: 50%;
    }

    .divider.divider-rounded::before, .divider.divider-border::before, .divider.divider-rounded::after, .divider.divider-border::after {
        margin-left: 0;
        margin-right: 0;
    }
    /* Divider - Rounded & Border
-----------------------------------------------------------------*/

    .divider.divider-border {
        color: #E5E5E5;
    }

        .divider.divider-border i {
            line-height: 38px;
            background-color: transparent;
            border: 1px solid #EEE;
        }
    /* Divider - Line Only
-----------------------------------------------------------------*/

    .divider.divider-line::before, .divider.divider-line::after {
        margin-left: 0;
        margin-right: 0;
    }
/* ----------------------------------------------------------------
	Magazine Specific Classes
-----------------------------------------------------------------*/

.top-advert {
    padding: 5px;
    border-left: 1px solid #EEE;
    border-right: 1px solid #EEE;
}

    .top-advert a, .top-advert img {
        display: block;
    }

.bnews-title {
    display: block;
    float: left;
    margin-top: 2px;
    padding-top: .3em;
    text-transform: uppercase;
}

.bnews-slider {
    float: left;
    width: 970px;
    margin-left: 20px;
    min-height: 0;
}
/* ----------------------------------------------------------------
	Go To Top
-----------------------------------------------------------------*/


#gotoTop {
    display: none;
    z-index: 599;
    position: fixed;
    width: 30px;
    height: 30px;
    background-color: #333;
    background-color: rgba(0,0,0,0.3);
    font-size: 1.25rem;
    line-height: 1;
    text-align: center;
    color: #FFF;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 100px;
    cursor: pointer;
    border-radius: 2px;
    padding: 5px;
}

body:not(.device-touch) #gotoTop {
    transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
}

#gotoTop:hover {
    background-color: #f6901e;
}
/* ----------------------------------------------------------------
	Read More
-----------------------------------------------------------------*/

.sidebar-box .read-more {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(104 44 139));
}
.sidebar-box .read-more a.button {
    background-color: rgba(0,0,0,0.3);
}

.sidebar-box .read-more a.button:hover,
.sidebar-box .read-more-btn a.button:hover {
    background-color: #f6901e;
}
/* ----------------------------------------------------------------
	GDPR Settings
-----------------------------------------------------------------*/

.gdpr-settings {
    position: fixed;
    max-width: calc(100% - 2rem);
    margin-bottom: 1rem;
    border-radius: 4px;
    top: auto;
    bottom: 0;
    left: 1rem;
    opacity: 0;
    padding: 3rem;
    z-index: 999;
    background-color: #EEE;
    transition: all .3s ease;
}

.gdpr-settings-sm {
    max-width: 30rem;
    margin-right: 1rem;
}

    .gdpr-settings-sm.gdpr-settings-right {
        left: auto;
        right: 1rem;
        margin-right: 0;
        margin-left: 1rem;
    }

.gdpr-settings.dark {
    background-color: #111;
}
/* ----------------------------------------------------------------
	Error 404
-----------------------------------------------------------------*/


.error404 {
    display: block;
    font-size: 18vw;
    font-weight: 700;
    color: #DDD;
    line-height: 1;
    letter-spacing: 4px;
}

.error404-wrap .container {
    z-index: 7;
}

.error404-wrap .error404 {
    line-height: 0.9;
    margin-bottom: 40px;
    font-weight: bold;
    font-size: 19vw;
    color: #FFF !important;
    opacity: 0.2;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.4);
}

.error404-wrap .heading-block h4 {
    font-weight: 300;
    margin-bottom: 8px;
}

.error404-wrap .heading-block span {
    font-size: 1.125rem;
}

.error404-wrap form {
    max-width: 500px;
}
/* ----------------------------------------------------------------
	Landing Pages
-----------------------------------------------------------------*/

.landing-wide-form {
    background: rgba(0,0,0,0.3);
    padding: 30px;
    border-radius: 3px;
}

.landing-form-overlay {
    position: absolute;
    z-index: 10;
    top: auto;
    left: auto;
    right: 0;
    bottom: -154px;
    background-color: rgba(0,0,0,0.6);
    border-radius: 3px 3px 0 0;
}

.landing-video {
    z-index: 1;
    width: 560px;
    height: 315px;
    margin: 22px 0 0 95px;
    overflow: hidden;
}

.landing-promo h3 {
    font-size: 1.75rem;
}

.landing-promo > .container > span {
    font-size: 1.125rem;
}
/* ----------------------------------------------------------------
	Preloaders
-----------------------------------------------------------------*/


.preloader, .preloader2, .form-process {
    display: block;
    width: 100%;
    height: 100%;
    background: center center no-repeat #FFF;
}

.preloader2 {
    background-color: transparent;
}

.form-process {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: transparent;
}

    .form-process::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #FFF;
        opacity: 0.7;
        z-index: -1;
    }
/* ----------------------------------------------------------------
	Toastr Notifications
-----------------------------------------------------------------*/


.toast-title {
    font-weight: bold;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

    .toast-message a, .toast-message label {
        color: #FFFFFF;
    }

        .toast-message a:hover {
            color: #CCCCCC;
            text-decoration: none;
        }

.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 1.25rem;
    font-weight: bold;
    color: #FFFFFF;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1;
}

    .toast-close-button:hover, .toast-close-button:focus {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.4;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40);
    }

.rtl .toast-close-button {
    left: -0.3em;
    float: left;
    right: 0.3em;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none; /*overrides*/
}

    #toast-container * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #toast-container > div {
        position: relative;
        pointer-events: auto;
        overflow: hidden;
        margin: 0 0 6px;
        padding: 20px 25px;
        width: 300px;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        background-repeat: no-repeat;
        -moz-box-shadow: 0 0 12px #999999;
        -webkit-box-shadow: 0 0 12px #999999;
        box-shadow: 0 0 12px #999999;
        color: #FFFFFF;
        opacity: 0.8;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        filter: alpha(opacity=80);
    }

        #toast-container > div.rtl {
            direction: rtl;
        }

        #toast-container > div:hover {
            -moz-box-shadow: 0 0 12px #000000;
            -webkit-box-shadow: 0 0 12px #000000;
            box-shadow: 0 0 12px #000000;
            opacity: 1;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            filter: alpha(opacity=100);
            cursor: pointer;
        }

    #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
    }

.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #51A351;
}

.toast-error {
    background-color: #BD362F;
}

.toast-info {
    background-color: #2F96B4;
}

.toast-warning {
    background-color: #F89406;
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000000;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}

/*Responsive Design*/
@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 10px 15px;
        width: 11em;
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }

    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 0.2em;
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
        padding: 10px 15px;
        width: 18em;
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }

    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 0.2em;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 20px;
        width: 25em;
    }
}
/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/


#footer {
    /*position: relative;*/
    background-color: #4a1766;
}

@media (min-width: 992px) {
    .sticky-footer #slider:not(.slider-parallax-invisible), .sticky-footer #page-submenu, .sticky-footer #page-title, .sticky-footer #content {
        z-index: 2;
    }

    .sticky-footer #footer {
        position: sticky;
        top: auto;
        bottom: 0;
        left: 0;
    }
}

#footer .footer-widgets-wrap {
    position: relative;
    padding: 80px 0;
}

#copyrights {
    /*    padding: 10px 0;
*/ background-color: #2c0433;
    font-size: 13px;
    line-height: 1.8;
    color: #ccc;
}

    #copyrights i.footer-icon {
        position: relative;
        top: 1px;
        font-size: 0.875rem;
        width: 14px;
        text-align: center;
        margin-right: 3px;
    }

.copyright-links a {
    display: inline-block;
    margin: 0 3px;
    color: #333;
    border-bottom: 1px dotted #444;
}

    .copyright-links a:hover {
        color: #555;
        border-bottom: 1px solid #666;
    }

.copyrights-menu {
    margin-bottom: 10px;
}

    .copyrights-menu a {
        font-size: 0.875rem;
        margin: 0 10px;
        border-bottom: 0 !important;
    }

#copyrights a:first-child {
    margin-left: 0;
}

#copyrights.text-right a:last-child {
    margin-right: 0;
}

.footer-logo {
    display: block;
    margin-bottom: 30px;
}
/* ----------------------------------------------------------------
	Widgets
-----------------------------------------------------------------*/


.widget {
    position: relative;
    margin-top: 50px;
}

    .widget p {
        line-height: 1.7;
    }

.sidebar-widgets-wrap .widget {
    padding-top: 50px;
    border-top: 1px solid #EEE;
}

.widget:first-child {
    margin-top: 0;
}

.sidebar-widgets-wrap .widget:first-child {
    padding-top: 0;
    border-top: 0;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .sidebar-widgets-wrap {
        position: relative;
        display: -ms-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -20px -40px -20px;
    }

        .sidebar-widgets-wrap .widget {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
            margin: 0 0 40px 0;
            padding-top: 0;
            padding-left: 20px;
            padding-right: 20px;
            border-top: 0;
        }
}

.widget > h4 {
    margin-bottom: 25px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.sidebar-widgets-wrap .widget > h4 {
    letter-spacing: 1px;
}
/* Tag Cloud
-----------------------------------------------------------------*/


.tagcloud {
    margin-bottom: -2px;
}

    .tagcloud a {
        display: block;
        float: left;
        margin-right: 4px;
        margin-bottom: 4px;
        padding: 3px 6px;
        border: 1px solid #E5E5E5;
        font-size: 13px !important;
        color: #666;
        border-radius: 2px;
    }

body:not(.device-touch) .tagcloud a {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.tagcloud a:hover {
    border-color: #f6901e !important;
    color: #f6901e !important;
}
/* Widget - Links
-----------------------------------------------------------------*/

.widget_nav_menu ul, .widget_nav_menu li, .widget_links ul, .widget_links li, .widget_meta ul, .widget_meta li, .widget_archive ul, .widget_archive li, .widget_recent_comments ul, .widget_recent_comments li, .widget_recent_entries ul, .widget_recent_entries li, .widget_categories ul, .widget_categories li, .widget_pages ul, .widget_pages li, .widget_rss ul, .widget_rss li {
    list-style: none;
    margin: 0;
}

.widget_nav_menu li, .widget_links li, .widget_meta li, .widget_archive li, .widget_recent_comments li, .widget_recent_entries li, .widget_categories li, .widget_pages li, .widget_rss li {
    padding: 4px 0;
    font-size: 15px;
}

.widget_nav_menu:not(.widget-li-noicon) li::before, .widget_links:not(.widget-li-noicon) li::before, .widget_meta:not(.widget-li-noicon) li::before, .widget_archive:not(.widget-li-noicon) li::before, .widget_recent_entries:not(.widget-li-noicon) li::before, .widget_categories:not(.widget-li-noicon) li::before, .widget_pages:not(.widget-li-noicon) li::before, .widget_rss:not(.widget-li-noicon) li::before, .widget_recent_comments:not(.widget-li-noicon) li::before {
    content: "\e7a5";
    font-family: 'font-icons';
    display: inline-block;
    position: relative;
    top: 1px;
    left: 0;
}

.widget_recent_comments li::before {
    content: "\e9b8";
}

.widget_nav_menu li a, .widget_links li a, .widget_meta li a, .widget_archive li a, .widget_recent_entries li a, .widget_categories li a, .widget_pages li a, .widget_rss li a, .widget_recent_comments li a {
    display: inline-block;
    padding: 0 3px 0 12px;
    border: none !important;
    color: #444;
}

.widget_nav_menu.widget-li-noicon li a, .widget_links.widget-li-noicon li a, .widget_meta.widget-li-noicon li a, .widget_archive.widget-li-noicon li a, .widget_recent_entries.widget-li-noicon li a, .widget_categories.widget-li-noicon li a, .widget_pages.widget-li-noicon li a, .widget_rss.widget-li-noicon li a, .widget_recent_comments.widget-li-noicon li a {
    padding-left: 0;
}

.widget_nav_menu li a:hover, .widget_links li a:hover, .widget_meta li a:hover, .widget_archive li a:hover, .widget_recent_entries li a:hover, .widget_categories li a:hover, .widget_pages li a:hover, .widget_rss li a:hover, .widget_recent_comments li a:hover {
    color: #000;
}

.widget_nav_menu > ul > li:first-child, .widget_links > ul > li:first-child, .widget_meta > ul > li:first-child, .widget_archive > ul > li:first-child, .widget_recent_comments > ul > li:first-child, .widget_recent_entries > ul > li:first-child, .widget_categories > ul > li:first-child, .widget_pages > ul > li:first-child, .widget_rss > ul > li:first-child {
    border-top: 0 !important;
}

.widget_nav_menu > ul, .widget_links > ul, .widget_meta > ul, .widget_archive > ul, .widget_recent_comments > ul, .widget_recent_entries > ul, .widget_categories > ul, .widget_pages > ul, .widget_rss > ul {
    margin-top: -4px !important;
}

.widget_nav_menu ul ul, .widget_links ul ul, .widget_meta ul ul, .widget_archive ul ul, .widget_recent_comments ul ul, .widget_recent_entries ul ul, .widget_categories ul ul, .widget_pages ul ul, .widget_rss ul ul {
    margin-left: 15px;
}
/* Widget - Testimonial & Twitter
-----------------------------------------------------------------*/

.widget .testimonial.no-image .testi-image {
    display: none;
}

.widget .testimonial.twitter-scroll .testi-image {
    margin-right: 10px;
}

.widget .testimonial:not(.twitter-scroll) .testi-image, .widget .testimonial:not(.twitter-scroll) .testi-image a, .widget .testimonial:not(.twitter-scroll) .testi-image img {
    width: 42px;
    height: 42px;
}

.widget .testimonial.twitter-scroll .testi-image, .widget .testimonial.twitter-scroll .testi-image a, .widget .testimonial.twitter-scroll .testi-image img, .widget .testimonial.twitter-scroll .testi-image i {
    width: 28px;
    height: 28px;
}

    .widget .testimonial.twitter-scroll .testi-image i {
        background-color: #EEE;
        line-height: 28px;
        font-size: 0.875rem;
        color: #888;
    }

.widget .testimonial p {
    font-size: 0.875rem;
}
/* Widget - Quick Contact Form
-----------------------------------------------------------------*/

.quick-contact-widget.form-widget .form-control, .quick-contact-widget.form-widget .input-group, .quick-contact-widget.form-widget .sm-form-control {
    margin-bottom: 10px;
}

    .quick-contact-widget.form-widget .input-group .form-control {
        margin-bottom: 0;
    }

.quick-contact-widget.form-widget form, #template-contactform {
    position: relative;
}
/* Newsletter Widget
-----------------------------------------------------------------*/

.subscribe-widget h5 {
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 1.5;
}
/* Twitter Feed Widget
-----------------------------------------------------------------*/

.widget-twitter-feed li {
    margin: 15px 0 0 0;
}

    .widget-twitter-feed li:first-child {
        margin-top: 0;
    }

.widget-twitter-feed small {
    display: block;
    margin-top: 3px;
}

    .widget-twitter-feed small a:not(:hover) {
        color: #999;
    }

.widget-twitter-feed .twitter-feed:not(.twitter-feed-avatar) a.twitter-avatar {
    display: none;
}

.widget-twitter-feed .twitter-feed.twitter-feed-avatar i.icon-twitter {
    display: none;
}

.widget-twitter-feed .twitter-feed-avatar {
    margin-left: 44px;
}

    .widget-twitter-feed .twitter-feed-avatar > li a.twitter-avatar {
        display: block;
        position: absolute;
        left: -44px;
        text-align: center;
        top: 2px;
        width: 32px;
        height: 32px;
    }

.twitter-feed-avatar a.twitter-avatar img {
    border-radius: 50%;
}
/* Widget Filter Links
-----------------------------------------------------------------*/

.widget-filter-links ul {
    list-style: none;
    margin-bottom: 0;
}

.widget-filter-links .widget-filter-reset {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    font-size: 12px;
    line-height: 22px;
}

.widget:not(:first-child) .widget-filter-reset {
    top: 50px;
}

.widget-filter-links .widget-filter-reset a {
    color: red !important;
}

.widget-filter-links .widget-filter-reset.active-filter {
    display: none;
}

.widget-filter-links li {
    position: relative;
    font-size: 15px;
    line-height: 24px;
}

    .widget-filter-links li:not(:first-child) {
        margin-top: 10px;
    }

    .widget-filter-links li a {
        display: block;
        color: #444;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
    }

    .widget-filter-links li span {
        position: absolute;
        top: 1px;
        left: auto;
        right: 0;
        font-size: 11px;
        width: 22px;
        height: 22px;
        line-height: 22px;
        text-align: center;
        color: #777;
        background-color: #EEE;
        border-radius: 50%;
    }

    .widget-filter-links li:hover a {
        color: #777;
    }

    .widget-filter-links li.active-filter a {
        font-weight: 700;
    }

    .widget-filter-links li.active-filter span {
        color: #FFF !important;
        background-color: #f6901e !important;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    }
/* Navigation Tree
-----------------------------------------------------------------*/

.nav-tree {
    position: relative;
    margin-bottom: 40px;
}

    .nav-tree ul {
        margin-bottom: 0;
        list-style: none;
    }

    .nav-tree > ul {
        margin: -8px 0;
    }

    .nav-tree li {
        position: relative;
    }

        .nav-tree li a {
            display: block;
            padding: 8px 0;
            color: #fff;
            text-transform: uppercase;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 2px;
            font-family: 'Poppins', sans-serif;
        }

        .nav-tree li i {
            font-size: 0.875rem;
            width: 16px;
            text-align: center;
        }

            .nav-tree li i:not(.icon-angle-down) {
                margin-right: 8px;
                position: relative;
                top: 1px;
            }

        .nav-tree li a i.icon-angle-down {
            width: auto;
            font-size: 12px;
            margin-left: 2px;
        }

        .nav-tree li:hover > a, .nav-tree li.current > a, .nav-tree li.active > a {
            color: #f6901e;
        }

    .nav-tree ul ul {
        display: none;
    }

    .nav-tree li.current > ul {
        display: block;
    }

    .nav-tree ul ul a {
        font-size: 12px;
        padding: 6px 0;
        letter-spacing: 1px;
        font-family: 'Lato', sans-serif;
    }

        .nav-tree ul ul a i.icon-angle-down {
            font-size: 12px;
        }

    .nav-tree ul ul a {
        padding-left: 20px;
    }

    .nav-tree ul ul ul a {
        padding-left: 40px;
    }

    .nav-tree ul ul ul ul a {
        padding-left: 60px;
    }

    .nav-tree ul ul ul ul ul a {
        padding-left: 80px;
    }
/* ----------------------------------------------------------------
	Wedding
-----------------------------------------------------------------*/


.wedding-head {
    position: relative;
    line-height: 1;
    font-size: 80px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    font-family: 'Poppins', sans-serif;
}

    .wedding-head .first-name, .wedding-head .last-name, .wedding-head .and {
        display: inline-block;
        margin-right: 15px;
        font-weight: bold;
        text-align: right;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .wedding-head .last-name {
        margin: 0 0 0 15px;
        text-align: left;
    }

        .wedding-head .first-name span, .wedding-head .last-name span {
            display: block;
            margin-top: 10px;
            font-size: 56px;
            font-weight: 400;
            font-style: italic;
            font-family: 'PT Serif', serif;
            text-transform: none;
        }

    .wedding-head .and {
        margin: 0;
        font-size: 200px;
        font-family: 'Times New Roman', serif;
    }
/* ----------------------------------------------------------------
	Styled Paginations
-----------------------------------------------------------------*/


.pagination.pagination-circle .page-item .page-link {
    width: 35px;
    height: 35px;
    line-height: 33px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
}

.pagination.pagination-circle.pagination-lg .page-item .page-link {
    width: 56px;
    height: 56px;
    line-height: 54px;
}

.pagination.pagination-circle.pagination-sm .page-item .page-link {
    width: 26px;
    height: 26px;
    line-height: 24px;
}
/* Pagination Rounded */
.pagination.pagination-rounded .page-item .page-link {
    border-radius: 4px;
}
/* Pagination Margins */
.pagination.pagination-circle .page-item:not(:first-child) .page-link, .pagination.pagination-rounded .page-item:not(:first-child) .page-link {
    margin-left: 5px;
}

.pagination.pagination-circle.pagination-lg .page-item:not(:first-child) .page-link, .pagination.pagination-rounded.pagination-lg .page-item:not(:first-child) .page-link {
    margin-left: 8px;
}

.pagination.pagination-circle.pagination-sm .page-item:not(:first-child) .page-link, .pagination.pagination-rounded.pagination-sm .page-item:not(:first-child) .page-link {
    margin-left: 3px;
}
/* Pagination 3d */
.pagination.pagination-3d .page-item .page-link {
    border-bottom: 3px solid rgba(0,0,0,0.15) !important;
}
/* Pagination Transparent */
.pagination.pagination-transparent .page-item .page-link {
    border: 0;
}
/* Pagination Transparent */
.pagination.pagination-inside-transparent .page-item .page-link:not(:hover) {
    color: #222;
}

/* Pagination Inside Transparent */
.pagination.pagination-inside-transparent .page-item:not(:first-child):not(:nth-child(2)):not(:nth-last-child(1)) .page-link {
    border-left: 0;
}

.pagination.pagination-inside-transparent .page-item.active .page-link, .pagination.pagination-inside-transparent .page-link:hover, .pagination.pagination-inside-transparent .page-link:focus {
    border-color: transparent !important;
}

/* Pagination Button */
.pagination.pagination-inside-transparent.pagination-button .page-item:not(:first-child):not(:nth-last-child(1)) .page-link {
    border: 0;
}
/* Pagination Pill */
.pagination.pagination-pill .page-item:first-child .page-link {
    border-top-left-radius: 10rem;
    border-bottom-left-radius: 10rem;
}

.pagination.pagination-pill .page-item:last-child .page-link {
    border-top-right-radius: 10rem;
    border-bottom-right-radius: 10rem;
}
/* Pagination primary */
.pagination.pagination-primary .page-item .page-link {
    background-color: #007bff;
    background-color: var(--primary);
    border-color: #007bff;
    border-color: var(--primary);
    color: #FFF;
}
/* Pagination secondary */
.pagination.pagination-secondary .page-item .page-link {
    background-color: #6c757d;
    background-color: var(--secondary);
    border-color: #6c757d;
    border-color: var(--secondary);
    color: #FFF;
}
/* Pagination success */
.pagination.pagination-success .page-item .page-link {
    background-color: #28a745;
    background-color: var(--success);
    border-color: #28a745;
    border-color: var(--success);
    color: #FFF;
}
/* Pagination danger */
.pagination.pagination-danger .page-item .page-link {
    background-color: #dc3545;
    background-color: var(--danger);
    border-color: #dc3545;
    border-color: var(--danger);
    color: #FFF;
}
/* Pagination info */
.pagination.pagination-info .page-item .page-link {
    background-color: #17a2b8;
    background-color: var(--info);
    border-color: #17a2b8;
    border-color: var(--info);
    color: #FFF;
}
/* Pagination dark */
.pagination.pagination-dark .page-item .page-link {
    background-color: #343a40;
    background-color: var(--dark);
    border-color: #343a40;
    border-color: var(--dark);
    color: #FFF;
}
/* Pagination light */
.pagination.pagination-light .page-item .page-link {
    background-color: #f8f9fa;
    background-color: var(--light);
    border-color: #f8f9fa;
    border-color: var(--light);
    color: #222;
}
/* Pagination Bootstrap Background */
.pagination.pagination-primary .page-item.active .page-link, .pagination.pagination-primary .page-link:hover, .pagination.pagination-primary .page-link:focus, .pagination.pagination-secondary .page-item.active .page-link, .pagination.pagination-secondary .page-link:hover, .pagination.pagination-secondary .page-link:focus, .pagination.pagination-success .page-item.active .page-link, .pagination.pagination-success .page-link:hover, .pagination.pagination-success .page-link:focus, .pagination.pagination-danger .page-item.active .page-link, .pagination.pagination-danger .page-link:hover, .pagination.pagination-danger .page-link:focus, .pagination.pagination-info .page-item.active .page-link, .pagination.pagination-info .page-link:hover, .pagination.pagination-info .page-link:focus, .pagination.pagination-light .page-item.active .page-link, .pagination.pagination-light .page-link:hover, .pagination.pagination-light .page-link:focus {
    background-color: #222 !important;
    border-color: #222 !important;
    color: #FFF;
}
/* --------------------------------------------------------------
	SWITCH
--------------------------------------------------------------  */

.switch-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

    .switch-toggle + label {
        display: block;
        position: relative;
        cursor: pointer;
        outline: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
/* --------------------------------------------------------------
	SWITCH 1 - ROUND
----------------------------------------------------------------- */
input.switch-toggle-round + label {
    padding: 2px;
    width: 60px;
    height: 30px;
    background-color: #DDD;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}

    input.switch-toggle-round + label::before, input.switch-toggle-round + label::after {
        display: block;
        position: absolute;
        top: 1px;
        left: 1px;
        bottom: 1px;
        content: "";
    }

    input.switch-toggle-round + label::before {
        right: 1px;
        background-color: #F1F1F1;
        -webkit-border-radius: 15px;
        -o-border-radius: 15px;
        border-radius: 15px;
        -webkit-transition: background 0.4s;
        -moz-transition: background 0.4s;
        -o-transition: background 0.4s;
        transition: background 0.4s;
    }

    input.switch-toggle-round + label::after {
        width: 28px;
        background-color: #FFF;
        -webkit-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        -webkit-transition: margin 0.4s;
        -moz-transition: margin 0.4s;
        -o-transition: margin 0.4s;
        transition: margin 0.4s;
    }

input.switch-toggle-round:checked + label::before {
    background-color: #f6901e;
}

input.switch-toggle-round:checked + label::after {
    margin-left: 30px;
}
/* --------------------------------------------------------------
	SWITCH 1 - ROUND- MINI
----------------------------------------------------------------- */
input.switch-rounded-mini.switch-toggle-round + label {
    padding: 1px;
    width: 32px;
    height: 16px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

    input.switch-rounded-mini.switch-toggle-round + label::before {
        -webkit-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
    }

    input.switch-rounded-mini.switch-toggle-round + label::after {
        width: 15px;
    }

input.switch-rounded-mini.switch-toggle-round:checked + label::after {
    margin-left: 15px;
}
/* --------------------------------------------------------------
	SWITCH 1 - ROUND- LARGE
----------------------------------------------------------------- */
input.switch-rounded-large.switch-toggle-round + label {
    width: 90px;
    height: 45px;
    -webkit-border-radius: 45px;
    -o-border-radius: 45px;
    border-radius: 45px;
}

    input.switch-rounded-large.switch-toggle-round + label::before {
        -webkit-border-radius: 45px;
        -o-border-radius: 45px;
        border-radius: 45px;
    }

    input.switch-rounded-large.switch-toggle-round + label::after {
        width: 43px;
    }

input.switch-rounded-large.switch-toggle-round:checked + label::after {
    margin-left: 45px;
}
/* --------------------------------------------------------------
	SWITCH 1 - ROUND- XLARGE
----------------------------------------------------------------- */
input.switch-rounded-xlarge.switch-toggle-round + label {
    width: 120px;
    height: 60px;
    -webkit-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
}

    input.switch-rounded-xlarge.switch-toggle-round + label::before {
        -webkit-border-radius: 60px;
        -o-border-radius: 60px;
        border-radius: 60px;
    }

    input.switch-rounded-xlarge.switch-toggle-round + label::after {
        width: 58px;
    }

input.switch-rounded-xlarge.switch-toggle-round:checked + label::after {
    margin-left: 60px;
}
/* -----------------------------------------------------------
	SWITCH 2 - ROUND FLAT
-------------------------------------------------------------- */
input.switch-toggle-flat + label {
    padding: 2px;
    width: 60px;
    height: 30px;
    background-color: #DDD;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s;
}

    input.switch-toggle-flat + label::before, input.switch-toggle-flat + label::after {
        display: block;
        position: absolute;
        content: "";
    }

    input.switch-toggle-flat + label::before {
        top: 2px;
        left: 2px;
        bottom: 2px;
        right: 2px;
        background-color: #FFF;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        border-radius: 30px;
        -webkit-transition: background 0.4s;
        -moz-transition: background 0.4s;
        -o-transition: background 0.4s;
        transition: background 0.4s;
    }

    input.switch-toggle-flat + label::after {
        top: 4px;
        left: 4px;
        bottom: 4px;
        width: 22px;
        background-color: #DDD;
        -webkit-border-radius: 22px;
        -moz-border-radius: 22px;
        -ms-border-radius: 22px;
        -o-border-radius: 22px;
        border-radius: 22px;
        -webkit-transition: margin 0.4s, background 0.4s;
        -moz-transition: margin 0.4s, background 0.4s;
        -o-transition: margin 0.4s, background 0.4s;
        transition: margin 0.4s, background 0.4s;
    }

input.switch-toggle-flat:checked + label {
    background-color: #f6901e;
}

    input.switch-toggle-flat:checked + label::after {
        margin-left: 30px;
        background-color: #f6901e;
    }
/* -----------------------------------------------------------
	SWITCH 2 - FLAT - MINI
-------------------------------------------------------------- */
input.switch-flat-mini.switch-toggle-flat + label {
    padding: 1px;
    width: 32px;
    height: 16px;
    -webkit-border-radius: 16px;
    -o-border-radius: 16px;
    border-radius: 16px;
}

    input.switch-flat-mini.switch-toggle-flat + label::before {
        top: 1px;
        left: 1px;
        bottom: 1px;
        right: 1px;
        -webkit-border-radius: 16px;
        -o-border-radius: 16px;
        border-radius: 16px;
    }

    input.switch-flat-mini.switch-toggle-flat + label::after {
        top: 2px;
        left: 2px;
        bottom: 2px;
        width: 12px;
        -webkit-border-radius: 12px;
        -o-border-radius: 12px;
        border-radius: 12px;
    }

input.switch-flat-mini.switch-toggle-flat:checked + label::after {
    margin-left: 16px;
}
/* -----------------------------------------------------------
	SWITCH 2 - FLAT - LARGE
-------------------------------------------------------------- */
input.switch-flat-large.switch-toggle-flat + label {
    width: 90px;
    height: 45px;
    -webkit-border-radius: 45px;
    -o-border-radius: 45px;
    border-radius: 45px;
}

    input.switch-flat-large.switch-toggle-flat + label::before {
        -webkit-border-radius: 45px;
        -o-border-radius: 45px;
        border-radius: 45px;
    }

    input.switch-flat-large.switch-toggle-flat + label::after {
        width: 37px;
        -webkit-border-radius: 37px;
        -o-border-radius: 37px;
        border-radius: 37px;
    }

input.switch-flat-large.switch-toggle-flat:checked + label::after {
    margin-left: 45px;
}
/* -----------------------------------------------------------
	SWITCH 2 - FLAT - XLARGE
-------------------------------------------------------------- */
input.switch-flat-xlarge.switch-toggle-flat + label {
    padding: 2px;
    width: 120px;
    height: 60px;
    -webkit-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
}

    input.switch-flat-xlarge.switch-toggle-flat + label::before {
        -webkit-border-radius: 60px;
        -o-border-radius: 60px;
        border-radius: 60px;
    }

    input.switch-flat-xlarge.switch-toggle-flat + label::after {
        width: 52px;
        -webkit-border-radius: 52px;
        -o-border-radius: 52px;
        border-radius: 52px;
    }

input.switch-flat-xlarge.switch-toggle-flat:checked + label::after {
    margin-left: 60px;
}
/* ----------------------------------------------------------------
	Bootstrap Specific
-----------------------------------------------------------------*/

.table .success {
    color: #3c763d;
}

.table .info {
    color: #31708f;
}

.table .warning {
    color: #8a6d3b;
}

.table .danger {
    color: #a94442;
}

.btn-link, .page-link, .page-link:hover, .page-link:focus {
    color: #f6901e;
}

    .btn-link:hover, .btn-link:focus {
        color: #222;
    }

.boot-tabs {
    margin-bottom: 20px !important;
}

.carousel-control .icon-chevron-left, .carousel-control .icon-chevron-right {
    position: absolute;
    top: 47.5%;
    z-index: 5;
    display: inline-block;
}

.carousel-control .icon-chevron-left {
    left: 50%;
}

.carousel-control .icon-chevron-right {
    right: 50%;
}

.responsive-utilities th small {
    display: block;
    font-weight: 400;
    color: #999;
}

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #EEE;
    border: 1px solid #DDD;
}

.img-circle {
    border-radius: 50% !important;
}

.page-item.active .page-link, .page-link:hover, .page-link:focus {
    color: #FFF !important;
    background-color: #f6901e !important;
    border-color: #f6901e !important;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #f6901e;
}

label.radio, label.checkbox {
    padding-left: 20px;
}

.input-group-lg > .input-group-addon {
    line-height: 1;
}
/* ----------------------------------------------------------------
	Stretched Layout
-----------------------------------------------------------------*/


.stretched #wrapper {
    width: 100%;
    margin: 0;
    box-shadow: none;
}
/* ----------------------------------------------------------------
	Shape Dividers
-----------------------------------------------------------------*/


.shape-divider {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 1;
}

    .shape-divider[data-position="bottom"] {
        top: auto;
        bottom: -1px;
    }

    .shape-divider[data-front="true"] {
        z-index: 4;
    }

    .shape-divider svg {
        position: relative;
        width: 100%;
        width: calc( 100% + 1.3px );
        height: 50px;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
    }

    .shape-divider[data-position="bottom"], .shape-divider[data-flip-vertical="true"] {
        transform: rotate(180deg);
    }

        .shape-divider[data-position="bottom"][data-flip-vertical="true"] {
            transform: rotate(0deg);
        }

    .shape-divider[data-flip="true"] svg {
        transform: translateX(-50%) rotateY(180deg);
    }

.shape-divider-fill {
    fill: #FFF;
    transform-origin: center;
    transform: rotateY(0deg);
}
/* ----------------------------------------------------------------
	Page Transitions
-----------------------------------------------------------------*/

.page-transition #wrapper, .animsition-overlay {
    position: relative;
    opacity: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.page-transition-wrap, .css3-spinner {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    text-align: center;
    background-color: #FFF;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-perspective: 1000;
}

.css3-spinner {
    position: absolute;
    z-index: auto;
    background-color: transparent;
}

    .css3-spinner > div {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -9px;
        margin-left: 13px;
        width: 18px;
        height: 18px;
        background-color: #DDD;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
        animation: bouncedelay 1.4s infinite ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .css3-spinner .css3-spinner-bounce1 {
        margin-left: -31px;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .css3-spinner .css3-spinner-bounce2 {
        margin-left: -9px;
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.css3-spinner > .css3-spinner-flipper {
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px;
    border-radius: 0;
    -webkit-animation: rotateplane 1.2s infinite ease-in-out;
    animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }

    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

.css3-spinner > .css3-spinner-double-bounce1, .css3-spinner > .css3-spinner-double-bounce2 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    border-radius: 50%;
    opacity: 0.6;
    -webkit-animation: cssspinnerbounce 2.0s infinite ease-in-out;
    animation: cssspinnerbounce 2.0s infinite ease-in-out;
}

.css3-spinner > .css3-spinner-double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes cssspinnerbounce {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes cssspinnerbounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.css3-spinner > .css3-spinner-rect1, .css3-spinner > .css3-spinner-rect2, .css3-spinner > .css3-spinner-rect3, .css3-spinner > .css3-spinner-rect4, .css3-spinner > .css3-spinner-rect5 {
    height: 30px;
    width: 6px;
    margin-top: -15px;
    margin-left: -21px;
    border-radius: 0;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.css3-spinner > .css3-spinner-rect2 {
    margin-left: -12px;
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.css3-spinner > .css3-spinner-rect3 {
    margin-left: -3px;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.css3-spinner > .css3-spinner-rect4 {
    margin-left: 6px;
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.css3-spinner > .css3-spinner-rect5 {
    margin-left: 15px;
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

.css3-spinner > .css3-spinner-cube1, .css3-spinner > .css3-spinner-cube2 {
    width: 16px;
    height: 16px;
    border-radius: 0;
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: cubemove 1.8s infinite ease-in-out;
    animation: cubemove 1.8s infinite ease-in-out;
}

.css3-spinner > .css3-spinner-cube2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

@-webkit-keyframes cubemove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5)
    }

    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
    }

    75% {
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)
    }

    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@keyframes cubemove {
    25% {
        transform: translateX(42px) rotate(-90deg) scale(0.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    }

    50% {
        transform: translateX(42px) translateY(42px) rotate(-179deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    }

    50.1% {
        transform: translateX(42px) translateY(42px) rotate(-180deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    }

    75% {
        transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    }

    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
    }
}

.css3-spinner > .css3-spinner-scaler {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: scaleout 1.0s infinite ease-in-out;
    animation: scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes scaleout {
    0% {
        -webkit-transform: scale(0.0)
    }

    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes scaleout {
    0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

.css3-spinner > .css3-spinner-grid-pulse {
    display: -ms-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    margin-left: -24px;
    background-color: transparent !important;
    -webkit-animation: none;
    animation: none;
}

.css3-spinner-grid-pulse > div {
    background-color: #DDD;
    width: 12px;
    height: 12px;
    max-width: 12px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation-name: ball-grid-pulse;
    animation-name: ball-grid-pulse;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}

    .css3-spinner-grid-pulse > div:nth-child(1) {
        -webkit-animation-delay: 0.73s;
        animation-delay: 0.73s;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
    }

    .css3-spinner-grid-pulse > div:nth-child(2) {
        -webkit-animation-delay: 0.32s;
        animation-delay: 0.32s;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
    }

    .css3-spinner-grid-pulse > div:nth-child(3) {
        -webkit-animation-delay: 0.71s;
        animation-delay: 0.71s;
        -webkit-animation-duration: 0.88s;
        animation-duration: 0.88s;
    }

    .css3-spinner-grid-pulse > div:nth-child(4) {
        -webkit-animation-delay: 0.62s;
        animation-delay: 0.62s;
        -webkit-animation-duration: 1.06s;
        animation-duration: 1.06s;
    }

    .css3-spinner-grid-pulse > div:nth-child(5) {
        -webkit-animation-delay: 0.31s;
        animation-delay: 0.31s;
        -webkit-animation-duration: 0.62s;
        animation-duration: 0.62s;
    }

    .css3-spinner-grid-pulse > div:nth-child(6) {
        -webkit-animation-delay: -0.14s;
        animation-delay: -0.14s;
        -webkit-animation-duration: 1.48s;
        animation-duration: 1.48s;
    }

    .css3-spinner-grid-pulse > div:nth-child(7) {
        -webkit-animation-delay: -0.1s;
        animation-delay: -0.1s;
        -webkit-animation-duration: 1.47s;
        animation-duration: 1.47s;
    }

    .css3-spinner-grid-pulse > div:nth-child(8) {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
        -webkit-animation-duration: 1.49s;
        animation-duration: 1.49s;
    }

    .css3-spinner-grid-pulse > div:nth-child(9) {
        -webkit-animation-delay: 0.73s;
        animation-delay: 0.73s;
        -webkit-animation-duration: 0.7s;
        animation-duration: 0.7s;
    }

@-webkit-keyframes ball-grid-pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes ball-grid-pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.css3-spinner > .css3-spinner-clip-rotate {
    width: 33px;
    height: 33px;
    margin-top: -17px;
    margin-left: -17px;
    background-color: transparent !important;
    -webkit-animation: none;
    animation: none;
}

.css3-spinner-clip-rotate > div {
    border-radius: 100%;
    border: 2px solid #DDD;
    border-bottom-color: transparent !important;
    height: 33px;
    width: 33px;
    background: transparent !important;
    -webkit-animation: rotate 1s 0s linear infinite;
    animation: rotate 1s 0s linear infinite;
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }

    50% {
        -webkit-transform: rotate(180deg) scale(0.6);
        transform: rotate(180deg) scale(0.6);
    }

    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1);
    }
}

.css3-spinner > .css3-spinner-ball-rotate {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-left: -6px;
    background-color: transparent !important;
    -webkit-animation: ballrotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite;
    animation: ballrotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite;
}

.css3-spinner-ball-rotate > div {
    background-color: #DDD;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    position: relative;
}

    .css3-spinner-ball-rotate > div:nth-child(1), .css3-spinner-ball-rotate > div:nth-child(3) {
        width: 12px;
        height: 12px;
        border-radius: 100%;
        content: "";
        position: absolute;
        opacity: 0.7;
    }

    .css3-spinner-ball-rotate > div:nth-child(1) {
        top: 0px;
        left: -22px;
    }

    .css3-spinner-ball-rotate > div:nth-child(3) {
        top: 0px;
        left: 22px;
    }

@-webkit-keyframes ballrotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes ballrotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.css3-spinner > .css3-spinner-zig-zag {
    background-color: transparent !important;
    -webkit-transform: translate(-15px, -15px);
    -ms-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px);
    -webkit-animation: none;
    animation: none;
}

.css3-spinner-zig-zag > div {
    background-color: #DDD;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    position: absolute;
    margin-left: 15px;
    top: 4px;
    left: -7px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .css3-spinner-zig-zag > div:first-child {
        -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
        animation: ball-zig-deflect 1.5s 0s infinite linear;
    }

    .css3-spinner-zig-zag > div:last-child {
        -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
        animation: ball-zag-deflect 1.5s 0s infinite linear;
    }

@-webkit-keyframes ball-zig-deflect {
    17% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px);
    }

    34% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px);
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    67% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px);
    }

    84% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes ball-zig-deflect {
    17% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px);
    }

    34% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px);
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    67% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px);
    }

    84% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes ball-zag-deflect {
    17% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px);
    }

    34% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px);
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    67% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px);
    }

    84% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes ball-zag-deflect {
    17% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px);
    }

    34% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px);
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    67% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px);
    }

    84% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.css3-spinner > .css3-spinner-ball-scale-multiple {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -30px;
    background-color: transparent !important;
    -webkit-animation: none;
    animation: none;
}

.css3-spinner-ball-scale-multiple > div {
    background-color: #DDD;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 60px;
    height: 60px;
    -webkit-animation: ball-scale-multiple 1.25s 0s linear infinite;
    animation: ball-scale-multiple 1.25s 0s linear infinite;
}

    .css3-spinner-ball-scale-multiple > div:nth-child(2) {
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
    }

    .css3-spinner-ball-scale-multiple > div:nth-child(3) {
        -webkit-animation-delay: -0.2s;
        animation-delay: -0.2s;
    }

@-webkit-keyframes ball-scale-multiple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes ball-scale-multiple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

.css3-spinner > .css3-spinner-triangle-path {
    background-color: transparent !important;
    -webkit-transform: translate(-29.994px, -37.50938px);
    -ms-transform: translate(-29.994px, -37.50938px);
    transform: translate(-29.994px, -37.50938px);
    -webkit-animation: none;
    animation: none;
}

.css3-spinner-triangle-path > div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #DDD;
}

    .css3-spinner-triangle-path > div:nth-child(1) {
        -webkit-animation: ball-triangle-path-1 2s 0s ease-in-out infinite;
        animation: ball-triangle-path-1 2s 0s ease-in-out infinite;
    }

    .css3-spinner-triangle-path > div:nth-child(2) {
        -webkit-animation: ball-triangle-path-2 2s 0s ease-in-out infinite;
        animation: ball-triangle-path-2 2s 0s ease-in-out infinite;
    }

    .css3-spinner-triangle-path > div:nth-child(3) {
        -webkit-animation: ball-triangle-path-3 2s 0s ease-in-out infinite;
        animation: ball-triangle-path-3 2s 0s ease-in-out infinite;
    }

    .css3-spinner-triangle-path > div:nth-of-type(1) {
        top: 50px;
    }

    .css3-spinner-triangle-path > div:nth-of-type(2) {
        left: 25px;
    }

    .css3-spinner-triangle-path > div:nth-of-type(3) {
        top: 50px;
        left: 50px;
    }

@-webkit-keyframes ball-triangle-path-1 {
    33% {
        -webkit-transform: translate(25px, -50px);
        transform: translate(25px, -50px);
    }

    66% {
        -webkit-transform: translate(50px, 0px);
        transform: translate(50px, 0px);
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@keyframes ball-triangle-path-1 {
    33% {
        -webkit-transform: translate(25px, -50px);
        transform: translate(25px, -50px);
    }

    66% {
        -webkit-transform: translate(50px, 0px);
        transform: translate(50px, 0px);
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@-webkit-keyframes ball-triangle-path-2 {
    33% {
        -webkit-transform: translate(25px, 50px);
        transform: translate(25px, 50px);
    }

    66% {
        -webkit-transform: translate(-25px, 50px);
        transform: translate(-25px, 50px);
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@keyframes ball-triangle-path-2 {
    33% {
        -webkit-transform: translate(25px, 50px);
        transform: translate(25px, 50px);
    }

    66% {
        -webkit-transform: translate(-25px, 50px);
        transform: translate(-25px, 50px);
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@-webkit-keyframes ball-triangle-path-3 {
    33% {
        -webkit-transform: translate(-50px, 0px);
        transform: translate(-50px, 0px);
    }

    66% {
        -webkit-transform: translate(-25px, -50px);
        transform: translate(-25px, -50px);
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@keyframes ball-triangle-path-3 {
    33% {
        -webkit-transform: translate(-50px, 0px);
        transform: translate(-50px, 0px);
    }

    66% {
        -webkit-transform: translate(-25px, -50px);
        transform: translate(-25px, -50px);
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

.css3-spinner > .css3-spinner-ball-pulse-sync {
    width: 70px;
    height: 34px;
    margin-left: -35px;
    margin-top: -17px;
    background-color: transparent !important;
    -webkit-animation: none;
    animation: none;
}

.css3-spinner-ball-pulse-sync > div {
    display: inline-block;
    background-color: #DDD;
    width: 14px;
    height: 14px;
    margin: 10px 3px 0;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .css3-spinner-ball-pulse-sync > div:nth-child(0) {
        -webkit-animation: ball-pulse-sync 0.7s -0.21s infinite ease-in-out;
        animation: ball-pulse-sync 0.7s -0.21s infinite ease-in-out;
    }

    .css3-spinner-ball-pulse-sync > div:nth-child(1) {
        -webkit-animation: ball-pulse-sync 0.7s -0.14s infinite ease-in-out;
        animation: ball-pulse-sync 0.7s -0.14s infinite ease-in-out;
    }

    .css3-spinner-ball-pulse-sync > div:nth-child(2) {
        -webkit-animation: ball-pulse-sync 0.7s -0.07s infinite ease-in-out;
        animation: ball-pulse-sync 0.7s -0.07s infinite ease-in-out;
    }

    .css3-spinner-ball-pulse-sync > div:nth-child(3) {
        -webkit-animation: ball-pulse-sync 0.7s 0s infinite ease-in-out;
        animation: ball-pulse-sync 0.7s 0s infinite ease-in-out;
    }

@-webkit-keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0.85;
    }

    66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0.85;
    }

    66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.css3-spinner > .css3-spinner-scale-ripple {
    width: 50px;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    background-color: transparent !important;
    -webkit-animation: none;
    animation: none;
}

.css3-spinner-scale-ripple > div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 2px solid #DDD;
    -webkit-animation: ball-scale-ripple-multiple 1.4s 0s infinite cubic-bezier(.21, .53, .56, .8);
    animation: ball-scale-ripple-multiple 1.4s 0s infinite cubic-bezier(.21, .53, .56, .8);
}

    .css3-spinner-scale-ripple > div:nth-child(0) {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

    .css3-spinner-scale-ripple > div:nth-child(1) {
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s;
    }

    .css3-spinner-scale-ripple > div:nth-child(2) {
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
    }

    .css3-spinner-scale-ripple > div:nth-child(3) {
        -webkit-animation-delay: -0.2s;
        animation-delay: -0.2s;
    }

@-webkit-keyframes ball-scale-ripple-multiple {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 1;
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.7;
    }

    100% {
        opacity: 0.0;
    }
}

@keyframes ball-scale-ripple-multiple {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 1;
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.7;
    }

    100% {
        opacity: 0.0;
    }
}
/* ----------------------------------------------------------------
	HTML5 Youtube Video Backgrounds
-----------------------------------------------------------------*/


.mb_YTVPlayer:focus {
    outline: 0;
}

.mb_YTVPlayer {
    display: block;
    transform: translateZ(0);
    transform-style: preserve-3d;
    perspective: 1000;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    animation-timing-function: linear;
}

    .mb_YTVPlayer.fullscreen {
        display: block !important;
        position: fixed !important;
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        left: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

        .mb_YTVPlayer.fullscreen .mbYTP_wrapper {
            opacity: 1 !important;
        }

.mbYTP_wrapper iframe {
    max-width: 4000px !important;
}

.inline_YTPlayer {
    margin-bottom: 20px;
    vertical-align: top;
    position: relative;
    left: 0;
    overflow: hidden;
    border-radius: 4px;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.7);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.7);
    box-shadow: 0 0 5px rgba(0,0,0,.7);
    background: rgba(0,0,0,.5);
}

    .inline_YTPlayer img {
        border: none !important;
        -moz-transform: none !important;
        -webkit-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
        margin: 0 !important;
        padding: 0 !important
    }
/* ----------------------------------------------------------------
	Datepicker Component
-----------------------------------------------------------------*/

.datepicker td, .datepicker th {
    padding: 5px;
}
/* ----------------------------------------------------------------
	Star Ratings Component
-----------------------------------------------------------------*/

.rating-xl {
    font-size: 3rem !important;
}

.rating-lg {
    font-size: 2.5rem !important;
}

.rating-md {
    font-size: 2rem !important;
}

.rating-sm {
    font-size: 1.75rem !important;
}

.rating-xs {
    font-size: 1.25rem !important;
}

.rating-container .star {
    margin: 0 2px !important;
}

.rating-container .filled-stars {
    -webkit-text-stroke: 0px !important;
    text-shadow: none !important;
}

.irs-bar, .irs-from, .irs-to, .irs-single, .irs-handle > i:first-child, .irs-handle.state_hover > i:first-child, .irs-handle:hover > i:first-child {
    background-color: #f6901e !important;
}

    .irs-from::before, .irs-to::before, .irs-single::before {
        border-top-color: #f6901e !important;
    }




/* ----------------------------------------------------------------
	Custom Animate.css Styles
-----------------------------------------------------------------*/

@-webkit-keyframes fadeInDownSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDownSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDownSmall {
    -webkit-animation-name: fadeInDownSmall;
    animation-name: fadeInDownSmall;
}

@-webkit-keyframes fadeInLeftSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeftSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeftSmall {
    -webkit-animation-name: fadeInLeftSmall;
    animation-name: fadeInLeftSmall;
}

@-webkit-keyframes fadeInRightSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRightSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRightSmall {
    -webkit-animation-name: fadeInRightSmall;
    animation-name: fadeInRightSmall;
}

@-webkit-keyframes fadeInUpSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUpSmall {
    -webkit-animation-name: fadeInUpSmall;
    animation-name: fadeInUpSmall;
}

@-webkit-keyframes fadeOutDownSmall {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }
}

@keyframes fadeOutDownSmall {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }
}

.fadeOutDownSmall {
    -webkit-animation-name: fadeOutDownSmall;
    animation-name: fadeOutDownSmall;
}

@-webkit-keyframes fadeOutLeftSmall {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
}

@keyframes fadeOutLeftSmall {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
}

.fadeOutLeftSmall {
    -webkit-animation-name: fadeOutLeftSmall;
    animation-name: fadeOutLeftSmall;
}

@-webkit-keyframes fadeOutRightSmall {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }
}

@keyframes fadeOutRightSmall {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }
}

.fadeOutRightSmall {
    -webkit-animation-name: fadeOutRightSmall;
    animation-name: fadeOutRightSmall;
}

@-webkit-keyframes fadeOutUpSmall {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }
}

@keyframes fadeOutUpSmall {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }
}

.fadeOutUpSmall {
    -webkit-animation-name: fadeOutUpSmall;
    animation-name: fadeOutUpSmall;
}
/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


/* offcanvas mobile css  */
body.offcanvas-active {
    overflow: hidden;
}

.offcanvas-header {
    display: none;
}

.screen-overlay {
    width: 0%;
    height: 100%;
    z-index: 30;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(34, 34, 34, 0.6);
    transition: opacity .2s linear, visibility .1s, width 1s ease-in;
}

    .screen-overlay.show {
        transition: opacity .5s ease, width 0s;
        opacity: 1;
        width: 100%;
        visibility: visible;
    }

@media all and (max-width:992px) {
    ul.login-register {
        margin: 0 18px 0 0 !important;
    }

    #logo img {
        width: 140px !important;
    }

    /* #header-wrap {
        padding: 5px 0;
    } */

    .offcanvas-header {
        display: block;
    }

    .menu-container li {
        padding: 0 0 0 15px;
    }

    .mobile-offcanvas {
        visibility: hidden;
        transform: translateX(-100%);
        border-radius: 0;
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        background: #363636;
        z-index: 1200;
        width: 90%;
        overflow-y: auto;
        overflow-x: hidden;
        transition: visibility .4s ease-in-out, transform .4s ease-in-out;
        -webkit-transform: translateX(-100%);
    }

        .mobile-offcanvas.show {
            visibility: visible;
            transform: translateX(0);
        }
}
/* Primary Menu - Overlay Menu
	-----------------------------------------------------------------*/

.overlay-menu:not(.top-search-open) #primary-menu-trigger {
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    pointer-events: auto;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.overlay-menu .primary-menu > #overlay-menu-close {
    position: fixed;
    top: 25px;
    left: auto;
    right: 25px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 1.5rem;
    text-align: center;
    color: #444;
}

.overlay-menu #primary-menu-trigger {
    z-index: 599;
}

.overlay-menu .primary-menu {
    position: fixed;
    top: 0;
    left: 0;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    width: 100%;
    height: 100%;
    height: calc(100vh);
    background-color: rgba(255, 255, 255, 0.95);
    -webkit-transition: opacity .4s ease, transform .45s ease !important;
    transition: opacity .4s ease, transform .45s ease !important;
}

    .overlay-menu .primary-menu, .overlay-menu .primary-menu > #overlay-menu-close {
        opacity: 0 !important;
        pointer-events: none;
        z-index: -2;
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px);
        -webkit-transition: opacity .4s ease, transform .45s ease !important;
        transition: opacity .4s ease, transform .45s ease !important;
    }

.overlay-menu.primary-menu-open .primary-menu, .overlay-menu.primary-menu-open #overlay-menu-close {
    opacity: 1 !important;
    pointer-events: auto;
    z-index: 499;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .3s ease, transform .45s ease !important;
    transition: opacity .3s ease, transform .45s ease !important;
}

.overlay-menu .primary-menu, .overlay-menu.primary-menu-open .primary-menu {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: opacity .4s ease, transform .45s ease !important;
    transition: opacity .4s ease, transform .45s ease !important;
}

    .overlay-menu .primary-menu > .container {
        max-height: 90%;
        overflow-y: scroll;
    }

.overlay-menu .menu-container {
    display: -ms-flexbox !important;
    display: flex !important;
    flex-direction: column;
    max-width: 250px;
    padding: 0 !important;
    margin: 0 auto !important;
    border: 0 !important;
}

    .overlay-menu .menu-container > .menu-item > .menu-link {
        font-size: 0.9375rem;
    }

.overlay-menu .menu-item {
    width: 100%;
}

.overlay-menu .menu-link {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
}

.overlay-menu .sub-menu-container, .overlay-menu .mega-menu-content {
    display: none;
    position: relative;
    top: 0 !important;
    left: 0 !important;
    right: auto;
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    background: transparent;
    border: 0;
    padding: 10px 0 !important;
    transform: translateX(0);
}

    .overlay-menu .mega-menu-content .sub-menu-container {
        padding: 5px 0 !important;
    }

.overlay-menu .mega-menu-title .sub-menu-container {
    padding-top: 0 !important;
}

.overlay-menu .mega-menu-content .mega-menu-column {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    border: 0 !important;
}

.overlay-menu .sub-menu-container .menu-link {
    padding: 5px 0;
}

.overlay-menu .sub-menu-container .menu-item:hover > .menu-link {
    padding-left: 0;
    padding-right: 0;
    background: transparent;
}

.overlay-menu .sub-menu-container .menu-link i.icon-angle-down {
    position: relative;
    display: inline-block;
    top: -1px;
    left: 0;
    margin-left: 5px;
    transform: rotate(0deg);
}

.overlay-menu {
    overflow: hidden !important;
}
/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

ul, ol {
    list-style: none;
}

.hidden {
    display: none !important;
}

ul.login-register {
    margin: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    ul.login-register li {
    }

#top-bar .col-lg-12 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

button:focus, .btn:focus, .btn:active, .btn:hover {
    box-shadow: none !important;
    outline: none !important;
}

.lang-eng {
    background: url(../images/united-kingdom.png) no-repeat;
    background-size: contain;
    padding: 0 0 0 30px;
}

.lang-cn {
    background: url(../images/china.png) no-repeat;
    background-size: contain;
    padding: 0 0 0 30px;
}

#top-bar .bootstrap-select {
    width: 150px;
}

    #top-bar .bootstrap-select .btn {
        background: #fff;
        border: none;
    }

        #top-bar .bootstrap-select .btn:active, #top-bar .bootstrap-select .btn:focus {
            outline: none !important;
        }

    #top-bar .bootstrap-select span {
        font-size: 13px;
    }
/* sticky header css */


#header.sticky-on-scrollup #header-wrap {
    -webkit-transition: height .4s ease, opacity .3s ease, margin-top .4s ease;
    -o-transition: height .4s ease, opacity .3s ease, margin-top .4s ease;
    transition: height .4s ease, opacity .3s ease, margin-top .4s ease;
}

#header.sticky-on-scrollup.sticky-header #header-wrap {
    margin-top: -60px;
}

#header.sticky-on-scrollup.show-sticky-onscroll.sticky-header #header-wrap {
    margin-top: 0px;
}
/* menu css */

.mega-menu-content .sub-menu-container .menu-item ul li img {
    width: 100px;
    transition: all 0.5s ease;
}

.mega-menu-content .sub-menu-container .menu-item ul li a span {
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    margin: 8px 0;
}

.mega-menu-content .sub-menu-container .menu-item ul li a {
    color: #fff;
}

.mega-menu-content .sub-menu-container .menu-item ul li {
    display: inline-block;
    margin: 8px 15px;
    text-align: center;
}

    .mega-menu-content .sub-menu-container .menu-item ul li:hover img {
        opacity: 0.8;
        transition: all 0.5s ease;
    }

.hero-slider-wrapper .owl-dots {
}

.hero-slider-wrapper .owl-carousel .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 120px;
}

    .hero-slider-wrapper .owl-carousel .owl-dots .owl-dot {
        width: 20px;
        height: 20px;
        border: none;
        border-color: #d08ff7;
        border-radius: 30px;
        background-color: #d08ff7;
        box-shadow: 1px 2px 2px -1px rgba(0,0,0,0.75) inset;
        -webkit-box-shadow: 1px 2px2px -1px rgba(0,0,0,0.75) inset;
        -moz-box-shadow: 1px 2px 2px -1px rgba(0,0,0,0.75) inset;
    }

.landing-page .content-wrap {
    padding: 0 0 30px 0;
}

.top-news > div > a {
    display: block;
}

    .top-news > div > a > img {
        width: 100%;
    }

.top-news > div {
    position: relative;
    width: 49.5%;
    height: 250px;
}

    .top-news > div:nth-child(odd) {
        float: left;
    }

    .top-news > div:nth-child(even) {
        float: right;
    }

    .top-news > div > a > div {
        padding: 20px;
        width: 100%;
        z-index: 9;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        height: 250px;
        background-size: cover;
    }

        .top-news > div > a > div > h2 {
            font-size: 20px;
            margin: 0 0 00;
            color: #fff;
            position: absolute;
            bottom: 10px;
            z-index: 9;
        }

            .top-news > div > a > div > h2 > span {
                font-size: 13px;
                color: #fff;
                display: block;
            }

    .top-news > div > a:after {
        content: '';
        background: rgb(0,0,0);
        background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
        position: absolute;
        left: 0;
        right: 0;
        height: 100px;
        bottom: 0;
        z-index: 0;
    }

.top-news {
    margin-bottom: 15px;
}

.offcanvas-header .btn:before {
    content: "\e082";
    font-family: 'Simple-Line-Icons';
    color: #fff;
    font-size: 1.2em;
}

.offcanvas-header .btn span {
    display: none;
}

.offcanvas-header .btn {
    margin: 0 0 0 0;
}

.offcanvas-header {
    position: relative;
    text-align: right;
    justify-content: flex-end;
}

.custom-tab .tab-nav li.ui-tabs-active a {
    position: relative;
    top: 1px;
    background-color: #363636;
    color: #fff;
}

.custom-tab .tab-nav li a {
    color: #5f5f5f;
    background: #e3e3e3;
    position: relative;
    height: auto;
    padding-top: 15px;
    padding-left: 50px;
    padding-bottom: 15px;
    padding-right: 40px;
    line-height: inherit;
    font-weight: bold;
}

.custom-tab .tab-nav li {
    font-size: 13px;
    text-transform: uppercase;
    height: auto;
}

.custom-tab .tab-nav li {
    border-right: 1px solid #fff;
    border-top: none;
    border-bottom: none;
    border-left: none;
}

    .custom-tab .tab-nav li:first-child {
        border-left: none;
    }

.custom-tab .tab-nav {
    background: #e3e3e3;
}

    .custom-tab .tab-nav li a i {
        font-size: 20px;
        position: absolute;
        left: 20px;
        line-height: 49px;
    }

    .custom-tab .tab-nav li.ui-tabs-active a i {
        color: #FF9442;
    }

.custom-tab .tab-container {
    border: none;
    padding: 15px 0;
}

.custom-tab .news-date-selection {
    position: absolute;
    right: 0;
}

.news-date-selection {
    position: absolute;
    right: 15px;
    z-index: 99;
}

    .news-date-selection .primary-menu .menu-link {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
        background: #363636;
        color: #c7c7c7;
    }

    .news-date-selection .primary-menu .sub-menu-container .menu-item:hover > .menu-link {
        background-color: #757575;
        color: #ffffff;
    }

    .news-date-selection .primary-menu .sub-menu-container .sub-menu-container {
        top: 0 !important;
        left: -100%;
    }

    .news-date-selection .primary-menu .menu-container > .menu-item:not(.mega-menu) .sub-menu-container {
        padding: 0;
    }

.news-block a {
    display: block;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
}

    .news-block a img {
        margin-right: 15px;
        width: 200px;
    }

    .news-block a div h2 {
        font-size: 18px;
        line-height: 1;
        margin-bottom: 0;
    }

    .news-block a div span {
        font-size: 13px;
    }

    .news-block a div:last-child p {
        line-height: 1.2 !important;
        margin-bottom: 5px !important;
    }

    .news-block a div:last-child small {
        text-decoration: underline;
        font-size: 13px;
    }

.news-block {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.load-more-news {
    text-transform: uppercase;
    font-size: 13px;
    color: #FF7701;
}

.footer-info {
    background: #682c8b;
    color: #b9b9b9;
    font-size: 14px;
    clear: both;
}

    .footer-info .content-wrap {
        padding: 40px 0;
    }

    .footer-info h3 {
        color: #f6901e;
        text-transform: uppercase;
        margin-bottom: 10px;
        font-size: 22px;
    }

    .footer-info h5 {
        color: #b9b9b9;
        font-weight: bold;
        margin-bottom: 10px;
        font-size: 15px;
    }

  

.game-provider {
    background: #4e2268;
    font-size: 13px;
}


    /*
    .game-provider img {
        filter: grayscale(100%);
    }
    */
    .game-provider ul {
        margin-bottom: 0;
    }

    .game-provider .content-wrap {
        padding: 40px 0;
    }

    .game-provider h4 span {
        color: #f6901e;
    }

    .game-provider h4 {
        color: #fff;
        position: relative;
        text-transform: uppercase;
        margin: 0;
    }

.bank-logo li {
    display: inline-block;
    width: 100px;
    margin: 0 15px 15px 0;
}

.game-partner-logo li {
    display: inline-block;
    width: 100px;
    margin: 0 15px 15px 0;
}

.game-license-logo li {
    display: inline-block;
    width: 82px;
    margin: 0 15px 15px 0;
}

.game-provider a {
    color: #fff;
}

    .game-provider a:hover {
        color: #efd4ff;
    }

.useful-link li:before {
    content: "\e7a5";
    font-family: 'font-icons';
    position: absolute;
    left: 0;
    color: #989484;
    top: -1px;
}

.useful-link li {
    padding: 0 0 0 18px;
    position: relative;
}

#primary-menu-trigger .btn {
    color: #fff;
}

#primary-menu-trigger, #page-menu-trigger {
    position: absolute;
    right: 0;
    bottom: -5px;
}

.top-link {
    display: flex;
    margin-bottom: 8px;
    color: #fff;
    justify-content: flex-end;
}

    .top-link li {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 10px;
        font-size: 13px;
    }
/* marquee */


.news-ticker .content-wrap {
    padding: 0;
    background: #1d1d1d;
}

.news-ticker .news-marquee {
    position: relative;
    padding: 0 0 0 40px;
    margin: 8px 0;
}

    .news-ticker .news-marquee ul li {
        list-style: none;
        padding: 5px 0;
        font-size: 14px;
        color: #fff;
    }

    .news-ticker .news-marquee:before {
        content: "\e6e0";
        font-family: 'font-icons';
        position: absolute;
        left: 0;
        font-size: 28px;
        top: -5px;
        color: #fff;
    }

.footer-contents h3 {
    color: #fff;
    font-size: 18px;
}

    .footer-contents h3 span {
        color: #f6901e;
    }

#top-bar ul {
    margin-bottom: 0;
}

    #top-bar ul li:nth-child(3) .button {
        padding: 0 0 0 30px;
    }



.top-bar-user .button-transparent {
    margin: 0;
    padding: 6px 10px 0px 10px;
    font-size: 13px;
    box-shadow: none;
}

.top-bar-user li:first-child .button {
    padding: 6px 10px 5px 10px;
}

.top-bar-user .button i {
    font-size: 20px;
    text-shadow: none;
    color: #fff;
}

.top-bar-user .button span.badge {
    background: #F0090D;
    border-radius: 50px;
    position: absolute;
    padding: 2px 3px;
    line-height: 1;
    color: #fff;
    width: 15px;
    height: 15px;
    display: block;
    font-size: 11px;
    font-weight: normal;
    top: 1px;
    right: -3px;
}

.button-transparent {
    background: transparent !important;
    border-color: transparent !important;
    color: #333;
}

    .button-transparent:hover {
        background: transparent !important;
        border-color: transparent !important;
        color: #333;
    }

.top-bar-user .user-dropdown-menu .dropdown-menu a:last-child {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    display: block;
    padding: 6px 0 6px 40px;
    color: #fff;
    background: #4fa7bb;
    border-bottom: none;
}

    .top-bar-user .user-dropdown-menu .dropdown-menu a:last-child:before {
        content: "\e7a5";
        font-family: 'font-icons';
        position: absolute;
        left: 24px;
    }

.top-bar-user .notification-alert .dropdown-menu {
    padding: 0;
    border: none;
    width: 250px;
}

.top-bar-user .dropdown-menu {
    box-shadow: 0px 4px 19px -6px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 4px 19px -6px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 4px 19px -6px rgba(0,0,0,0.4);
}

.top-bar-user .user-dropdown-menu .dropdown-menu {
    width: 130px;
    font-size: 14px;
    padding: 0;
    border: none;
    min-width: 8rem;
}

.top-bar-user .notification-alert .dropdown-menu .dropdown-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
}

.notif-hd-title {
    padding: 7px 15px 5px 15px;
    background: #c06a8d;
    color: #fff;
    font-weight: bold;
}

.a-top-text-block {
    display: block;
}

.afb-textlimit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 12px;
}

.notification-alert .dropdown-menu li {
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
    margin: 0;
}

    .notification-alert .dropdown-menu li a {
        padding: 8px 15px;
        width: 100%;
    }

        .notification-alert .dropdown-menu li a:hover {
            background: #ededed !important;
        }

    .notification-alert .dropdown-menu li:last-child {
        margin: 0;
        padding: 0;
    }



    .notification-alert .dropdown-menu li a.a-top-text-block {
        padding-left: 11px;
    }

    .notification-alert .dropdown-menu li:last-child .button {
        padding: 8px 15px !important;
        color: #333;
        background: #fff;
        width: 100%;
        text-align: left;
        font-size: 12px;
        text-transform: capitalize;
        border-radius: 0 0 3px 3px;
    }

    .notification-alert .dropdown-menu li:last-child {
        border-bottom: none;
    }

        .notification-alert .dropdown-menu li:last-child div {
            width: 100%;
            display: block;
        }

.a-top-text-light {
    font-size: 12px;
    color: #909090;
}

.top-bar-user {
    display: flex;
    margin: 0;
    justify-content: center;
}


/*wallet show hide*/

.top-bar-wallet {
    background: #de5252;
    color: #fff;
    border-radius: 3px;
    padding: 5px 8px;
    display: flex;
    position: relative;
    width: 100%;
    font-size: 14px;
    overflow: hidden;
    border-radius: 50px;
    cursor: pointer;
    box-shadow: 0 4px #ab2929;
}

    .top-bar-wallet span:first-child {
        margin: -5px 5px;
        font-weight: 900;
    }

.my-credit-hide:after {
    position: absolute;
    content: '*******';
    display: flex;
    top: 6px;
    font-size: 15px;
    overflow: hidden;
    z-index: 9;
    color: #fff;
    text-shadow: none;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.blur-text {
    color: transparent;
}



#eye-blur {
    cursor: pointer;
    padding: 3px 2px;
}

span.profile-username {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 64px;
    display: inline-block;
}

/*wallet show hide*/


.top-bar-user li {
    display: flex;
    align-items: center;
    margin: 0 5px;
}
/* custom toggle */






.footer-toggle .toggle-header, .accordion-header {
    position: absolute;
    display: -ms-flexbox;
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px;
    cursor: pointer;
    color: #444;
    font-size: 1rem;
    font-weight: 700;
    top: 3px;
    right: 0;
    width: 100%; /* background: aliceblue; */
}

#htop-Notify-Btn {
    display: none;
}


.footer-toggle .toggle-icon, .accordion-icon {
    text-align: right;
    color: #fff;
}

.user-profile-dropdown .badgeSta {
    background: red;
    color: #fff;
    border-radius: 50px;
}




@media (max-width:1080px) {

    .landing-menu-shortcut .bg-visual ul li {
        width: 25% !important;
    }


    .COCKFIGHT-icon, .NUMBERGAME-icon, .LOTTERY-icon, .POKER-icon, .SPORTSBOOK-icon, .SLOTS-icon, .PROMOTIONS-icon, .LIVECASINO-icon, .VIRTUALCASINO-icon, .FISHING-icon {
        width: 35px !important;
        height: 35px !important;
    }

    .landing-menu-shortcut .bg-visual ul {
        width: 100% !important;
    }

        .landing-menu-shortcut .bg-visual ul li a {
            font-size: 12px !important;
        }

    .top-bar-wallet span:first-child, .post-login-notification, .top-bar-promotion {
        display: none !important;
    }

    #htop-Notify-Btn {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
    }
}

@media (max-width: 580px) {

    #snav .fa {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    #side-panel {
        width: 90%;
    }

    .side-panel-left #side-panel {
        left: -100%;
    }


    .landing-menu-shortcut .bg-visual ul li {
        width: 50% !important;
    }


    .top-link li:first-child, .top-link li:nth-child(2) {
        display: none !important;
    }

    .news-ticker {
        display: none !important;
    }
}

@media (min-width: 580px) {
    .footer-toggle .toggle-content {
        display: block !important;
    }

    .footer-toggle .toggle-header, .accordion-header {
        display: none;
    }
}

.game-provider .divider {
    margin: 1.5rem auto;
}

    .game-provider .divider::after, .game-provider .divider::before {
        background-color: #321444;
    }

.top-five-game-provider ul {
    display: flex;
    background: #d8d8d8;
    padding: 10px;
    margin: 0;
}

    .top-five-game-provider ul li {
        display: flex;
        width: 20%;
        padding: 20px 15px 40px 15px;
        position: relative;
        text-align: center;
        align-items: center;
        background: #1d1d1d;
        margin: 3px;
        border-radius: 3px;
    }

        .top-five-game-provider ul li a {
            color: #ff9200;
            font-size: 14px;
        }

        .top-five-game-provider ul li span {
            position: absolute;
            bottom: 10px;
            display: block;
            width: 100%;
            left: 0;
            text-align: center;
        }

        .top-five-game-provider ul li img {
            margin: 0 auto;
            width: 75%;
        }

.top-five-game-provider h2, .top-matches h2, .latest-promo h2, .game-history h2, .rank-progression h2 {
    background: #363636;
    padding: 10px 10px 10px 15px;
    font-size: 15px;
    text-transform: uppercase;
    margin: 0;
    color: #c7c7c7;
    font-weight: normal;
    position: relative;
}

    .latest-promo h2 a {
        position: absolute;
        top: 15px;
        right: 15px;
        font-size: 11px;
    }

        .latest-promo h2 a:hover {
            color: #E52D0B;
        }

.top-five-game .content-wrap {
    padding: 15px 0 5px 0;
}

.top-matches {
    background: #f5f5f5;
    margin-bottom: 15px;
}
/*

.rank-progression div {
    background: #f5f5f5;
    padding: 10px;
}

*/

.game-history ul li {
    width: 25%;
    background: #d4d4d4;
    float: left;
    text-align: center;
    padding: 10px 0 0 0;
}

    .game-history ul li:nth-child(odd) {
        background: #ffffff;
        color: #000;
    }

.game-history ul {
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #000;
}

    .game-history ul li span {
        background: #eaeaea;
        width: 100%;
        display: block;
        margin: 8px 0 0 0;
        padding: 5px;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #cacaca;
        font-weight: bold;
        font-size: 12px;
        text-transform: capitalize;
    }

.latest-promo {
    background: #f5f5f5;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

    .latest-promo img {
        width: 100%;
    }

.top-matches .current-game-matches:last-child {
    border-bottom: 0;
}

.current-game-matches {
    display: flex;
    justify-content: space-between;
    margin: 0 0 3px 0;
    padding: 10px;
    border-top: 1px solid #ccc;
    min-height: 280px;
}

    .current-game-matches div:nth-child(1), .current-game-matches div:nth-child(3) {
        width: 40%;
        padding: 5px 10px 40px 10px;
    }

        .current-game-matches div:nth-child(1) .badge-wrapper, .current-game-matches div:nth-child(3) .badge-wrapper {
            padding: 0;
            position: absolute;
            bottom: 0;
            width: 100%;
            text-align: center;
            left: 0;
        }

    .current-game-matches div:nth-child(2) .badge-wrapper {
        padding: 0;
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
        left: 0;
    }

        .current-game-matches div:nth-child(1) .badge-wrapper small, .current-game-matches div:nth-child(2) .badge-wrapper small, .current-game-matches div:nth-child(3) .badge-wrapper small {
            font-size: 12px;
            margin: 0;
        }

    .current-game-matches div:nth-child(1) .badge, .current-game-matches div:nth-child(3) .badge {
        background-color: #2a5175;
        padding: 10px 16px;
        font-size: 14px;
    }

    .current-game-matches div:nth-child(2) {
        width: 20%;
        padding-top: 5px;
    }

        .current-game-matches div:nth-child(2) small {
            font-size: 15px;
            font-weight: bold;
            margin: 2px 0 0 0;
            display: block;
        }

            .current-game-matches div:nth-child(2) small span {
                font-size: 12px;
                font-weight: bold;
                display: block;
            }

    .current-game-matches div {
        padding: 8px;
        text-align: center;
        position: relative;
    }

        .current-game-matches div h6 {
            color: #fff;
            text-transform: uppercase;
            margin: 0;
        }

        .current-game-matches div img {
            height: 80px !important;
            width: auto !important;
            margin: 0 auto;
            padding: 0 0 10px 0;
        }

.current-game-matches-live div:first-child {
    border-top: none;
}

.latest-promo div {
    position: relative;
    padding: 15px 15px 0 15px;
}

    .latest-promo div span {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        margin: 0 15px;
        text-align: center;
        background: #ff9200;
        right: 0;
        padding: 10px 0;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: bold;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    }

    .latest-promo div a {
        color: #fff;
    }

#top-bar .dropdown-item.active, .dropdown-item:active {
    background-color: #ff9200 !important;
}

.button-transparent {
    background: transparent;
}

.lang-selection .button, .template-selection .button {
    text-transform: capitalize;
    font-weight: bold;
    font-size: 13px;
    padding: 5px;
    margin: 0;
}

.lang-selection .dropdown-menu a {
    display: block;
    font-size: 13px;
    padding: 9px 10px 9px 45px;
    position: relative;
    color: #3f3f3f;
}
.template-selection .dropdown-menu a {
    display: block;
    font-size: 13px;
    padding: 9px 10px 9px 15px;
    position: relative;
    color: #3f3f3f;
}
    .lang-selection .dropdown-menu a:hover, .template-selection .dropdown-menu a:hover {
        color: #aaaaaa;
    }

    .lang-selection .dropdown-menu a img, .template-selection .dropdown-menu a img {
        width: 25px;
        position: absolute;
        left: 10px;
        top: 7px;
    }

.lang-selection img, .template-selection img {
    width: 25px;
}

.side-panel-app {
    position: fixed;
    top: 75%;
    z-index: 999;
    font-size: 18px;
}

    .side-panel-app ul {
        list-style: none;
    }

    .side-panel-app * {
        margin: 0;
        padding: 0;
        outline: 0;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .side-panel-app li a {
        text-decoration: none;
        color: #fff;
        display: block;
        position: relative;
    }

    .side-panel-app .fa {
        vertical-align: middle;
        font-size: 18px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        position: relative;
        z-index: 4;
    }

    .side-panel-app li span {
        position: absolute;
        top: 0;
        opacity: 0;
        z-index: 3;
    }

    .side-panel-app a:hover span {
        opacity: 1;
        left: 50px;
        margin: 0;
        text-align: center;
    }

    .side-panel-app li span {
        z-index: -999;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        background: #c44745;
        line-height: 100px;
        width: 100px;
        -webkit-transition: all .3s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        border-left: 3px solid #9b3735;
    }

    .side-panel-app li:last-child span {
        z-index: -999;
        position: absolute;
        top: -50px;
        left: 0;
        opacity: 0;
        background: #c44745;
        line-height: 100px;
        width: 100px;
        -webkit-transition: all .3s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        border-left: 3px solid #9b3735;
    }

    .side-panel-app li:last-child a:hover span {
        opacity: 1;
        left: 50px;
        top: -50px;
        margin: 0;
        text-align: center;
    }

    .side-panel-app li a {
        background-color: #38124e;
        color: hsl(0deg 0% 90%);
    }

        .side-panel-app li a:hover .fa {
            transform: rotate(720deg);
        }

    .side-panel-app li:first-child a:hover {
        background-color: #32DE84;
    }

    .side-panel-app li:last-child a:hover {
        background-color: #000;
    }

.marquee-scroll {
    position: relative;
    padding: 0 0 0 40px;
    color: #333;
    background: #d2ab77;
    border-radius: 50px;
    width: 80%;
    bottom: -60px;
    box-shadow: 0 4px #ffe6c0;
    margin: 0 auto;
    z-index: 0;
    margin-top: 25px;
    height: 35px !important;
}

.marquee-marquee {
    background: #1d1d1d;
    padding-bottom: 0;
}

.marquee-scroll:before {
    content: " ";
    background-image: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/casinoroyal/megaphone.svg);
    display: inline-block;
    position: absolute;
    /*        top: 28px;*/
    left: 6px;
    color: #fff;
    width: 26px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
}

.marquee-content ul li {
    list-style: none;
    padding: 10px 5px;
    font-size: 14px;
    color: #000;
}

.captcha-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 15px 0;
}

    .captcha-wrapper .captcha-image {
        margin: 0 15px 0 0;
    }

.captcha-input-field input {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.red {
    color: #ff0000;
}

#darkness {
    background: rgba(0, 0, 0, 0.5);
    transition: background 0.2s;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
    display: none;
}

ul.mega-menu:hover + #darkness {
    display: block !important;
}

.modal-content {
    border: none;
}

#onenotdiv .text-muted {
    font-size: 13px;
}

#onenotdiv p {
    margin-bottom: 10px;
}
/*  lobby*/




.lobby-game-listing .inner-game-listing {
    width: 25%;
    float: left;
}

    .lobby-game-listing .inner-game-listing .game-listing {
        margin: 10px;
        border: 1px solid #eaeaea;
        border-radius: 5px;
        padding: 5px;
        position: relative;
    }

    .lobby-game-listing .inner-game-listing .previewbox {
        position: relative;
        padding-bottom: 46px;
    }

        .lobby-game-listing .inner-game-listing .previewbox a {
            display: block;
        }

        .lobby-game-listing .inner-game-listing .previewbox .button {
            position: absolute;
            bottom: 0;
            display: block;
            width: 100%;
            left: 0;
            right: 0;
            margin: 0;
        }

        .lobby-game-listing .inner-game-listing .previewbox img {
            opacity: 1;
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
        }

        .lobby-game-listing .inner-game-listing .previewbox:hover img {
            opacity: .5;
        }

@media (max-width: 767.98px) {
    .top-news > div {
        width: 100% !important;
        margin: 0 0 10px 0 !important;
    }

    .lobby-game-listing .inner-game-listing {
        width: 50%;
    }

    .side-panel-app li span {
        display: none;
    }

    .top-link li:first-child {
        display: none;
    }
}

.lobby-page-navigation {
    margin: 15px 0;
}

.dropdown-item {
    text-transform: capitalize;
    border-bottom: 1px solid #e7e7e7;
}
/* */

#promoWG a {
    display: block;
}

#promoWG .button {
    display: block;
    width: 100%;
    margin: 0;
}
/* top 5 game page */

.Promo-head-title {
    padding: 15px 0 30px 0;
}

    .Promo-head-title h3 {
        margin: 0;
        text-transform: uppercase;
        padding-bottom: 8px;
        border-bottom: 1px solid #711013;
        margin: 10px 0 0 0;
        color: #fff;
    }
/*
.top-five-provider-listing div {
    margin-bottom: 20px;
}
        */

.top-five-provider-listing div a {
    display: block;
    text-align: center;
    background: #000;
    padding: 6px 6px 1px 6px;
    border-radius: 4px;
}

.top-five-provider-listing div.top-five-title {
    margin: 5px 0;
    background: #414141;
    padding: 8px;
    color: #afafaf;
    border-radius: 3px;
    height: 50px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.hov-img-zoom {
    display: block;
    overflow: hidden;
}

    .hov-img-zoom:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
    }

    .hov-img-zoom a img {
        width: 90%;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
    }

.top-five-game-carousel {
    position: relative;
    overflow: hidden;
}

    .top-five-game-carousel .overlay {
        position: absolute;
        bottom: -55px;
        width: 100%;
        text-align: center;
        font-size: 20px;
        display: block;
        transition: bottom 0.5s ease;
    }

    .top-five-game-carousel:hover .overlay {
        bottom: 20px;
        transition: bottom 0.5s ease;
    }

#top5id .owl-nav {
    width: 100%;
    text-align: center;
}

#top5id button.owl-prev, #top5id button.owl-next {
    width: 30px;
    height: 30px;
    background: #f88c00;
    border-radius: 100px;
    margin: 0 5px;
}
/*language icon */

.lang-selection .dropdown-menu a span {
    left: 10px !important;
    top: 5px;
}



.flag-cn, .flag-en, .flag-my, .flag-id, .flag-kh, .flag-th, .flag-vn {
    width: 28px;
    height: 28px;
    border-radius: 100px;
    background-size: contain;
    position: absolute;
    left: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border: 3px solid #fff;
    box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.28);
    -webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.28);
    -moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.28);
}



.flag-cn {
    background-image: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/flag/china.png);
}

.flag-en {
    background-image: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/flag/usa.png);
}

.flag-my {
    background-image: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/flag/malaysia.png);
}

.flag-id {
    background-image: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/flag/indonesia.png);
}

.flag-kh {
    background-image: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/flag/cambodia.png);
}

.flag-th {
    background-image: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/flag/thailand.png);
}

.flag-vn {
    background-image: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/flag/vietnam.png);
}

/* 09/12/2020 Contact Us */
#slideout {
    position: fixed;
    top: 40%;
    right: 0;
    z-index: 999;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    #slideout p {
        width: 35px;
        padding: 12px 0;
        text-align: center;
        background: #38124e;
        -webkit-writing-mode: tb-rl;
        writing-mode: tb-rl;
        -webkit-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
        transform: rotate(-180deg);
        color: white;
        margin: 0 auto;
        padding: 20px 8px;
    }

#slideout_inner {
    position: fixed;
    top: 40%;
    right: -250px;
    background: #000;
    width: 250px;
    padding: 15px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    text-align: left;
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}

    #slideout_inner textarea {
        width: 190px;
        height: 100px;
        margin-bottom: 6px;
        #slideout_inner
    }

#slideout:hover {
    right: 250px;
    transition: right 1s;
}

    #slideout:hover #slideout_inner {
        right: 0;
        transition: right 1s;
    }
/*#slideout:hover {
        right: 250px;
    }

        #slideout:hover #slideout_inner {
            right: 0;
        }*/


.afb-medias a:last-child {
    margin-bottom: 0;
}

.afb-medias a {
    width: 100%;
    background-color: #7528a2;
    border: none;
    outline: none;
    display: block;
    margin-bottom: 1px;
    padding: 8px 15px;
    /* background-image: linear-gradient(to right, #6a11cb, #2575fc); */
    color: #fff;
    font-size: .8rem;
    border-radius: 3px;
    margin-bottom: 2px !important;
}

.afb-medias .h1 {
    color: #fff;
    font-size: 1.3rem;
    font-weight: 400;
    margin-bottom: 8px;
}

.afb-medias a:hover {
    background-image: #000;
    color: white;
}

.afb-medias a > div {
    display: inline-block;
    margin-right: 15px;
}

.news-title h2 a {
    font-weight: 400;
    font-size: 1rem;
}

.table-dark {
    color: #fff;
    background-color: #000000;
}

.required:after {
    content: " *";
    color: red;
}

.mandatory_field {
    color: red;
}

.user-profile-avatar {
    display: none;
    float: left;
}

.user-profile-dropdown .top-bar-wallet {
    display: none;
}

@media (max-width: 580px) {
    .user-profile-dropdown .top-bar-wallet {
        display: block !important;
        border-radius: 0;
    }
    .user-profile-avatar {
        display: block !important;
    }
}
/*game lobby */

.game-lobby-listing {
    float: left;
}

    .game-lobby-listing > .inner {
        margin: 15px;
        position: relative !important;
    }
    /*
    .game-lobby-listing .button {
        width: 100%;
        margin: 0;
        position: absolute;
        left: 0;
        bottom: 0;
        border-radius: 0 0 3px 3px;
        white-space: break-spaces;
        line-height: 1.2;
    }
    */

    .game-lobby-listing img {
        border-radius: 3px;
    }

    .game-lobby-listing span {
        position: absolute;
        transition: opacity 300ms;
        opacity: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        padding: 8px;
        text-align: center;
        color: #fff;
        background: #ff0000;
        border-radius: 0 0 3px 3px;
        font-size: 14px;
    }

    .game-lobby-listing :hover ~ span {
        opacity: 1;
    }

@media (min-width: 1200px) {
    .game-lobby-listing {
        width: 20%;
    }
}

@media (max-width: 1199px) {
    .game-lobby-listing {
        width: 25%;
    }
}

@media (max-width: 997px) {
    .game-lobby-listing {
        width: 33.3333%;
    }
}

@media (max-width: 767.98px) {




    .game-lobby-listing {
        width: 50%;
    }
}

@media (max-width: 480px) {
    .game-lobby-listing {
        width: 100%;
    }


    img.megamenu-icon {
        width: 20px !important;
        height: 20px !important;
    }

    .nav-bottom .nav-link span {
        font-size: 11px;
        font-weight: 300;
    }
}

.paginationjs-pages ul li a.active {
    background: #ff9200 !important;
}

.provider-lobby span {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    background: #000;
    color: #fff;
    padding: 8px;
    border-radius: 50px;
    display: block;
    width: 80%;
    margin: 0 auto;
}

#general-post h2.general-post-title {
    font-size: 20px;
    /* margin-bottom: 15px; */
    text-transform: uppercase;
    padding-bottom: 8px;
    border-bottom: 1px solid #e0e0e0;
    margin: 20px 0;
    color: #fff;
}

#lobby-header, #general-post, .top-five-provider-listing {
    padding: 10px 0 25px 0;
    background: #eef0f5;
    margin-top: 50px;
}
/* add new 3-3-2021 */


/*
#news-header h3 span {
    color: #fff;
}

#news-header h3 {
    margin-bottom: 25px;
    color: #fff;
    padding: 20px 0 10px 0;
    border-bottom: 1px solid #711013;
}

#news-details-header h3 span {
    color: #fff;
}

#news-details-header h3 {
    margin-bottom: 25px;
    color: #fff;
    padding: 30px 0 10px 0;
    border-bottom: 1px solid #711013;
}
    */
#news-header .news-listing a {
    font-size: 15px;
    line-height: 1.2;
    display: block;
    margin: 0 0 15px 0;
}

    #news-header .news-listing a.button {
        display: inline-block;
        font-size: 12px;
    }

/*.news-detail-header .button {
        background: transparent;
        position: absolute;
        top: 5px;
        left: 6px;
        color: #fff;
        padding-left: 0;*/
/* right: 0; */
/*border: none;
        box-shadow: none;
    }*/

.news-detail-header {
    position: relative;
}

#top-link .col-lg-12 {
    display: flex;
    justify-content: space-between;
}

#top-link {
    background: #000;
}

.sticky-header-shrink .top-link {
    display: none;
    opacity: 0;
}

.lang-selection .button-transparent, .template-selection .button-transparent {
    color: #fff;
}

.user-profile-dropdown .button-transparent:hover {
    color: #fdd6fc;
}

.user-profile-dropdown .button-transparent {
    color: #fff;
    padding: 0;
    margin: 0 5px;
    display: flex;
    border: none;
    align-items: center;
}

.landing-page .content-wrap .container {
    padding-bottom: 20px;
    padding-top: 20px;
}

.GamesGrid-listing .games-listing {
    width: 23.3%;
    text-align: center;
}

.GamesGrid-listing div.games-listing {
    margin-right: 15px;
    margin-bottom: 15px;
    position: relative;
}

    .GamesGrid-listing div.games-listing div.games-lisitng-img-wrapper .overlay {
        display: none;
    }

    .GamesGrid-listing div.games-listing div.games-lisitng-img-wrapper .game-status {
        position: absolute;
        pointer-events: none;
        right: 1px;
        top: 0;
        margin: -2px -2px 0 0;
        width: 65px;
        height: 65px;
        border-radius: 5px 5px 5px 0;
        background-image: -webkit-gradient(linear, right top, left bottom, color-stop(50%, #ed2024), color-stop(50%, transparent));
        background-image: -webkit-linear-gradient(top right, #ed2024 50%, transparent 0);
        background-image: linear-gradient(to bottom left, #ed2024 50%, transparent 0);
        z-index: 2;
    }

        .GamesGrid-listing div.games-listing div.games-lisitng-img-wrapper .game-status span {
            color: #fff;
            position: absolute;
            top: 15px;
            width: 100%;
            margin: 0;
            padding: 0;
            right: -6px;
            font-size: 13px;
            font-weight: 700;
            /* line-height: 13px; */
            text-align: center;
            -webkit-transform: rotate( 45deg );
            transform: rotate( 45deg );
            display: block;
            text-transform: uppercase;
        }

    .GamesGrid-listing div.games-listing:hover div.games-lisitng-img-wrapper .overlay {
        position: absolute;
        width: 100%;
        bottom: 50px;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .GamesGrid-listing div.games-listing div.games-lisitng-img-wrapper .overlay small {
        margin: 0 10px;
        background: #d60404;
        padding: 6px 10px 10px 10px;
        border-radius: 3px;
        line-height: 1;
        color: #fff;
        margin: 10px 0 0 0;
    }

    .GamesGrid-listing div.games-listing:nth-child(4n) {
        margin-right: 0;
    }

.GamesGrid-listing .games-listing span {
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin: 10px 0 0 0;
}

.GamesGrid-listing .games-listing img {
    width: 100%;
    box-shadow: 3px 5px 11px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 3px 5px 11px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 5px 11px 2px rgba(0,0,0,0.3);
    border-radius: 4px;
}

.GamesGrid-listing {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.GameGrid-search {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

    .GameGrid-search h3 {
        margin-bottom: 0;
        font-size: 18px;
    }

    .GameGrid-search div:first-child {
        width: 60%;
    }

    .GameGrid-search div.input-group {
        width: 40%;
    }

    .GameGrid-search div.input-group-append .btn {
        padding: 0 10px;
    }

.landing-info-center {
    border-radius: 4px;
    color: #fff;
    padding: 15px;
    background: rgb(83,83,83);
    background: linear-gradient(184deg, rgba(83,83,83,1) 0%, rgba(0,0,0,1) 50%);
    margin-bottom: 15px;
}

    .landing-info-center h3 {
        font-weight: 600;
        margin-bottom: 8px;
        font-size: 16px;
        color: #fff;
        padding-bottom: 5px;
        border-bottom: 1px solid #3c3c3c;
    }

    .landing-info-center a {
        color: #fff;
    }

.featured-game {
    border-radius: 4px;
    color: #fff;
    padding: 15px;
    background: rgb(83,83,83);
    background: linear-gradient(184deg, rgba(83,83,83,1) 0%, rgba(0,0,0,1) 50%);
    margin-bottom: 15px;
}

    .featured-game h3 {
        font-weight: 600;
        margin-bottom: 8px;
        font-size: 16px;
        color: #fff;
        padding-bottom: 5px;
        border-bottom: 1px solid #3c3c3c;
    }

        .featured-game h3 i {
            margin-right: 8px;
        }

.landing-info-center ul {
    margin-bottom: 0;
}

.featured-game img {
    margin-bottom: 15px;
}

.landing-info-center ul li {
    font-size: 13px;
    list-style: disc;
    margin-left: 15px;
}

.landing-page .content-wrap {
    overflow: visible;
}

.landing-page {
    background: #eef0f5;
}

.current-promotions h3 {
    margin-bottom: 10px;
    font-size: 16px;
    color: #fff;
}

.current-promotions {
    background: rgb(255,0,15);
    background: linear-gradient( 184deg, rgba(255,0,15,1) 0%, rgba(179,24,23,1) 50%);
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    margin-top: -100px;
}

    .current-promotions a.more-promo {
        display: block;
        padding-top: 10px;
        color: #fff;
        font-size: 12px;
    }

        .current-promotions a.more-promo:hover {
            color: #fff;
        }

        .current-promotions a.more-promo i {
            margin-left: 8px;
        }

    .current-promotions div {
        display: flex;
    }

        .current-promotions div img {
            width: 100%;
        }

        .current-promotions div a {
            width: 100%;
        }




.footer-info h1 > span:not(.nocolor):not(.badge), .footer-info h2 > span:not(.nocolor):not(.badge), .footer-info h3 > span:not(.nocolor):not(.badge), .footer-info h4 > span:not(.nocolor):not(.badge), .footer-info h5 > span:not(.nocolor):not(.badge), .footer-info h6 > span:not(.nocolor):not(.badge) {
    color: #ffffff;
}


.provider-lobby {
    margin-bottom: 20px;
}
/*
section {
     padding-bottom: 20px;
}
    */

.news-listing a {
    color: #fff;
}

.bg-white {
    background: #fff;
}

@media (max-width:580px) {

    .ribbon-txt {
        font-size: 14px !important;
    }

    .counter-timer {
        font-size: 20px !important;
    }

    .ongoing-promo .h3, .top-featured-game .h3, .ongoing-news .h3 {
        font-size: 14px;
    }

    ul.login-register {
        position: absolute;
        right: 30px;
        bottom: -27px;
    }

        ul.login-register .button.button-small {
            padding: 2px 10px;
        }

    #slideout {
        display: none;
    }

    .GameGrid-search {
        display: block;
    }

        .GameGrid-search div.input-group {
            width: 100%;
            margin-top: 10px;
        }

    .top-link-wrapper {
        right: 0;
    }

    #logo img {
        width: 100px !important;
    }

    .top-link {
        position: absolute;
        right: 0;
        top: -35px;
    }

    .top-bar-user {
        display: flex;
        margin-right: 0;
    }

    #primary-menu-trigger, #page-menu-trigger {
        top: 15px;
    }



    .lang-selection .dropdown-menu span {
        display: block !important;
    }
}

@media (max-width:1280px) {
    #logo img {
        width: 138px;
    }
}

@media (max-width:991px) {

    /* .top-primary-menu {
        width: 60px;
    } */

    .jackpot-countdown {
        display: none;
    }

    .featured-game div {
        display: flex;
    }

        .featured-game div a {
            margin: 0 8px;
        }

    .current-promotions {
        margin-top: 15px;
    }

    .jackpot-countdown .visual .visual-top {
        top: -96px;
        width: 39%;
    }

    #logo img {
        width: 138px;
    }

    .GamesGrid-listing .games-listing {
        width: 30%;
    }

    .GamesGrid-listing div.games-listing:nth-child(4n) {
        margin-right: 15px;
    }

    .GamesGrid-listing div.games-listing:nth-child(3n) {
        margin-right: 0;
    }
}

@media (max-width:1439px) {
    .jackpot-countdown .visual .counter-timer span {
        display: none;
    }

    #jackpot-counter-amount {
        margin-left: 0;
    }
}

@media (max-width:480px) {
    .GamesGrid-listing .games-listing {
        width: 48%;
    }

    .GamesGrid-listing div.games-listing:nth-child(2n) {
        margin-right: 0;
    }

    .GamesGrid-listing div.games-listing:nth-child(3n) {
        margin-right: 0;
    }
}

@media (max-width:404px) {
    .GamesGrid-listing .games-listing {
        width: 100%;
    }

    .GamesGrid-listing div.games-listing {
        margin-right: 0 !important;
    }
}

@media (max-width:780px) {
    .ongoing-news #newsWG {
        flex-wrap: wrap;
    }

        .ongoing-news #newsWG div {
            width: 49%;
            margin-bottom: 15px;
        }

            .ongoing-news #newsWG div:nth-child(2n) {
                margin-right: 0;
            }
}

@media (max-width:330px) {
    .ongoing-news #newsWG div {
        width: 100%;
        margin-bottom: 15px;
        margin-right: 0;
    }
}

.h3.generic-header {
    font-size: 20px;
    /* margin-bottom: 15px; */
    text-transform: uppercase;
    padding-bottom: 8px;
    border-bottom: 1px solid #74498e;
    margin: 20px 0 14px 0;
    color: #fff;
}

    .h3.generic-header span {
        color: #fff !important;
    }

.hov-img-zoom {
    margin-bottom: 15px;
}

.news-detail-header .h3.generic-header {
    padding-top: 15px;
}

.opaq-bg-black {
    background-color: #552074;
    border-radius: 5px;
    padding: 15px;
}

#news-details-header p, #news-details-header span, #news-details-header h1, #news-details-header h2, #news-details-header h3, #news-details-header h4, #news-details-header h5, #news-details-header h6 {
    color: #fff;
}

.most-popular-live-casino h3 {
    margin-bottom: 15px;
    font-size: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .most-popular-live-casino h3 a {
        font-size: 15px;
        text-transform: uppercase;
        color: #f3902f;
    }

        .most-popular-live-casino h3 a i {
            margin-left: 8px;
        }

.most-popular-live-casino {
    margin-top: 25px;
    margin-bottom: 25px;
}

.most-popular-live-casino-wrapper .most-popular-live-casino-wrapper-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.most-popular-live-casino-wrapper-inner {
}

.most-popular-live-casino-wrapper div.popular-game-featured {
    margin-right: 15px;
    width: 18%;
    text-align: center;
}

    .most-popular-live-casino-wrapper div.popular-game-featured:nth-child(5n) {
        margin-right: 0;
    }

    .most-popular-live-casino-wrapper div.popular-game-featured a img {
        border-radius: 4px 4px 0 0;
        box-shadow: 3px 5px 11px 2px rgb(0 0 0 / 30%);
        -webkit-box-shadow: 3px 5px 11px 2px rgb(0 0 0 / 30%);
        -moz-box-shadow: 3px 5px 11px 2px rgba(0,0,0,0.3);
    }

    .most-popular-live-casino-wrapper div.popular-game-featured a span {
        display: block;
        padding: 10px 0;
        background: #000;
        border-radius: 0 0 4px 4px;
        font-size: 13px;
    }

.most-popular-live-casino-wrapper div a {
    color: #fff;
    font-weight: 600;
}

.promotion-list ul li div h3 a {
    color: #fff;
}


@media (max-width:650px) {

    .top-featured-game, .ongoing-promo {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .promo-featured {
        margin-top: 20px;
    }

    .top-featured-game, .ongoing-promo {
        margin-bottom: 0px;
    }
}

@media (max-width:767px) {

    .latest-winners::before {
        right: 0 !important;
    }

    .top-bar-language {
        display: none !important;
    }

    .latest-winners, .counter-timers {
        width: 100% !important;
        margin: 0 0 25px 0 !important;
    }

    .last-winners-btn-wrap {
        display: block !important;
    }

    .post-login-ewallet {
        display: none !important;
    }

    .most-popular-live-casino-wrapper {
        overflow-x: auto;
    }

        .most-popular-live-casino-wrapper .most-popular-live-casino-wrapper-inner {
            display: flex;
            flex-wrap: wrap;
            width: max-content;
            /* justify-content: space-between; */
            /* white-space: nowrap; */
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            overflow-y: hidden;
        }

        .most-popular-live-casino-wrapper div.popular-game-featured {
            width: 300px;
        }
}

.popular-game-featured a div:nth-child(3), .popular-game-featured a div:nth-child(2) {
    text-align: center;
    color: #503c04;
}

.popular-game-featured a div:nth-child(3), .popular-game-featured a div:nth-child(2) {
    text-align: center;
    color: #503c04;
}

.popular-game-featured a div:nth-child(2) {
    padding-top: 5px;
}

.popular-game-featured a div:nth-child(3) {
    padding-bottom: 5px;
    border-radius: 0 0 4px 4px;
}

.popular-game-featured a div {
    background: #f3902f;
    box-shadow: 0 4px #e2760d;
    text-shadow: 0 1px 0 #fff;
}

.top-link-wrapper {
    width: auto;
}



/*new casinocookie*/





.purple {
    background: rgba(86,34,128,0.9);
}



.side-panel-login-register .button {
    display: block;
    margin-left: 0;
    margin-right: 0;
}





.side-panel-login-register li {
    display: block;
}



.button-primary {
    box-shadow: 0 4px #e2760d;
}


.button-no-shadow {
    box-shadow: none !important;
}



.button.button-primary-border {
    border: 2px solid #f3902f;
    background-color: #f3902f;
    color: #fff;
    text-shadow: none;
}

    .button.button-primary-border:hover, .button.button-primary-border:active, .button.button-primary-border:focus, .button.button-primary-border:visited {
        background: #c16000 !important;
        box-shadow: 0 4px #e2760d !important;
        border: 2px solid #c16000;
    }


.login-register .button {
}



.sticky-header-shrink #header-wrap {
    background: #552074;
}


#side-panel .side-panel-wrap .nav-tree li.sub-menu {
    width: 100% !important;
}


#side-panel .side-panel-wrap .nav-tree ul ul li {
    text-align: center;
    padding: 10px;
    width: 48% !important;
    float: left;
}





#side-panel .side-panel-wrap .nav-tree ul ul a img {
    margin: 0 0 10px 0;
}



/*

#side-panel-trigger-close {
    position: absolute;
    top: 15px;
    z-index: 99;
    right: 15px;
}

*/

.secondary-menu {
    display: flex;
    margin: 0 0 0 20px;
    align-items: center;
}

    .secondary-menu li a img {
        width: 30px;
        margin-right: 8px;
    }


    .secondary-menu li a {
        display: flex;
        align-items: center;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 14px;
    }



.landing-menu-shortcut:before {
    content: '';
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    height: 190px;
    background: #eef0f5;
    border-radius: 700px / 50px;
}


.landing-menu-shortcut {
    position: relative;
    margin-top: 80px;
    z-index: 9;
}


    .landing-menu-shortcut .bg-visual {
        background: url('https://d2lcoivv20vty7.cloudfront.net/Content/img/CookieCasino/main-menu-bg.png') no-repeat;
        background-size: contain;
        padding: 65px 45px;
        min-height: 80px;
        background-position: center;
    }





        .landing-menu-shortcut .bg-visual .top-decoration {
            background: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/CookieCasino/main-menu-decor.svg) no-repeat;
            background-size: 20%;
            min-height: 64px;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            background-position: center;
        }


    .landing-menu-shortcut .content-wrap {
        overflow: visible;
        padding: 10px 0 0 0;
    }



        .landing-menu-shortcut .content-wrap .col-lg-12 {
            margin-top: -84px;
        }


    .landing-menu-shortcut .bg-visual ul {
        margin-bottom: 0;
        display: flex;
        width: 100%;
        margin: 0 auto;
        margin-top: -15px;
        justify-content:center;
    }




        .landing-menu-shortcut .bg-visual ul li {
           /* width: 16.5%;*/
            text-align: center;
            z-index: 99;
            position: relative;
        }


            .landing-menu-shortcut .bg-visual ul li a {
                color: #856832;
                text-shadow: 0 1px 0 #fff;
                text-transform: uppercase;
                font-weight: 600;
                font-size: 14px;
                display: flex;
                padding: 5px 0;
                align-items: center;
                flex-direction: column;
            }


.LIVECASINO-icon {
    background: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/CookieCasino/LIVECASINO.svg) no-repeat;
}


.PROMOTIONS-icon {
    background: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/CookieCasino/PROMOTIONS.svg) no-repeat;
}


.SLOTS-icon {
    background: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/CookieCasino/SLOTS.svg) no-repeat;
}


.SPORTSBOOK-icon {
    background: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/CookieCasino/SPORTSBOOK.svg) no-repeat;
}



.POKER-icon {
    background: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/CookieCasino/POKER.svg) no-repeat;
}

.LOTTERY-icon {
    background: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/icons/LOTTERY.svg) no-repeat;
}

.NUMBERGAME-icon {
    background: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/CookieCasino/NUMBERGAME.svg) no-repeat;
}

.FISHING-icon {
    background: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/icons/FISHING.svg) no-repeat;
}

.COCKFIGHT-icon {
    background: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/icons/COCKFIGHT.svg) no-repeat;
}

.VIRTUALCASINO-icon {
    background: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/icons/VIRTUALCASINO.svg) no-repeat;
}



.COCKFIGHT-icon, .NUMBERGAME-icon, .LOTTERY-icon, .POKER-icon, .SPORTSBOOK-icon, .SLOTS-icon, .PROMOTIONS-icon, .LIVECASINO-icon {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
    margin-bottom: 8px;
    filter: invert(78%) sepia(0%) saturate(945%) hue-rotate( 191deg ) brightness(143%) contrast(37%);
}

.VIRTUALCASINO-icon, .FISHING-icon {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
    margin-bottom: 8px;
    filter: invert(85%) sepia(10%) saturate(861%) hue-rotate( 344deg ) brightness(144%) contrast(227%);
}


.top-jackpot-casino-wrapper, .top-popular-casino-wrapper {
    margin-bottom: 20px;
}

    .top-jackpot-casino-wrapper .top-jackpot-casino-wrapper-inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-left: -10px;
        margin-right: -10px;
    }

@media (max-width: 797px) {
    .top-jackpot-casino-wrapper .top-jackpot-casino-wrapper-inner {
        justify-content: normal;
        margin-left: 0;
        margin-right: 0;
    }
}


.top-jackpot-casino-wrapper-inner-content {
    /*margin: 8px 8px 15px 8px;*/
    /*width: 23.5%;*/
}





.top-popular-casino-wrapper .top-popular-casino-wrapper-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -10px;
    margin-right: 10px;
}


    .top-popular-casino-wrapper .top-popular-casino-wrapper-inner div.top-popular-casino-wrapper-inner-content {
        margin: 0 10px 25px 10px;
        width: 18.2%;
    }




    .top-jackpot-casino-wrapper .top-jackpot-casino-wrapper-inner div.hover-zoom-img img, .top-popular-casino-wrapper .top-popular-casino-wrapper-inner div.hover-zoom-img img {
        border-radius: 12px 12px 0 0;
        transition: transform 0.3s ease-in-out;
    }


.top-jackpot-casino-wrapper .top-jackpot-casino-wrapper-inner div.jackpot-digit-counter {
    border-radius: 0 0 12px 12px;
    padding: 10px;
    background: #f3902f;
    box-shadow: 0 4px #e2760d;
    margin-right: 0 !important;
}



.top-popular-casino-wrapper .top-popular-casino-wrapper-inner div.jackpot-digit-counter {
    border-radius: 0 0 12px 12px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 4px #e6e6e6;
    margin: 0 !important;
    display: block;
    width: 100%;
    text-align: center;
}


.top-jackpot-casino-wrapper .top-jackpot-casino-wrapper-inner div.jackpot-digit-counter div {
    font-size: 20px;
    display: block;
    text-align: center;
    line-height: 1.1;
    font-weight: 600;
}




.top-popular-casino-wrapper .top-popular-casino-wrapper-inner div.jackpot-digit-counter div {
    font-size: 16px;
    display: block;
    text-align: center;
    line-height: 1.1;
}





.top-jackpot-casino-wrapper .top-jackpot-casino-wrapper-inner a {
    color: #fff;
    text-shadow: 1px 1px 1px #653303;
}


.top-popular-casino-wrapper .top-popular-casino-wrapper-inner a {
    color: #333;
    text-shadow: 1px 1px 1px #949494;
}


.semi-trans-purple #header-wrap {
    background: rgba(85, 32, 116, 0.8) !important;
}




.counter-timers {
    width: 48%;
    background: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/CookieCasino/jackpots-bg.jpg) no-repeat;
    height: 55vw;
    min-height: 235px;
    max-height: 335px;
    border-radius: 14px;
    margin: 25px 0 50px;
    text-transform: uppercase;
    line-height: 1;
    font-weight: bold;
    background-size: cover;
    font-size: 50px;
    color: #fff700;
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}


/*

    .counter-timer .jackpot {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
  */
.jackpot-block-separator {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 25px;
    color: #fff;
    font-size: 60px;
}


    .jackpot-block-separator::before {
        content: "";
        display: inline-block;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        max-width: 40px;
        height: 8px;
        background: #fff;
        border-radius: 8px;
        margin-right: 15px;
    }


    .jackpot-block-separator::after {
        content: "";
        display: inline-block;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        max-width: 40px;
        height: 8px;
        background: #fff;
        border-radius: 8px;
        margin-left: 15px;
    }


.counter-timer::after {
    content: "";
    position: absolute;
    top: -20px;
    right: -10px;
    left: 0;
    bottom: -20px;
    background: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/CookieCasino/jackpots-bg-balloons.svg) no-repeat center/contain;
}

.counter-timer::before {
    content: "";
    position: absolute;
    bottom: -65px;
    left: 0;
    right: 0;
    margin: auto;
    width: 201px;
    height: 24vw;
    max-height: 151px;
    min-height: 100px;
    background: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/CookieCasino/cup-of-coffee.png) no-repeat center/contain;
}




.ribbon-header {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}


.ribbon {
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 0 30px 30px;
    min-width: 180px;
}

    .ribbon::before {
        content: "";
        position: absolute;
        display: block;
        width: 90px;
        bottom: -10px;
        left: -38px;
        border: 14px solid #c38157;
        border-left-color: transparent;
        z-index: -2;
    }



    .ribbon::after {
        content: "";
        position: absolute;
        display: block;
        width: 90px;
        bottom: -10px;
        right: -38px;
        border: 14px solid #c38157;
        border-right-color: transparent;
        z-index: -2;
    }


.ribbon-txt {
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    padding: 12px 15px;
    background: #d39368;
    border-radius: 6px;
    color: #fff;
    text-transform: capitalize;
}



    .ribbon-txt::before {
        content: '';
        display: block;
        position: absolute;
        top: 8px;
        left: 2px;
        background: #b26e49;
        width: 50px;
        height: 90%;
        -ms-transform: skewY(12deg);
        transform: skewY( 12deg );
        z-index: -1;
    }

    .ribbon-txt::after {
        content: '';
        display: block;
        position: absolute;
        top: 8px;
        right: 2px;
        background: #b26e49;
        width: 50px;
        height: 90%;
        -ms-transform: skewY(-12deg);
        transform: skewY( -12deg );
        z-index: -1;
    }

.ribbon-red .ribbon-txt {
    background: #d3686b;
}

.ribbon-red::before {
    border-color: #c3575c;
    border-left-color: transparent;
}


.ribbon-red::after {
    border-color: #c3575c;
    border-right-color: transparent;
}

.ribbon-red-txt::after, .ribbon-red-txt::before {
    background: #801010;
}


.latest-winners {
    width: 48%;
    position: relative;
    min-height: 240px;
    background: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/CookieCasino/last-winners-bg.jpg) no-repeat left top/cover;
    border-radius: 14px;
    padding: 20px;
    margin: 25px 0 50px;
    z-index: 1;
}

    .latest-winners::before {
        content: "";
        position: absolute;
        top: -25px;
        right: -30px;
        bottom: 0;
        background: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/CookieCasino/pers-5.svg) no-repeat center right/contain;
        width: calc(60% + 30px);
    }

    .latest-winners .h3 {
        position: relative;
        z-index: 1;
        text-align: center;
        margin: 0 0 15px;
        font-weight: 500;
        color: #fff;
    }



.jackpot-winners {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.last-winners-list {
    margin-bottom: 0;
    width: 65%;
}

    .last-winners-list li {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 8px 12px;
        margin: 0 0 6px;
        border-radius: 40px;
        background: rgba(255,255,255,0.15);
    }

.last-winners-info {
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #bcd6df;
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.2;
    margin-left: 12px;
}



.last-winners-list li img {
    width: 60px;
    border-radius: 200px;
}

.last-winners-info-wrp {
    width: 70%;
}


    .last-winners-info-wrp p {
        margin-bottom: 0;
    }


.last-winners-btn-wrap {
    width: 50%;
    text-align: right;
}

.last-winners-sum {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
}


.hover-zoom-img {
    border-radius: 12px 12px 0 0;
    transition: transform 0.3s ease-in-out;
    margin: 0 !important;
    width: 100% !important;
    overflow: hidden;
    position: relative;
}

    .hover-zoom-img:hover img {
        transform: scale(1.1);
        transition: transform 0.3s ease-in-out;
    }

.slider-wrapper-opt2 {
    /*margin-top: -128px;*/
}


.top-featured-game {
    width: 25%;
    padding: 10px;
}




.promo-featured {
    display: flex;
    /*        flex-wrap: wrap;*/
}

/*    .top-featured-game {
        width: 24%;
        margin-right: 15px;
    }*/

.ongoing-promo {
    width: 25%;
    padding: 10px;
}

.ongoing-news {
    width: 50%;
    padding: 10px;
}


    .ongoing-promo .h3, .top-featured-game .h3, .ongoing-news .h3 {
        border-left: 8px solid;
        padding-left: 15px;
        font-size: 17px;
        text-transform: capitalize;
        margin-bottom: 0;
    }


.ongoing-promo .h3 {
    border-color: #64b0c0;
}

.top-featured-game .h3 {
    border-color: #ffb06d;
}

.ongoing-news .h3 {
    border-color: #c07395;
}


.newsListing {
    display: flex;
}

.ongoing-news #newsWG div {
    border-radius: 12px;
    width: 100%;
    padding: 10px;
    background: rgb(228, 228, 228);
}
.ongoing-news #newsWG div:first-child {
    margin-right: 15px;
}


.ongoing-news #newsWG a {
    color: #333;
}

.ongoing-news p {
    margin-bottom: 0;
    margin-top: 15px;
    font-size: 13px;
    color: #333;
}

.ongoing-news #newsWG div span {
    font-size: 16px;
    display: block;
    margin: 12px 0 13px 0;
}


.promo-featured-title {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
}






    .promo-featured-title a {
        display: flex;
        align-items: center;
        text-transform: lowercase;
    }


        .promo-featured-title a i {
            margin-left: 8px;
        }


.promo-featured img {
    border-radius: 12px;
    width: 100%;
}



@media (max-width:1199px) {

    .ongoing-news #newsWG div {
        width: 47%;
    }

    .ongoing-promo {
        width: 48%;
        margin-right: 0;
    }

    .ongoing-news {
        width: 100%;
    }

    .top-featured-game {
        width: 48%;
        margin-right: 37px;
    }

    .last-winners-list {
        width: 100%;
    }


    .landing-menu-shortcut .bg-visual {
        padding: 48px 45px 55px 45px;
    }


        .landing-menu-shortcut .bg-visual .top-decoration {
            top: -42px;
        }
}

@media (max-width:991px) {
    .ongoing-promo {
    }

    .ongoing-news {
        width: 100% !important;
        margin-bottom: 30px;
    }

    .promo-featured{
        flex-wrap: wrap !important;
    }

}

.ongoing-promo, .ongoing-news {
    position: relative;
}

@media (max-width:810px) {

    .secondary-menu, .top-link {
        display: none;
    }

/*    .top-primary-profile-menu {
        margin-right: 60px;
    }*/


    .top-link-wrapper {
        width: auto !important;
    }

    .slider-wrapper-opt2 {
        margin-top: 0 !important;
    }


    /* #header {
        padding: 5px 0px;
    } */

/*    .top-primary-menu {
        width: auto !important;
        z-index: 10;
        position: absolute !important;
        right: 0 !important;
    }*/

    .top-bar-user .button.button-small {
        padding: 2px 17px !important;
    }
}

.top-primary-menu {
    display: flex;
    align-items: center;
    /* width: 30%; */
    z-index: 99;
}

.top-primary-profile-menu {
    display: flex;
    align-items: center;
    z-index: 10;
}

.menu-shortcut-wrapper {
}


@media (max-width:991.98px) {


    .top-featured-game {
        margin-right: 27px;
    }


    .last-winners-btn-wrap {
        display: none;
    }

    .counter-timer::before {
        display: none;
    }

    .counter-timer {
        font-size: 30px !important;
    }

    .jackpot-block-separator {
        font-size: 40px;
    }


    .top-popular-casino-wrapper .top-popular-casino-wrapper-inner div.top-popular-casino-wrapper-inner-content {
        width: 30.2%;
    }


    .SPORTSBOOK-icon, .LIVECASINO-icon, .SLOTS-icon, .POKER-icon, .NUMBERGAME-icon, .PROMOTIONS-icon, .VIRTUALCASINO-icon, .FISHING-icon {
        width: 30px !important;
        height: 30px !important;
        margin-bottom: 0 !important;
    }

    .landing-menu-shortcut .bg-visual ul {
        width: 100% !important;
    }

        /*.landing-menu-shortcut .bg-visual {
            padding: 27px 45px;
        }*/



        .landing-menu-shortcut .bg-visual ul li a {
            font-size: 12px;
        }
}

@media (max-width:991px) {

    .top-popular-casino-wrapper .top-popular-casino-wrapper-inner div.top-popular-casino-wrapper-inner-content {
        width: 45.2%;
    }

    .landing-menu-shortcut .bg-visual {
        background: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/CookieCasino/menu-shortcut-bg.png) repeat;
        background-color: #ffe8c9;
        border-radius: 50px;
    }


        .landing-menu-shortcut .bg-visual ul {
            flex-wrap: wrap;
            margin: 0 auto;
        }


    .SPORTSBOOK-icon, .LIVECASINO-icon, .SLOTS-icon, .POKER-icon, .NUMBERGAME-icon, .PROMOTIONS-icon, .VIRTUALCASINO-icon, .FISHING-icon {
        margin-bottom: 10px !important;
        width: 40px !important;
        height: 40px !important;
    }
}


@media (max-width:797px) {



    .top-popular-casino-wrapper .top-popular-casino-wrapper-inner {
        justify-content: normal;
        margin-left: 0;
        margin-right: 0;
    }



    .top-jackpot-casino-wrapper .top-jackpot-casino-wrapper-inner div.jackpot-digit-counter div {
        font-size: 15px;
    }
}



.jackpot-digit-counter {
    width: 100% !important;
}



@media (max-width:991px) {


    /*.top-jackpot-casino-wrapper-inner-content {
            width: 46%;
        }*/

    .marquee-scroll {
        bottom: -30px;
    }
}



@media (max-width:430px) {


    .top-jackpot-casino-wrapper-inner-content, .top-popular-casino-wrapper .top-popular-casino-wrapper-inner div.top-popular-casino-wrapper-inner-content {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .last-winners-btn-wrap {
        display: none !important;
    }
}


@media (max-width:480px) {

    .aside-panel-menu li {
        width: 50%;
    }

    .aside-login-panel {
        display: block !important;
    }


    #side-panel .side-panel-wrap {
        left: 40px;
        width: 380px;
    }

        #side-panel .side-panel-wrap .nav-tree ul ul li {
            width: 100% !important;
        }
}



@media (max-width:380px) {




    #side-panel .side-panel-wrap {
        left: 20px;
        width: 280px;
    }
}



@media (max-width:767px) {


    .top-featured-game {
        margin-right: 20px;
    }
}



@media (max-width:529px) {

    .top-featured-game {
        margin-right: 17px;
    }
}


@media (max-width:480px) {

    .post-user-login, .post-user-register {
        display: none !important;
    }


    .top-featured-game, .ongoing-promo {
        width: 100%;
        margin-right: 0;
    }
}

.info-icon {
    color: white;
}

/*form stop 5*/
.padding-x {
    padding-left: 10px;
    padding-right: 10px;
}

.scroll-horizontal {
    white-space: normal;
    overflow-x: auto;
}

    .scroll-horizontal .item { /*width: 19.45%;*/
        margin-bottom: 5px;
        display: inline-block;
        vertical-align: top;
        white-space: initial;
    }

a[class*='product-'] {
    color: initial;
}

.product-sm {
    display: block;
}

[class*='product-'] {
    color: initial;
}

.product-sm .img-wrap {
    border-radius: .5rem;
}

[class*='product-'] .img-wrap {
    overflow: hidden;
    position: relative;
}

.img-wrap {
    text-align: center;
    display: block;
}
/*.product-sm .img-wrap img { mix-blend-mode: multiply; }*/
[class*='product-'] .img-wrap img {
    height: 100%;
    width: 100%;
    display: inline-block;
    -o-object-fit: cover;
    object-fit: cover;
}

.img-wrap img {
    max-width: 100%;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: white;
    font-size: .83em;
    overflow: hidden;
    text-overflow: ellipsis;
    /*display: -webkit-box;*/
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /*        width: 120px;
*/
}

.text-wrap {
    text-align: center;
    background-color: #2c2c2c;
    margin-bottom: 10px;
}

    .text-wrap p {
        padding: 10px 10px;
        margin: 0 auto !important;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

        .text-wrap p.one {
            display: -webkit-box;
            padding: 5px 5px;
        }
/*search top*/
/* No data label */
.noData {
    font-size: 14px;
    padding: 20px 25px;
    text-align: center;
    color: #d5d5d5;
    font-weight: 400;
}

div > .blog-title {
    color: var(--light);
    font-weight: 300;
    font-size: 12px;
    overflow-x: auto;
}

.border-danger {
    line-height: 15px;
    margin-top: 5px;
}

#alertModal .tim-btn-bg, #alertModal .tim-btn {
    width: 100%;
    padding: 5px 20px !important;
}

.search-button {
}

.search-toggle {
    position: relative;
    display: block;
    height: 12px;
    width: 12px;
}

    .search-toggle::before, .search-toggle::after {
        content: '';
        position: absolute;
        display: block;
        -webkit-transition: all 0.1s;
        transition: all 0.1s;
    }

    .search-toggle::before {
        border: 2px solid #ffffff;
        border-radius: 50%;
        width: 100%;
        height: 100%;
    }

    .search-toggle::after {
        height: 2px;
        width: 7px;
        background: #ffffff;
        top: 11px;
        left: 9px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .search-toggle.active::before {
        width: 0;
        height: 1.1em;
        border-width: 1px;
        border-radius: 0;
        -webkit-transform: rotate( 45deg );
        transform: rotate( 45deg );
        top: 0em;
        left: .35em;
        background-color: white;
    }

    .search-toggle.active::after {
        width: 1.2em;
        left: -.15em;
        top: 0.5em;
    }

.search-input:focus {
    outline: none;
}


/* Example #1 */
.search-box img {
    width: 100%;
}

#header-1 .search-box {
    position: absolute;
    bottom: 95%;
    right: 0.5%;
    width: 99%;
    height: 100%;
    max-height: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    background-color: #ffffffbf;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    #header-1 .search-box .search-input {
        width: 100%;
        height: 100%;
        padding: 0 1em;
        border: 0;
        background-color: transparent;
        opacity: 0;
        color: #fff;
        border: none !important;
    }

        #header-1 .search-box .search-input::-webkit-input-placeholder {
            color: rgba(255, 255, 255, 0.4);
        }

#header-1.show .search-box {
    display: inline-table;
    padding: 15px 15px;
    z-index: 9999
}

    #header-1.show .search-box .search-input {
        opacity: 1;
    }

.search-box input::placeholder {
    color: #ededed !important;
}

.search-input {
    color: white !important;
}

.search-bar {
    background-color: #232323 !important;
    margin: 0 3px;
}

@media only screen and (max-width:414px ) {
    #header-1 .search-box {
        bottom: 95%;
    }
}

/* Search Page */
.s006 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

    .s006 form {
        width: 100%;
    }

        .s006 form legend {
            font-size: 36px;
            color: #fff;
            font-weight: 800;
            text-align: center;
            margin-bottom: 30px;
        }

        .s006 form .inner-form {
            width: 100%;
            margin-bottom: 17px;
        }

            .s006 form .inner-form .input-field {
                width: 100%;
                position: relative;
            }

                .s006 form .inner-form .input-field input {
                    height: 100%;
                    width: 100%;
                    background: transparent;
                    border: 0;
                    background: #fff;
                    display: block;
                    width: 100%;
                    padding: 10px 32px 10px 20px;
                    font-size: 18px;
                    color: #666;
                    border-radius: 34px;
                }

                    .s006 form .inner-form .input-field input.placeholder {
                        color: #747474;
                        font-size: 1em;
                    }

                    .s006 form .inner-form .input-field input:-moz-placeholder {
                        color: #747474;
                        font-size: 1em;
                    }

                    .s006 form .inner-form .input-field input::-webkit-input-placeholder {
                        color: #747474;
                        font-size: 1em;
                    }

                    .s006 form .inner-form .input-field input:hover, .s006 form .inner-form .input-field input:focus {
                        box-shadow: none;
                        outline: 0;
                    }

                .s006 form .inner-form .input-field .btn-search {
                    width: 70px;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-align: center;
                    align-items: center;
                    position: absolute;
                    right: 0;
                    height: 100%;
                    background: transparent;
                    border: 0;
                    padding: 0;
                    cursor: pointer;
                    display: flex;
                    -ms-flex-pack: center;
                    justify-content: center;
                    align-items: center;
                }

                    .s006 form .inner-form .input-field .btn-search svg {
                        fill: #747474;
                        width: 30px;
                        height: 30px;
                        transition: all .2s ease-out, color .2s ease-out;
                    }

                    .s006 form .inner-form .input-field .btn-search:hover, .s006 form .inner-form .input-field .btn-search:focus {
                        outline: 0;
                        box-shadow: none;
                    }

                        .s006 form .inner-form .input-field .btn-search:hover svg, .s006 form .inner-form .input-field .btn-search:focus svg {
                            fill: #666;
                        }

        .s006 form .suggestion-wrap {
            padding: 0 15px;
        }

            .s006 form .suggestion-wrap span {
                font-size: .9em;
                display: inline-block;
                background: #de5252;
                padding: 0 15px;
                line-height: 32px;
                color: #fff;
                border-radius: 16px;
                margin-right: 10px;
                margin-bottom: 10px;
            }

                .s006 form .suggestion-wrap span:hover {
                    background: #8a0000 !important;
                }

@media screen and (max-width: 767px) {
    .s006 form .inner-form .input-field {
        margin-bottom: 20px;
        height: 50px;
    }

        .s006 form .inner-form .input-field input {
            padding-left: 55px;
            font-size: 16px;
        }

        .s006 form .inner-form .input-field .btn-search svg {
            width: 26px;
            height: 26px;
        }
}


/* Widget Desktop SearchGame  */
.searchgamewidget {
    padding: 0px !important;
    background-color: transparent;
}

.searchgamewidget .search-btn{
    background-image: none !important;
}

.searchgamewidget .input-group input {
    background-color: #fff;
    color: #495057 !important;
}

/* Widget Mobile SearchGame  */
.search-button {
    margin: 0px 10px 6px 0px;
}
.searchgameMobilewidget.show {
    top: 45px;
}



/* Games Lobby Hover */

.photobox {
    display: inline-block;
}

.photobox__previewbox {
    position: relative;
    overflow: hidden;
}

.photobox__preview {
    display: block;
    max-width: 100%;
}

.photobox__previewbox:before {
    content: "";
}

/* type 1 */

.photobox_type1 .photobox__previewbox:before {
    width: 0;
    height: 0;
    padding: 25%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--photoboxOverlay, rgba(0, 0, 0, .8));
    transition: transform calc(var(--photoboxAnimationDuration, .2s) / 2) ease calc(var(--photoboxAnimationDuration, .2s) / 2);
    will-change: transform;
    transform: scale(0);
}

.photobox_type1:hover .photobox__previewbox:before {
    transform: scale(3);
    transition-duration: var(--photoboxAnimationDuration, .2s);
    transition-delay: 0s;
}

.photobox_type1 .photobox__label {
    transform: translate(-200%, -50%);
    transition: transform var(--photoboxAnimationDuration, .2s) ease-out;
    will-change: transform;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 15% auto;
    text-align: center;
}

.photobox_type1:hover .photobox__label {
    transition-duration: var(--photoboxAnimationDuration, .2s);
    transform: translate(0, 0);
}

button.button.button-regular.afb01.xs {
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*
* demo styles for photobox
*/

.photobox {
    color: #fff;
    /*font-size: 2.5rem;*/
    font-weight: 700;
    width: 33.33333%;
    --photoboxOverlay: #070707a8;
    --photoboxAnimationDuration: .5s;
    padding: 0 5px;
}




/*.form-control {
    padding: 1.375rem .75rem;
}*/



#searchgamelist img {
    border-radius: 5px;
}

.seoar img {
    width: auto;
    max-width: 100%;
}

.fa-1x {
    font-size: 1.3em;
}



.aside-login-panel {
    display: none;
}


span.profile-username {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 80px;
    display: inline-block;
}

/* fix bottom menu */

:root {
    --iconSize: 28px;
}

.m-dp-block {
}

img.megamenu-icon {
    width: var(--iconSize);
    height: var(--iconSize);
    display: inline-block;
    filter: invert(0%) sepia(8%) saturate(2342%) hue-rotate(354deg) brightness(89%) contrast(90%);
}

.nav-link span {
    white-space: nowrap;
}


.nav_bottom-container {
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 500;
    /* border-top-left-radius: 20px; */
    /* border-top-right-radius: 20px; */
    /* background: #552074; */
    /*box-shadow: 0 2px 7px 0 rgba(0,0,0,0.2);*/
}
@media (min-width:767px) {
    .nav_bottom-container {
        position: fixed;
    }
}
.nav-bottom {
    --size: 5rem;
    --backgroundColor: #552074;  
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: center;
    /* background: linear-gradient(to bottom,#552074 0%,#552074 100%); */
}

.nav-bottom .nav-link {
    text-align: center;
    color: #fff;
    background-color: var(--backgroundColor);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    /* margin-top: 7px; */
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    overflow: hidden;
}

    .nav-bottom .nav-link .megamenu-icon {
        display: inline-block;
        /* font-size: 20px; */
        /* font-size: 1rem; */
        width: calc(var(--size) * 0.25);
        height: calc(var(--size) * 0.25);
        filter: none;
    }

    .nav-bottom .nav-link .text {
        display: block;
        font-size: 12px;
        color: #fff;
        transform: scale(0.8);
        white-space: nowrap;
    }

    .nav-bottom .nav-link:hover,
    .nav-bottom .nav-link.active {
        filter: brightness(0.9);

    }
    .nav-bottom .nav-bottom-home {
        position: relative;
        bottom: calc(100% - (var(--size) / 4)); 
        /* background-color: #16215b; */
        background-color: transparent;
        display: flex;
        justify-content: center;
        align-items: center;
        /* height: 60px; */
        width: var(--size);
        height: var(--size);
        overflow: visible;
    }
        .nav-bottom .nav-bottom-home::before {
            position: absolute;
            display: inline-block;
            content: '';
            width: calc(var(--size) + 2px);
            height: var(--size);
            bottom: 0;
            border-radius: 50%;
            z-index: -1;
            clip-path: polygon(0% 50%, 100% 50%, 100% 200%, 0% 200%);
            box-shadow: 0 0 0 4rem var(--backgroundColor);
        }

@media (max-width:376px) {
    .nav-bottom .nav-bottom-home {
        flex-grow: 1.1;
    }
}

@media (max-width:361px) {
    .nav-bottom .nav-bottom-home {
        flex-grow: 1.18;
    }
}
    .nav-bottom .nav-bottom-home::after {
        position: absolute;
        display: inline-block;
        content: '';
        width: calc(var(--size) - 1rem);
        height: calc(var(--size) - 1rem);
        background-color: var(--backgroundColor);
        border-radius: 50%;
        z-index: -1;
        filter: brightness(1.1);
    }
    .nav-bottom .nav-bottom-home .megamenu-icon {
        width: calc(var(--size) * 0.28);
        height: calc(var(--size) * 0.28);
    }
    .nav-bottom .nav-bottom-home:hover,
    .nav-bottom .nav-bottom-home.active {
        /* background-color: transparent; */
        filter: brightness(1);
    }
    .nav-bottom .nav-bottom-home:hover::after,
    .nav-bottom .nav-bottom-home.active::after {
        filter: brightness(0.9);
        /* background-color: #536dfc; */
    }
        .nav-bottom .nav-bottom-home .nav-center-bg-right,
        .nav-bottom .nav-bottom-home .nav-center-bg-left {
            width: calc(((100vw / 5) - (var(--size) - 1px))/2);
            height: 60px;
            position: absolute;
            background-color: var(--backgroundColor);
            bottom: -20px;
        }

        .nav-bottom .nav-bottom-home .nav-center-bg-left {
            left: -1px;
        }

        .nav-bottom .nav-bottom-home .nav-center-bg-right {
            right: -1px;
        }




@media only screen and (max-width: 767px) {

    .dls-freespin-wrapper {
        bottom: 60px !important;
    }

    .nav-link span {
        display: flow-root;
        white-space: nowrap;
    }

    .m-dp-block {
        display: block !important;
    }
    #copyrights {
        padding-bottom: 40px;
        position: relative;
    }
        #copyrights::after {
            position: absolute;
            display: block;
            content: '';
            background-color: #2c0433;
            width: 100%;
            height: 60px;
            top: 100%;
            left: 0;
        } 
}

@media only screen and (max-width:575px) {
    .nav-link span {
        font-size: smaller;
    }
}

.nav_bottom-DLS {
    position: absolute;
    bottom: 110%;
    left: 15px;
}

.mobile-menu__item-separator {
    height: 60px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

    .mobile-menu__item-separator:before {
        content: '';
        display: block;
        height: 34px;
        width: 1px;
        background: linear-gradient(to top, transparent, #94897a, transparent);
    }

.game-history-transaction {
    padding: 15px;
    background: #552074;
    border-radius: 12px;
}

#searchMoreGameInput > fieldset {
    margin-top: 10px;
}

span.marquee.text-styling > span {
    color: black;
}

@media (min-width: 576px) {
    #myModal .modal-dialog {
        max-width: 500px !important;
    }
}

div#myModal > .modal-dialog > .modal-content {
    margin: auto;
    border: none;
    width: 100% !important;
    max-width: 100% !important;
}

/*form.video-iframe {
    margin: -1px -1px -6px 0;
}*/


.afb-medias a i.fa.fa-angle-double-right {
    right: 15%;
    position: absolute;
    margin-top: 2px;
}

.selectCA, .addNewCA {
    color: #007bff;
    cursor: pointer;
}

.withdrawSpan {
    color: black;
}

.Ctooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .Ctooltip .Ctooltiptext {
        visibility: hidden;
        width: max-content;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: -5px;
        right: 105%;
    }

    .Ctooltip:hover .Ctooltiptext {
        visibility: visible;
    }


/*maintenance css*/
div.maintenance {
    background: #383838;
}

img.maintenance {
    opacity: 0.25;
}

.under-m-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .under-m-logo span {
        font-weight: 900;
        font-size: 16px;
        margin-top: 5px;
    }

img.w-50 {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(117deg) brightness(103%) contrast(106%);
}

@media only screen and (max-width:991px) {
    .landing-menu-shortcut:before {
        border-radius: 0px;
        top: -25px;
    }

    .landing-menu-shortcut .content-wrap .col-lg-12 {
        margin-top: -15px;
    }

    .landing-menu-shortcut {
        margin-top: 35px;
    }

    .owl-nav {
        top: 30%;
    }
}

p.slot-title {
    margin-bottom: 0px;
}

#pokervModal {
    z-index: 999999;
}

.promo-featured .inner-info div img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    border-radius: 5px;
}

.modal-header .h5 {
    color: white;
    margin: 0 auto;
}

.modal-header {
    padding: 1rem 1rem;
    background-color: var(--cd-color-1);
    color: #ffffff;
    align-items: inherit;
}

    .modal-header button.close {
        position: absolute;
        background-color: #ff6a00;
        border: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        opacity: 1;
        color: white;
        font-weight: 300;
        border-top-right-radius: 5px;
        padding: 0.98rem;
        right: 0;
        top: 0;
        margin: 0;
    }

    .modal-header .h4.modal-title {
        color: white !important;
        width: 100% !important;
    }

#modal1 #scroll1 button.close {
    position: absolute !important;
}

.modal-header .modal-title {
    margin-bottom: -3px;
}


.text-light {
    color: #f8f9fa !important;
}

/*POKERV Instruction*/
#PKV_FAQHeading {
    color: black;
}

.btn-link-pkv:hover, .btn-link-pkv.focus, .btn-link-pkv:focus {
    text-decoration: none !important;
}

.pk-term li {
    list-style-type: initial;
}

.card-body-pkv {
    padding: 5px 10px 5px 35px;
}

.modal-content .h5 {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.2;
}

.modal-content .h3 {
    font-size: 2em;
    font-weight: 500;
    line-height: 1.2;
}

#playnowBtn {
    margin: 10px 0px 20px 0px;
}

.modal-content .col-sm {
    padding: 0px;
}

.modal-content .col-sm-auto {
    padding-left: 15px;
    padding-right: 0px;
}

@media (max-width: 428px) {
    .modal-content .col-sm-auto {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.modal-content label.col-sm-auto {
    padding-left: 0px;
}

/*------------*/
@media screen and (max-width:768px) {
    #jackpotPool span.gold {
        font-size: 12px;
    }
}

@media (min-width: 960px) {
    .socialMedia-list .btn:hover + .dropdown-menu {
        display: block;
    }
}

.socialMedia-list img {
    /* max-width: 1rem; */
    width: 1.28571429em;
}

.socialMedia-list {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-block-start: 0;
    padding-block-end: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
}

.dropup .dropdown-menu-center {
    /* left: 50% !important; */
    /* right: auto; */
    /* transform: translateX(-50%) translateY(calc(-100% - 0.8rem)) !important; */
    bottom: calc(100% + 0.8rem) !important;
    left: calc(-100% + 1rem);
    box-shadow: 0 1px .5rem #0003;
    min-width: 100px;
    padding: .1rem;
}

    .dropup .dropdown-menu-center img {
        min-width: 100px;
        max-width: 100px;
    }

    .dropup .dropdown-menu-center::before {
        position: absolute;
        display: inline-block;
        content: '';
        border-style: solid;
        border-width: .5rem 0.5rem 0 0.5rem;
        border-color: #Fff transparent;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
    }

.footer-bottom a {
    font-size: 1.5rem;
    width: 48px;
    height: 48px;
}

/* footer social icons */
.socialMedia-list a.icoLine > img {
    width: 25px !important;
    margin: auto;
    filter: invert(47%) sepia(21%) saturate(347%) hue-rotate(182deg) brightness(86%) contrast(97%);
}

.socialMedia-list li a.icoLine:hover > img {
    filter: brightness(0) invert(1);
}

.socialMedia-list a.icoLine:hover {
    background-color: #01bd02;
}
.socialMedia-list a.icoRss:hover {
    background-color: #F56505;
}

.socialMedia-list a.icoFacebook:hover {
    background-color: #3B5998;
}

.socialMedia-list a.icoTwitter:hover {
    background-color: #33ccff;
}

.socialMedia-list a.icoGoogle:hover {
    background-color: #BD3518;
}

.socialMedia-list a.icoVimeo:hover {
    background-color: #0590B8;
}

.socialMedia-list a.icoLinkedin:hover {
    background-color: #007bb7;
}

.socialMedia-list a.icoYoutube:hover {
    background-color: #bb0000;
}

.socialMedia-list a.icoSnapchat:hover {
    background-color: #f7f400;
}

.socialMedia-list a.icoReddit:hover {
    background-color: #f74300;
}

.socialMedia-list a.icoPinterest:hover {
    background-color: #c72028;
}

.socialMedia-list a.icoTumblr:hover {
    background-color: #2f4155;
}

.socialMedia-list a.icoTikTok > img {
    width: 25px !important;
    margin: auto;
    filter: invert(47%) sepia(21%) saturate(347%) hue-rotate(182deg) brightness(86%) contrast(97%);
}

.socialMedia-list a.icoTikTok:hover {
    background-color: #000;
}

.socialMedia-list li a.icoTikTok:hover > img {
    filter: brightness(0) invert(1);
}

.socialMedia-list a.icoMedium:hover {
    background-color: #000;
}

.socialMedia-list a.icoThreads > img {
    width: 25px !important;
    margin: auto;
    filter: invert(47%) sepia(21%) saturate(347%) hue-rotate(182deg) brightness(86%) contrast(97%);
}

.socialMedia-list li a.icoThreads:hover > img {
    filter: brightness(0) invert(1);
}

.socialMedia-list a.icoThreads:hover {
    background-color: #000;
}

.socialMedia-list a.icoXHS > img {
    width: 25px !important;
    margin: auto;
    filter: invert(47%) sepia(21%) saturate(347%) hue-rotate(182deg) brightness(86%) contrast(97%);
}
.socialMedia-list li a.icoXHS:hover > img {
    filter: brightness(0) invert(1);
}
.socialMedia-list a.icoXHS:hover {
    background-color: #FF2741;
}

.socialMedia-list a.icoTelegram > img {
    width: 25px !important;
    margin: auto;
    filter: invert(47%) sepia(21%) saturate(347%) hue-rotate(182deg) brightness(86%) contrast(97%);
}
.socialMedia-list li a.icoTelegram:hover > img {
    filter: brightness(0) invert(1);
}

.socialMedia-list a.icoTelegram:hover {
    background-color: #28A8E9;
}
.socialMedia-list a.icoWeChat:hover {
    background-color: lightgreen;
}
.socialMedia-list a.icoInstagram:hover {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}

.socialMedia-list a.icoRss:hover i,
.socialMedia-list a.icoFacebook:hover i,
.socialMedia-list a.icoTwitter:hover i,
.socialMedia-list a.icoGoogle:hover i,
.socialMedia-list a.icoVimeo:hover i,
.socialMedia-list a.icoLinkedin:hover i,
.socialMedia-list a.icoInstagram:hover i,
.socialMedia-list a.icoYoutube:hover i,
.socialMedia-list a.icoSnapchat:hover i,
.socialMedia-list a.icoReddit:hover i,
.socialMedia-list a.icoPinterest:hover i,
.socialMedia-list a.icoTumblr:hover i,
.socialMedia-list a.icoMedium:hover i {
    color: #fff;
}

.socialMedia-list li a:hover i,
.triggeredHover, .socialMedia-list li a:hover img {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.socialMedia-list i {
    color: #626c80;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}

.socialMedia-list a.icoLine > .img-fluid {
    filter: none;
}

.socialMedia-list a.icoTikTok > .img-fluid {
    filter: none;
}

.footer-bottom {
    padding: 100px 0;
}

.social_square_icons .socialMedia-list {
    display: flex;
}

@media (max-width: 767px) {
    ul#social-media {
        display: none;
    }

        ul#social-media.show {
            display: flex;
        }
}

.wallet-top-left {
    line-height: 24px !important;
}

    .wallet-top-left span {
        font-size: 0.8rem !important;
        color: white;
        word-break: break-word !important;
    }




/*affiliate link share*/

ul.affiliateSharer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    ul.affiliateSharer li {
        width: 25%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        ul.affiliateSharer li img {
            max-width: 100%;
        }

ul.affiliateSharer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
}

    ul.affiliateSharer li {
        width: 25%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        ul.affiliateSharer li img {
            max-width: 100%;
        }

.btn-underline-sharebox .fa-facebook-official {
    color: #4267B2;
}

.btn-underline-sharebox .fa-twitter {
    color: #55acee;
}

.btn-underline-sharebox .fa-whatsapp {
    color: #25d366;
}

.btn-underline-sharebox .fa-line {
    color: #00c300;
}

.btn-underline-sharebox .fa-telegram {
    color: #0088cc;
}

.btn-underline-sharebox .fa-weixin {
    color: #4EC034;
}

.btn-underline-sharebox .fa-viber {
    color: #645EA4;
}

.btn-underline-sharebox .fa-share-alt-square {
    color: #333;
}

.btn-underline-sharebox {
    width: 100% !important;
    padding: 16px 0 !important;
    display: flex;
    justify-content: center;
}

#shareboxPopup .btn.btn-sm {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #fff;
}

.btn-sharebox .h5 {
    color: white !important;
    font-size: .95rem !important;
}

/*affiliate link share*/

.text-green {
    color: green !important;
}

.text-red {
    color: red !important;
}

.mobile-search {
    margin: 0px !important;
}



.rgstButton {
    border: 2px solid #f3902f;
    background-color: #f3902f;
    color: #fff;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 4px #e2760d;
    border-radius:15px;
}

    .rgstButton:hover {
        background: #c16000 !important;
        box-shadow: 0 4px #e2760d !important;
        border: 2px solid #c16000;
        background-image: none;
    }

 

#VTdata img {
    width: 100%;
    height: auto;
}

#mega888-download, #megaGaming-download, #megaV3-download, #pussy888-download, #kiss918-download {
    margin-top: 0px;
    margin-bottom: 1rem;
}

/*.sl-h{
    display:none !important;
}
*/
.sl-s{
    margin: 0;
}

/* @media (max-width: 992px) {
    .sl-s {
        display: inline-block;
    }
    .sl-h {
        display: none !important;
    }
}
@media (max-width: 1280px) {
    .sl-s {
        display: none;
    }
    .sl-h {
        display: inline-block !important;
    }
} */

.btn-login {
    color: #FFF;
    box-shadow: 0 4px #c7c7c7;
    border: 2px solid #444;
    border-color: #FFF;
    background-color: transparent;
    font-weight: 700;
    padding: 7px 17px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 15px;
    text-transform: uppercase;
}

#disclaimerModal table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#disclaimerModal td,
#disclaimerModal th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

#disclaimerModal tr:nth-child(even) {
    background-color: #dddddd;
}

div#disclaimerModal > .modal-dialog > .modal-content > .modal-body {
    flex-grow: 1;
    overflow-y: scroll;
    height: 500px;
    overflow-x: hidden;
}

.modal-footer > button.btn.btn-primary.tim-btn-bg {
    background-color: #28324d;
    border-radius: 0.5rem;
    color: #fff;
    text-decoration: none;
    border: none;
    padding: 0.375rem 0.75rem;
}

    .modal-footer > button.btn.btn-primary.tim-btn-bg:hover {
        background-color: #4d5f92;
    }

.modal-footer > button.btn.btn-secondary.tim-btn {
    background-color: #6a343c;
    border-radius: 0.5rem;
    color: #fff;
    text-decoration: none;
    border: none;
    padding: 0.375rem 0.75rem;
}

    .modal-footer > button.btn.btn-secondary.tim-btn:hover {
        background-color: #a55271;
    }

div#disclaimerModal {
    padding: 0px;
}

    div#disclaimerModal > .modal-dialog {
        max-width: unset;
    }

        div#disclaimerModal > .modal-dialog > .modal-content {
            max-width: 800px;
        }

#disclaimerModal .table-sticky tbody .sticky-left {
    background: #c0bcbc;
}

#disclaimerModal .h5.modal-title {
    margin: auto;
}

#disclaimerModal .modal-content {
    max-width: 400px;
    min-height: 280px;
    width: 100%;
}

#disclaimerModal, #disclaimerContinueModal {
    z-index: 9999;
}

.signup-content, .signin-content {
    display: flex;
    display: -webkit-flex;
}

/*promotion rules*/

.promotion-rules-page.dark-theme{
    margin-top: 2rem;
}
.promotion-rules-page.dark-theme,
.promotion-rules-page.dark-theme #page-content p {
    color: black !important;
}

    .promotion-rules-page.dark-theme .CalculationTable td {
        border-color: black !important;
    }

    .promotion-rules-page.dark-theme .blog-title {
        color: black !important;
    }

@media (max-width:426px) {
    .promotion-rules-page .container .col-6 {
        flex: none;
        max-width: 100%;
    }
}

.marqueeinfinite {
    --gap: 10rem;
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: var(--gap);
    margin-bottom: 0 !important;
    font-size: 12px;
    padding: 0;
}

.marqueeinfinite__content {
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    min-width: 100%;
    gap: var(--gap);
}

@keyframes infinitescroll {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(calc(-100% - var(--gap)));
    }
}

/* Enable animation */
.enable-animation .marqueeinfinite__content {
    animation: infinitescroll 10s linear infinite;
}

.marqueeinfinite__content:hover {
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.announcementWrapper{
    overflow:hidden;
}

.promotionsListing img {
    width: 193px;
    height: 193px;
    object-fit: cover;
}

.simple-login {
    margin-right: 0px;
}

.simple-login .loginBox {
    flex-wrap: nowrap;
    align-items: center;
}

.simple-forgotpw {
    position: absolute;
}

/* AngPow Modal */
.contactDetailEmail input {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.contactDetailEmail .emailFullText::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #000 transparent
}

.contactDetailEmail .emailFullText {
    visibility: hidden;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    white-space: break-spaces;
    word-wrap: break-word;
    margin: auto;
    max-width: 90%;
}

.contactDetailEmail:hover .emailFullText {
    visibility: visible
}
/* AngPow Modal End */

/* payment bank list*/
.payment-transaction {
    max-height: 520px;
    overflow-y: auto;
    display: none;
    padding-right: 10px;
}

.payment-item {
    margin-bottom: 0.8rem;
    background: var(--cd-color-1);
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 12px;
    cursor: pointer;
    border-left: solid 5px #61B962;
    min-height: 55px;
}

.payment-item .payment-icon {
    margin-right: 10px;
}

.payment-item .payment-icon img {
    width: 40px;
    height: auto;
    object-fit: contain;
    object-position: center;
}
/* end payment bank list*/

/*
    Bottom Nav CSS
*/

.nav_bottom-container {
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;
}

.footer-nav {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    margin: 0;
    padding: 0;
}

    .footer-nav li {
        width: 20%;
    }


        .footer-nav li a {
            color: white;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            flex-wrap: wrap;
            text-transform: uppercase;
            padding: 8px 0 2px 0;
            font-size: 0.65rem;
            font-weight: 500;
            height: 50px;
            position: relative;
            background: var(--backgroundColor);
        }

.svg-icon_wrapper.beat-animations svg {
    width: 2rem;
    height: 2rem;
}

.footer-nav li a svg {
    width: 1.2rem;
    height: 1.2rem;
}

.footer-nav li a .svg-icon_wrapper {
    position: absolute;
    z-index: 2;
    top: 0;
    top: -30px;
    right: 0;
    left: 0;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    background: var(--backgroundColor);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    border: 3px solid white;
}

.beat-animations {
    -webkit-animation: beat .5s infinite alternate;
    animation: beat .5s infinite alternate;
}

@keyframes beat {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes beat {
    to {
        transform: scale(1.20);
    }
}

.footer-nav li a span {
    display: block;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

.dashboardFaq .card-header {
    padding: 5px;
    position: relative;
}

    .dashboardFaq .card-header a {
        display: block;
        color: white;
    }

        .dashboardFaq .card-header a i {
            position: absolute;
            right: 10px;
            top: 10px;
            color: white;
        }

.myInfo {
    padding: 15px;
}

.toast-body {
    border-bottom: 6px solid #552074;
}

.modal-backdrop{
    z-index:8;
}

.lang-selection .dropdown-menu a:hover, .template-selection .dropdown-menu a:hover, .active-lang {
    background-color: #ddd;
    color: #000;
    border-radius: 8px;
}

#DepoConfModal .btn-primary {
    background: #ff0000 !important;
    border-color: #ff0000 !important;
    color: #fff !important
}

#DepoConfModal .modal-header {
    background: #74498e !important;
}

    #DepoConfModal .modal-header h5 {
        color: #fff !important;
    }

#DepoConfModal .text-primary,
#DepoConfModal .fa-clone {
    color: #ff0000 !important;
}

.play-btn {
    top: 20%;
}

.free-trial-btn {
    top: 42%;
}

.custom-select-dd, .localized-wrapping{
    border-radius: 50px !important;
}


:root {
    --cd-color-1: hsl(225, 31%, 23%);
    --cd-color-1-h: 225;
    --cd-color-1-s: 31%;
    --cd-color-1-l: 23%;
    --cd-color-2: hsl(54, 42%, 95%);
    --cd-color-2-h: 54;
    --cd-color-2-s: 42%;
    --cd-color-2-l: 95%;
    --cd-color-3: hsl(54, 8%, 75%);
    --cd-color-3-h: 54;
    --cd-color-3-s: 8%;
    --cd-color-3-l: 75%;
    --cd-color-4: hsl(1, 84%, 63%);
    --cd-color-4-h: 1;
    --cd-color-4-s: 84%;
    --cd-color-4-l: 63%;
}

:root, [data-theme="default"] {
    --color-primary-darker: hsl(220, 90%, 36%);
    --color-primary-darker-h: 220;
    --color-primary-darker-s: 90%;
    --color-primary-darker-l: 36%;
    --color-primary-dark: hsl(220, 90%, 46%);
    --color-primary-dark-h: 220;
    --color-primary-dark-s: 90%;
    --color-primary-dark-l: 46%;
    --color-primary: hsl(220, 90%, 56%);
    --color-primary-h: 220;
    --color-primary-s: 90%;
    --color-primary-l: 56%;
    --color-primary-light: hsl(220, 90%, 66%);
    --color-primary-light-h: 220;
    --color-primary-light-s: 90%;
    --color-primary-light-l: 66%;
    --color-primary-lighter: hsl(220, 90%, 76%);
    --color-primary-lighter-h: 220;
    --color-primary-lighter-s: 90%;
    --color-primary-lighter-l: 76%;
    --color-accent-darker: hsl(355, 90%, 41%);
    --color-accent-darker-h: 355;
    --color-accent-darker-s: 90%;
    --color-accent-darker-l: 41%;
    --color-accent-dark: hsl(355, 90%, 51%);
    --color-accent-dark-h: 355;
    --color-accent-dark-s: 90%;
    --color-accent-dark-l: 51%;
    --color-accent: hsl(355, 90%, 61%);
    --color-accent-h: 355;
    --color-accent-s: 90%;
    --color-accent-l: 61%;
    --color-accent-light: hsl(355, 90%, 71%);
    --color-accent-light-h: 355;
    --color-accent-light-s: 90%;
    --color-accent-light-l: 71%;
    --color-accent-lighter: hsl(355, 90%, 81%);
    --color-accent-lighter-h: 355;
    --color-accent-lighter-s: 90%;
    --color-accent-lighter-l: 81%;
    --color-black: hsl(240, 8%, 12%);
    --color-black-h: 240;
    --color-black-s: 8%;
    --color-black-l: 12%;
    --color-white: hsl(0, 0%, 100%);
    --color-white-h: 0;
    --color-white-s: 0%;
    --color-white-l: 100%;
    --color-success-darker: hsl(94, 48%, 36%);
    --color-success-darker-h: 94;
    --color-success-darker-s: 48%;
    --color-success-darker-l: 36%;
    --color-success-dark: hsl(94, 48%, 46%);
    --color-success-dark-h: 94;
    --color-success-dark-s: 48%;
    --color-success-dark-l: 46%;
    --color-success: hsl(94, 48%, 56%);
    --color-success-h: 94;
    --color-success-s: 48%;
    --color-success-l: 56%;
    --color-success-light: hsl(94, 48%, 66%);
    --color-success-light-h: 94;
    --color-success-light-s: 48%;
    --color-success-light-l: 66%;
    --color-success-lighter: hsl(94, 48%, 76%);
    --color-success-lighter-h: 94;
    --color-success-lighter-s: 48%;
    --color-success-lighter-l: 76%;
    --color-error-darker: hsl(355, 90%, 41%);
    --color-error-darker-h: 355;
    --color-error-darker-s: 90%;
    --color-error-darker-l: 41%;
    --color-error-dark: hsl(355, 90%, 51%);
    --color-error-dark-h: 355;
    --color-error-dark-s: 90%;
    --color-error-dark-l: 51%;
    --color-error: hsl(355, 90%, 61%);
    --color-error-h: 355;
    --color-error-s: 90%;
    --color-error-l: 61%;
    --color-error-light: hsl(355, 90%, 71%);
    --color-error-light-h: 355;
    --color-error-light-s: 90%;
    --color-error-light-l: 71%;
    --color-error-lighter: hsl(355, 90%, 81%);
    --color-error-lighter-h: 355;
    --color-error-lighter-s: 90%;
    --color-error-lighter-l: 81%;
    --color-warning-darker: hsl(46, 100%, 41%);
    --color-warning-darker-h: 46;
    --color-warning-darker-s: 100%;
    --color-warning-darker-l: 41%;
    --color-warning-dark: hsl(46, 100%, 51%);
    --color-warning-dark-h: 46;
    --color-warning-dark-s: 100%;
    --color-warning-dark-l: 51%;
    --color-warning: hsl(46, 100%, 61%);
    --color-warning-h: 46;
    --color-warning-s: 100%;
    --color-warning-l: 61%;
    --color-warning-light: hsl(46, 100%, 71%);
    --color-warning-light-h: 46;
    --color-warning-light-s: 100%;
    --color-warning-light-l: 71%;
    --color-warning-lighter: hsl(46, 100%, 81%);
    --color-warning-lighter-h: 46;
    --color-warning-lighter-s: 100%;
    --color-warning-lighter-l: 81%;
    --color-bg: hsl(0, 0%, 100%);
    --color-bg-h: 0;
    --color-bg-s: 0%;
    --color-bg-l: 100%;
    --color-contrast-lower: hsl(0, 0%, 95%);
    --color-contrast-lower-h: 0;
    --color-contrast-lower-s: 0%;
    --color-contrast-lower-l: 95%;
    --color-contrast-low: hsl(240, 1%, 83%);
    --color-contrast-low-h: 240;
    --color-contrast-low-s: 1%;
    --color-contrast-low-l: 83%;
    --color-contrast-medium: hsl(240, 1%, 48%);
    --color-contrast-medium-h: 240;
    --color-contrast-medium-s: 1%;
    --color-contrast-medium-l: 48%;
    --color-contrast-high: hsl(240, 4%, 20%);
    --color-contrast-high-h: 240;
    --color-contrast-high-s: 4%;
    --color-contrast-high-l: 20%;
    --color-contrast-higher: hsl(240, 8%, 12%);
    --color-contrast-higher-h: 240;
    --color-contrast-higher-s: 8%;
    --color-contrast-higher-l: 12%;
    --color-user-bg: #ececec;
    --color-afb-black: #212529;
}


.his-success-content {
    color: #25b00c !important;
}

/*button.afb01 {
    border: none;
    border-radius: 2px 2px;
    padding: 5px 15px;
    color: white;
}*/

button.afb02 {
    background-image: linear-gradient(to right, #fb1e1e, #f30000);
    border: none;
    border-radius: 2px 2px;
    color: white;
}

button.afb01:hover {
 
}

.fld {
    box-sizing: border-box;
    width: 100%;
    height: 35px;
    background-color: #f9f9f9;
    border-color: #d7d7d7;
    border-radius: 2px;
    padding: 0 10px;
    border: 1px solid #ddd;
    outline: none;
    color: #7d7d7d;
    font-size: 16px;
    line-height: 1;
}

* {
    box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
    article .content {
        padding-top: 25px;
    }
}

@media only screen and (max-width:415px) {
    .modal-content {
        width: 100% !important;
    }

    .wallet-top-left span {
        padding: 5px;
    }
}

@media only screen and (max-width:376px) {
    .table td, .table th {
        font-size: .8em;
    }
}

@media only screen and (min-width:240px) and (max-width:1111px) {
    .h_nav-item > a {
        padding-bottom: 0;
    }

    .modal-content {
        width: 330px;
    }

    .popup-form {
        padding: 20px 40px 25px;
    }
}

.wallet-bottom-part {
    width: 100%;
    float: left;
}

@media screen and (max-width: 480px) {
    .game-part-2 .wallet-bottom-part {
        width: 400px;
    }

    .form-group-choosefile input {
        font-size: .8em;
    }
}

@media screen and (max-width: 480px) {
    .cd-tabs__panel p.one {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 120px;
        display: inline-block;
    }
}

.tabcontentmd {
    color: #808aa6;
}

    .tabcontentmd .popup-header, .tabcontentmd .popup-title {
        width: 100%;
        height: 64px;
        padding: 0;
        background-color: #fff;
        border-bottom: none;
        border-radius: 4px 4px 0 0;
        color: #808aa6;
        font-size: 14px;
        font-weight: bold;
        line-height: 64px;
        text-align: center;
        text-transform: uppercase;
        position: relative;
        border-bottom: 1px solid hsla(0,0%,59.2%,.3);
    }

.profile-notif strong {
    color: var(--color-afb-black);
    font-size: .9em;
}

.login-loader-wrapper {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(21, 21, 21, 0.24);
    z-index: 2;
}

    .login-loader-wrapper .loader {
        margin-left: -30px;
        -webkit-transform: none;
        transform: none;
    }

.loader {
    border: 5px solid #f3f3f3;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.pagination > li > a {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #000!important;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #616161;
    cursor:pointer;
}

    .pagination > li > a:focus, .pagination > li > a:hover {
        z-index: 2;
        color: #ffffff;
        background-image: linear-gradient(to right, #cecece, #cecece) !important;
        border-color: #ddd;
    }

.mandatory_field {
    color: red;
}

.required:after {
    content: " *";
    color: red;
}

.wallet-top-left {
    width: 35%;
    float: left;
    padding: 0 10px;
    background: var(--cd-color-1);
    border-bottom: solid 1px hsl(0deg 0% 22%);
    color: #ff6a00;
    text-align: center;
    position: relative;
    line-height: 34px;
}

    .wallet-top-left:before {
        border-color: transparent;
        border-left-color: var(--cd-color-1);
        content: "";
        position: absolute;
        right: -15px;
        height: 0;
        width: 0;
        border-width: 8px;
        border-style: solid;
        border-left: 8px solid var(--cd-color-1);
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .wallet-top-left span {
        color: white;
        font-weight: 400;
        font-size: .9em;
        word-break: break-all;
    }

        .wallet-top-left span.one {
            color: #495057;
        }

.wallet-top-left {
    width: 40%;
}

    .wallet-top-left span, .wallet-top-right span {
        font-size: .9em;
        color: white;
    }

.wallet-top-right {
    width: 65%;
    float: left;
    text-align: center;
    background: #292929;
    border-bottom: solid 1px hsl(0deg 0% 22%);
    line-height: 34px;
}

.game-part-2 .wallet-section {
    width: 100%;
}

.game-part-2 .wallet-top-part {
    width: 100%;
}

.game-part-2 .game-history-part {
    background: #201f25;
    text-align: left;
}

    .game-part-2 .game-history-part.one {
        background: #f8f8f8;
        border: 1px solid var(--color-user-bg);
    }

.game-part-2 .wallet-top-part .game-history-part:first-child {
    width: 25%;
    padding: 5px;
}

.game-part-2 .wallet-top-part .game-history-part:nth-child(2) {
    width: 25%;
    padding: 5px;
    padding-left: 10px;
}

.game-part-2 .wallet-top-part .game-history-part:nth-child(3) {
    width: 25%;
    padding: 5px;
    padding-left: 10px;
}

.game-part-2 .wallet-top-part .game-history-part:last-child {
    width: 25%;
    padding: 5px;
    padding-right: 10px;
}

.game-part-2 .wallet-top-left:before {
    display: none;
}

.game-part-2 {
    width: 100%;
}

    .game-part-2 .wallet-section {
        width: 100%;
    }

.game-part-section .wallet-section:last-child .wallet-top-part {
    float: right;
    width: 100%;
    overflow-x: hidden;
}

.wallet-top-part {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: nowrap;
    border-radius: 3px;
}

.game-part-2 .wallet-top-part {
    width: 100%;
}

.game-part-2 .game-history-part {
    background: #201f25;
    text-align: left;
}

    .game-part-2 .game-history-part.one {
        background: #f8f8f8;
        border: 1px solid var(--color-user-bg);
    }

.game-part-2 .wallet-top-part .game-history-part:first-child {
    width: 30%;
    padding-left: 15px;
}

.game-part-2 .wallet-top-part .game-history-part:nth-child(2) {
    width: 25%;
}

.game-part-2 .wallet-top-part .game-history-part:nth-child(3) {
    width: 20%;
}

.game-part-2 .wallet-top-part .game-history-part:last-child {
    width: 25%;
}

.game-part-2 .wallet-top-part {
    width: 400px;
    float: left !important;
}

    .game-part-2 .wallet-top-part .game-history-part:first-child {
        padding-left: 10px;
    }

.game-part-2 .wallet-top-part {
    width: 400px;
    float: left !important;
}

.game-part-section {
    width: 100%;
    display: inline-block;
}

.wallet-section {
    width: 50%;
    float: left;
}

.close-popup {
    position: absolute;
    right: 0;
    bottom: auto;
    left: auto;
    z-index: 10;
    cursor: pointer;
    color: #808aa6;
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
    transition: opacity 1s 1s;
}

.popup-wrapper {
    position: relative;
}

.modal2 {
    display: none;
    position: fixed;
    z-index: 999999999;
    padding-top: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.6);
    backdrop-filter: blur(5px);
    align-items: center;
    justify-content: center;
}

.cd-tabs {
    position: relative;
}

@media (min-width: 48rem) {
    .cd-tabs {
        display: -ms-flexbox;
        display: flex;
    }
}

/*@media (min-width: 64rem) {
    .cd-tabs {
        display: block;
    }
}*/

.cd-tabs__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    /*height: 80px;
    width: 85px;*/
    font-weight: 700;
    color: hsl(0deg 0% 90%);
    text-decoration: none;
    font-weight: 600;
    text-align: center;
    line-height: 12px;
    padding: 1em .5em !important;
}

 
    .cd-tabs__item:hover {
        color: hsl(225, 31%, 23%);
        color: var(--cd-color-1);
        background-color: hsla(54, 42%, 84.55%, 0.3);
        background-color: hsla(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l)*0.89), 0.3);
    }

    .cd-tabs__item .icon {
        margin-bottom: 5px !important;
        color: inherit;
        margin-right: 8px !important;
    }

/*@media (min-width: 48rem) {
    .cd-tabs__item {
        height: 70px;
        width: 80px
    }
}*/

/*@media (min-width: 64rem) {
    .cd-tabs__item {
        height: 45px;
        width: auto;
        padding: 0 2em;
        padding: 0 var(--space-lg);
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .cd-tabs__item .icon {
            margin-bottom: 0;
            margin-right: 0.375em;
            margin-right: var(--space-xxs);
        }
}*/

.js .cd-tabs__item--selected span {
    color: hsl(225, 31%, 23%);
    color: var(--cd-color-1);
}

.js .cd-tabs__item--selected {
    background: #ebebeb !important;
    color: #333 !important;
}

    .js .cd-tabs__item--selected:hover {
        background-color: var(--color-user-bg);
        background-color: var(--color-user-bg);
    }

    .js .cd-tabs__item--selected .icon {
        color: hsl(0deg 0% 60%);
    }

@media (min-width: 48rem) {
    .js .cd-tabs__item--selected {
        box-shadow: inset 2px 0 0 #ff6a00;
        box-shadow: inset 2px 0 0 #ff6a00;
    }
}

/*@media (min-width: 64rem) {
    .js .cd-tabs__item--selected {
        box-shadow: inset 0 2px 0 #ff6a00;
        box-shadow: inset 0 3px 0 #ff6a00;
    }
}*/

.icon {
    display: inline-block;
    color: inherit;
    fill: currentColor;
    height: 1em;
    width: 1em;
    line-height: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.icon--xs {
    font-size: 16px;
    font-size: var(--icon-xs);
}

.cd-tabs {
    position: relative;
}

thead.user-background {
    background: #201f25;
    color: white;
    font-size: .78rem;
}

.form-control:disabled {
    background-color: #e0e0e0;
}

.cd-tabs__list span {
    color: white;
    word-break: break-word;
}

@media (min-width: 48rem) {
    .cd-tabs {
        display: -ms-flexbox;
        display: flex;
    }
}

/*@media (min-width: 64rem) {
    .cd-tabs {
        display: block;
    }
}*/

.cd-tabs__navigation {
    background: hsl(54, 42%, 95%);
    background: var(--cd-color-1);
    --cd-color-shadow: hsla(54, 42%, 64.6%, 0.06);
    --cd-color-shadow: hsla(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l)*0.68), 0.06);
    box-shadow: inset 0 -2px 3px hsla(54, 42%, 64.6%, 0.06);
    box-shadow: inset 0 -2px 3px var(--cd-color-shadow);
}

@media (min-width: 48rem) {
    .cd-tabs__navigation {
        width: 90px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        box-shadow: inset -2px 0 3px hsla(54, 42%, 64.6%, 0.06);
        box-shadow: inset -2px 0 3px var(--cd-color-shadow);
    }
}

/*@media (min-width: 64rem) {
    .cd-tabs__navigation {
        display: -ms-flexbox;
        display: flex;
        width: auto;
        background: transparent;
        box-shadow: none;
        background-color: var(--cd-color-1);
    }
}*/

.cd-tabs__list {
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

ul.cd-tabs__list {
    padding: 0;
    z-index: 9;
}

.cd-tabs__list li {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: var(--cd-color-1);
 }

@media (min-width: 48rem) {
    .cd-tabs__list {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

/*@media (min-width: 64rem) {
    .cd-tabs__list {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: row;
        flex-direction: row;
        background-color: hsl(54, 42%, 95%);
        background-color: var(--cd-color-1);
        --cd-color-shadow: hsla(54, 42%, 64.6%, 0.06);
        --cd-color-shadow: hsla(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l)*0.68), 0.06);
        box-shadow: inset 0 -2px 3px hsla(54, 42%, 64.6%, 0.06);
        box-shadow: inset 0 -2px 3px var(--cd-color-shadow);
    }

    @media (min-width: 64rem) {
        .cd-tabs__list {
            box-shadow: inset 0 -2px 3px hsla(54, 42%, 64.6%, 0.06);
            box-shadow: inset 0 -2px 3px var(--cd-color-shadow);
        }
    }
}*/

/*@media (min-width: 48rem) {
    .cd-tabs__item {
        height: 70px;
        width: 80px
    }
}*/

/*@media (min-width: 64rem) {
    .cd-tabs__item {
        height: 45px;
        width: auto;
        padding: 0 2em;
        padding: 0 var(--space-md);
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .cd-tabs__item .icon {
            margin-bottom: 0;
            margin-right: 0.375em;
            margin-right: var(--space-xxs);
        }
}*/

.js .cd-tabs__item--selected {
    background-color: var(--color-user-bg);
    background-color: var(var(--color-user-bg));
    box-shadow: inset 0 2px 0 hsl(1, 84%, 63%);
    box-shadow: inset 0 2px 0 var(--cd-color-4);
    color: hsl(225, 31%, 23%);
    color: var(--cd-color-1);
}

    .js .cd-tabs__item--selected:hover {
        background-color: var(--color-user-bg);
        background-color: var(--color-user-bg);
    }

    .js .cd-tabs__item--selected .icon {
        color: hsl(0deg 4% 38%);
    }

@media (min-width: 48rem) {
    .js .cd-tabs__item--selected {
        box-shadow: inset 2px 0 0 #9c8dde;
        box-shadow: inset 2px 0 0 #9c8dde;
    }
}

/*@media (min-width: 64rem) {
    .js .cd-tabs__item--selected {
        box-shadow: inset 0 2px 0 #9c8dde;
        box-shadow: inset 0 3px 0 #9c8dde;
    }
}*/

.cd-tabs__panels {
    background: hsl(0deg 0% 92%) !important;
    background: var(--color-user-bg);
    overflow-x: auto;
    width: 100%;
    padding: 0;
}

.cd-tabs__panel {
    padding: 1.25em;
    padding: var(--space-md);
    --line-height-multiplier: 1.14;
    --text-vspace-multiplier: 1.25;
}

    .cd-tabs__panel p {
        color: hsl(225, 31%, 63.02%);
        color: hsl(var(--gray), var(--cd-color-1-s), calc(var(--cd-color-1-l)*2.74));
        margin: 5px 0;
        font-size: var(--text-sm);
    }

 

.profile-notif time {
    margin: 5px 0;
    font-size: var(--text-sm);
}

@media (min-width: 48rem) {
    .cd-tabs__panel {
        padding: 2em;
        padding: var(--space-lg);
    }
}

/*@media (min-width: 64rem) {
    .cd-tabs__panel p {
        font-size: 0.83333em;
        font-size: 1.1em;
    }
}*/

.js .cd-tabs__panel {
    display: none;
    padding: 20px;
    /*background: #171717;*/
}

.js .cd-tabs__panel--selected {
    display: block;
    -webkit-animation: cd-fade-in 0.5s;
    animation: cd-fade-in 0.5s;
}

/*.inside-tab {
    background-color: var(--cd-color-1);
}*/

.inside-tab-item > a.active {
    color: var(--cd-color-1);
    border: 2px solid #ff6a00;
    background-color: white;
}

.inside-tab-bg {
    background-color: white;
    padding: 10px 20px;
}
 

.fileinput input {
    padding: 0 !important;
}

 

.games-bg .top-games-item .col-data {
    float: left;
    width: 20%;
    text-align: center;
    border-right: 1px solid #ec8b23;
    color: #fff;
}

.top-games-item.one {
    background-color: #f8f8f8;
    line-height: 3;
}

.games-bg .top-games-item .col-data.one {
    border: 1px solid var(--color-user-bg);
    color: #495057;
    padding: 5px;
}

@media only screen and (max-width:670px) {
    .games-bg .top-games-item .col-data.one {
        width: 155px;
    }
}

.games-title.one {
    padding-bottom: 20px;
}

.games-title .h3 {
    padding-bottom: 0rem !important;
    margin: 0;
}

.h_nav-list > li {
    display: inline-block;
    width: auto;
    height: inherit;
    padding: 0;
}

.h_nav-item > a {
    display: block;
    padding: 0 10px;
    z-index: 0;
    color: #bebebe;
    font-weight: 500;
    font-size: 12px;
    line-height: 40px;
}

    .h_nav-item > a:hover {
        color: #fff;
    }

    .h_nav-item > a.active {
        color: black;
    }

.game-part-section {
    width: 100%;
    display: inline-block;
}

.card {
    border: none;
    background-color: #dadada;
}

@media screen and (max-width:415px) {
    .pr-m-3 {
        padding-right: 1rem !important;
    }
}

@media screen and (max-width: 480px) {
    .cd-tabs__panel p.one {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 175px;
        display: inline-block;
    }
}

@media screen and (max-width: 321px) {
    .cd-tabs__panel p.one {
        width: 120px;
    }
}

.tabcontentmd {
    color: #808aa6;
}

    .tabcontentmd .popup-header, .tabcontentmd .popup-title {
        width: 100%;
        height: 64px;
        padding: 0;
        background-color: #fff;
        border-bottom: none;
        border-radius: 4px 4px 0 0;
        color: #808aa6;
        font-size: 14px;
        font-weight: bold;
        line-height: 64px;
        text-align: center;
        text-transform: uppercase;
        position: relative;
        border-bottom: 1px solid hsla(0,0%,59.2%,.3);
    }

.modal-content {
    background-color: #fff;
    margin: auto;
    padding: 0;
    border: none;
    width: 360px;
    border-radius: 5px;
}

.close-popup {
    position: absolute;
    top: 16px;
    right: 22px;
    bottom: auto;
    left: auto;
    z-index: 10;
    cursor: pointer;
    color: #808aa6;
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
    transition: opacity 1s 1s;
}

.popup-form {
    padding: 20px 30px 25px;
    float: left;
    width: 100%;
}

.form-block {
    padding: 0;
    margin: 0 0 10px;
    position: relative;
    border: none;
    text-align: left;
}

.popup-footer button {
    background: #67cf35;
    border: #67cf35;
    width: 100%;
    border-radius: 2px;
    padding: 8px 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 5px;
    font-weight: bold;
}

    .popup-footer button span {
        color: white;
    }

.btn-link i {
    color: white;
}

.tab-content {
    box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15);
}

.data-container > div {
    color: white;
}

.card-text:last-child {
    padding-top: 0;
}

.form-group {
    text-align: left;
}

.bank-list table td, table th {
    font-size: .9em;
    padding: 10px 7px;
}

#outer-nav-profile {
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    #outer-nav-profile {
        overflow-x: scroll;
    }

        #outer-nav-profile ::-webkit-scrollbar {
            width: 0px;
            height: 0px;
        }
}

.toggleLeft-profile  {
    background: transparent;
 
}

.afb-blue-bar .flex-shrink-0 {
    height: 80px;
    display: flex;
    background: #7569a8;
    align-items: center;
}

.toggleRight-profile {
    background: transparent;
 
}

.cd-tabs__panels label {
    color: #525252;
    margin-bottom:0;
}


.pagination a:hover:not(.active) {
    background-color: transparent !important;
}

#active-member-list .h3, .user-profile .h3 {
    width: 100%;
    padding: 8px 5px;
    font-size: 15px;
    font-weight: normal;
    text-transform: capitalize;
    margin: 1rem 0 0 0;
}

#active-member-list table {
    border-collapse: collapse;
    font-size: .95em;
}

#active-member-list thead {
    background: #201f25;
    color: #fff;
}

#active-member-list th, #active-member-list td {
    padding: 10px 7px;
}

@media (min-width : 768px) {

    .toggleRight-profile,
    .toggleLeft-profile {
        display: none;
    }
}

@media screen and (max-width : 767px) {

    .toggleRight-profile,
    .toggleLeft-profile {
        display: block;
    }
}

.fa-arrow-right {
    -webkit-animation: bounceRight 2s infinite;
    animation: bounceRight 2s infinite;
    float: right;
    padding: 5px;
}

.fa-arrow-left {
    -webkit-animation: bounceLeft 2s infinite;
    animation: bounceLeft 2s infinite;
    padding: 5px;
}

    .fa-arrow-left:hover, .fa-arrow-right:hover {
        -webkit-animation: bounceLeft 0s infinite;
        animation: bounceLeft 0s infinite;
    }

.afb-blue-bar {
    background-color: #7569a8;
}

.table-sticky {
    border-collapse: separate;
    border-spacing: 0;
    white-space: nowrap;
}

    .table-sticky thead {
        position: relative;
        z-index: 1;
    }

        .table-sticky thead .sticky-left {
            position: sticky;
            left: 0;
            z-index: 2;
        }

#active-member-list .table-sticky thead .sticky-left {
    background-color: #5f5c68;
}

@media screen and (min-width: 960px) {
    .table-sticky {
        border-collapse: collapse;
        white-space: normal;
    }
}
 .allowAmountNote {
    font-size: 12px;
    color: red;
    display: block;
}

.amountNote {
    /*font-size: 12px;*/
    color: red;
}

.dpt-bank-img {
    width: 110px;
}

.paginationjs-page.J-paginationjs-page.active {
    background-color: transparent;
     color: white !important;
}

    .paginationjs-page.J-paginationjs-page.active a {
        color: white !important;
        background-color: #000000 !important;
    }
 .fileinput input {
    background: none;
    padding: 10px 0px;
}
/*! CSS Used keyframes */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes cd-fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes cd-fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes cd-fade-in {
    0%, 100% {
        opacity: 0;
    }

    14%, 40% {
        opacity: 1;
    }
}

@-moz-keyframes cd-fade-in {
    0%, 100% {
        opacity: 0;
    }

    14%, 40% {
        opacity: 1;
    }
}

@keyframes cd-fade-in {
    0%, 100% {
        opacity: 0;
    }

    14%, 40% {
        opacity: 1;
    }
}

@-webkit-keyframes bounceRight {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    40% {
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    60% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px);
    }
}

@-moz-keyframes bounceRight {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(0);
    }

    40% {
        transform: translateX(-30px);
    }

    60% {
        transform: translateX(-15px);
    }
}

@keyframes bounceRight {
    0%, 20%, 50%, 80%, 100% {
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    40% {
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    60% {
        -ms-transform: translateX(-15px);
        transform: translateX(-15px);
    }
}

@-webkit-keyframes bounceLeft {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    40% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    60% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px);
    }
}

@-moz-keyframes bounceLeft {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(0);
    }

    40% {
        transform: translateX(30px);
    }

    60% {
        transform: translateX(15px);
    }
}

@keyframes bounceLeft {
    0%, 20%, 50%, 80%, 100% {
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    40% {
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }

    60% {
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
}


.bank-list { margin-bottom:20px; }


.game-part .h3 {
    background: #2a3040;
    width: 100%;
    padding: 15px;
    font-size: 15px;
    font-weight: normal;
    text-transform: capitalize;
    color: #fff;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-content:center;
}


.game-part {
    /*border: solid 1px #2a3040;
    border-radius: 4px;
    background: #1c1b20;
    width: 49%;*/
    width: 100%;
}


#profile-promotion-sec span {
    font-size: 13px;
}

#profile-promotion-sec span button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    /* margin: 5px; */
    padding: 0 10px;
     background-color: transparent;
    color: #FFF;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: normal;
    border: none;
    border-radius: 5px;
}
#profile-Bet-History button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    /* margin: 5px; */
    padding: 0 10px;
    background-color: transparent;
    color: #FFF;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: normal;
    border: none;
    border-radius: 5px;
}

#profile-Bet-History span {
    font-size: 13px;
}

.gamesHs ul li {
    color: white;
}

.gamesHs ul {
    width: 100%;
    padding: 0;
    display: block;
    display: flex;
    overflow-x: auto;
}

    .gamesHs ul li {
        float: left;
        color: #000000;
        padding: 10px;
        background: #e2e2e2;
        border: 1px solid #d0d0d0;
        font-size: 13px;
        font-size: .95em;
    }




/*for promotion progress*/
/*.card-header {
    background: #0e0e0e;
    padding: 0;
}*/

@media screen and (max-width:991px) {
    .promotion_Progress {
        padding-left: 8% !important;
        padding-right: 8% !important;
    }

    .progress-promo {
        margin: 25px 0 !important;
        margin-right: 10px !important;
    }

    .pmo-progress-wrapper {
        padding: 0;
    }

    .pmo-margin-bottom {
        margin-bottom: 15px;
    }
}

@media screen and (max-width:480px) {
    #snav li a:hover span img, #snav li span img {
        display: none;
    }
}

.pmo-title {
    font-size: .89rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff !important;
    border-bottom: 1px solid #6b6b6b;
}

.pmo-progress-wrapper {
    padding: 10px 0;
}

.promotion_Progress {
    padding-left: 5%;
    padding-right: 5%;
}

.pmo-progress-contant .h4 {
    color: white;
    text-align: center;
    font-weight: 600;
    font-size: .88rem;
    margin: 0 auto;
    margin-bottom: 5px;
    padding: 0;
}

.progress-promo {
    width: 70px;
    height: 70px;
    line-height: 80px;
    background: none;
    box-shadow: none;
    position: relative;
    margin: 0;
}

    .progress-promo:after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 14px solid #fff;
        position: absolute;
        top: 0;
        left: 0;
    }

    .progress-promo > span {
        width: 50%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 1;
    }

    .progress-promo .progress-promo-left {
        left: 0;
    }

    .progress-promo .progress-promo-bar {
        width: 100%;
        height: 100%;
        background: none;
        border-width: 14px;
        border-style: solid;
        position: absolute;
        top: 0;
    }

    .progress-promo .progress-promo-left .progress-promo-bar {
        left: 100%;
        border-top-right-radius: 80px;
        border-bottom-right-radius: 80px;
        border-left: 0;
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }

    .progress-promo .progress-promo-right {
        right: 0;
    }

        .progress-promo .progress-promo-right .progress-promo-bar {
            left: -100%;
            border-top-left-radius: 80px;
            border-bottom-left-radius: 80px;
            border-right: 0;
            -webkit-transform-origin: center right;
            transform-origin: center right;
            animation: loading-1 1.8s linear forwards;
        }

    .progress-promo .progress-promo-value {
        width: 90%;
        height: 90%;
        border-radius: 50%;
        background: #44484b;
        font-size: 14px;
        color: #ff7804;
        font-weight: bold;
        line-height: 135px;
        text-align: center;
        position: absolute;
        top: 5%;
        left: 5%;
    }

.progress-Pending {
    border-color: var(--color-warning);
}

.progress-Running {
    border-color: var(--color-primary);
}

.progress-Expired {
    border-color: var(--color-contrast-low);
}

.progress-Success {
    border-color: var(--color-success);
}

.progress-bar-Pending {
    background-color: var(--color-warning);
}

.progress-bar-Running {
    background-color: var(--color-primary);
}

.progress-bar-Expired {
    background-color: var(--color-contrast-low);
}

.progress-bar-Success {
    background-color: var(--color-success);
}
/* progress custom for more than 50% */
.progress-promo.progress-custom .progress-promo-bar {
}

.progress-promo.progress-custom .progress-promo-left .progress-promo-bar {
    /*animation: custom-Loading-1 1.5s linear forwards 1.8s;*/
    animation: custom-Loading-1 1.5s linear forwards 1.8s;
}

/* progress custom for less than 50% */
.progress-promo.progress-custom-2 .progress-promo-bar {
}

.progress-promo.progress-custom-2 .progress-promo-right .progress-promo-bar {
    /*animation: custom-Loading-1 1.5s linear forwards 1.8s;*/
    animation: custom-Loading-1 1.5s linear forwards 1.8s;
}

.progressBar-Animation {
    animation: progressBar 3s ease-in-out;
    animation-fill-mode: both;
}

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}

@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}

@keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}

@keyframes custom-Loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(var(--progress1));
        transform: rotate(var(--progress1));
    }
}

@keyframes progressBar {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}
/* promotion progress end*/


.game-part .accordion { margin-bottom:0;
}



    .game-part .accordion .h4 {
        color: #fff;
        font-size: 14px;
    }




    .game-part .accordion a {
        width: 100%;
        padding: 10px 15px;
        display: block;
        position: relative;
    }


    .game-part .accordion a  i {
         position: absolute;
         right:15px;
    }




h4.noData {
    text-align: center;
    font-size: 13px;
    padding: 20px 0;
    margin-bottom: 0;
}

 

/* game history */


.game-history {
    background: #050404;
    padding: 20px 10px;
    height: 100%;
}

    .game-history .table {
        border-collapse: collapse;
    }

    .game-history table thead tr th {
        padding: 5px 10px !important;
    }

    .game-history tbody tr td {
        padding: 5px 10px;
        border-bottom: 2px solid black !important;
    }

.user-info .panel-toggle {
    background-color: rgba(0,0,0, 1) !important;
}

.user-info .panel-body {
    background-color: rgba(0,0,0, 0.8) !important;
}

.allowAmountNote {
    font-size: 12px;
    color: red;
    display: block;
}

.amountNote {
    /*font-size: 12px;*/
    color: red;
}

.dpt-bank-img {
    width: 110px;
    max-width: none;
}

#top-Withdraw-Btn {
    cursor: pointer;
}

#top-Deposit-Btn {
    cursor: pointer;
}

/* game history */


/* affiliate  */


@media (max-width: 767.98px) {
    .h3.details-title {
        height: 50px !important;
    }
}

.h3.details-title {
    height: 45px;
}

#main-affiliate .h3 {
    width: 100%;
    padding: 8px 5px;
    font-size: 15px;
    font-weight: normal;
    text-transform: capitalize;
    color: #000;
    margin: 0;
}

#main-affiliate table,
#daily-lucky-spin-history table,
#deposit-withdraw-history table,
#gamedeposit-withdraw-history table {
    font-size: .95em;
}

#main-affiliate thead,
#daily-lucky-spin-history thead,
#deposit-withdraw-history thead,
#gamedeposit-withdraw-history thead {
    background: #201f25;
    color: #fff;
}

#main-affiliate tbody td,
#deposit-withdraw-history tbody td,
#gamedeposit-withdraw-history tbody td,
#daily-lucky-spin-history tbody td {
    background: #fff;
}

#main-affiliate tbody tr:nth-child(2n+2) td,
#daily-lucky-spin-history tbody tr:nth-child(2n+2) td,
#deposit-withdraw-history tbody tr:nth-child(2n+2) td,
#gamedeposit-withdraw-history tbody tr:nth-child(2n+2) td {
    background: #e2e2e2;
}

#main-affiliate th, #main-affiliate td,
#daily-lucky-spin-history th, #daily-lucky-spin-history td,
#deposit-withdraw-history th, #deposit-withdraw-history td,
#gamedeposit-withdraw-history th, #gamedeposit-withdraw-history td {
    padding: 10px 7px;
}

#active-member-list .h3, .user-profile .h3 {
    width: 100%;
    padding: 8px 5px;
    font-size: 15px;
    font-weight: normal;
    text-transform: capitalize;
    margin: 1rem 0 0 0;
}

#active-member-list table {
    border-collapse: collapse;
    font-size: .95em;
}

#active-member-list thead {
    background: #201f25;
    color: #fff;
}

#active-member-list tbody td {
    background: #fff;
}

#active-member-list th, #active-member-list td {
    padding: 10px 7px;
}

#invite-friend .share-title {
    font-size: .75rem;
}

.sharebox-container {
    border-radius: 15px;
    background-color: #28324d;
}

.btn-sharebox {
    background: #f3902f;
    box-shadow: 0 4px #e2760d;
}

    .btn-sharebox:hover {
        background: #c16000;
        box-shadow: 0 4px #e2760d !important;
    }

.btn-underline-sharebox {
    position: relative;
}

    .btn-underline-sharebox:hover::after {
        position: absolute;
        display: inline-block;
        content: '';
        left: 0;
        bottom: 0;
        width: 100%;
        height: 4px;
        background-image: linear-gradient(to right, #3ab1f2, #7c4cf5);
    }

.btn-sharebox-gray {
    background-color: #28324d;
    color: #fff;
    font-size: 1rem !important;
}

input#copy-link {
    border: none !important;
    width: 100%;
}

    input#copy-link:focus {
        outline: none;
    }

input#copytext {
    padding: 0px 5px;
    border: none;
    width: 60%;
}

    input#copytext:focus {
        outline: none;
    }

button#copylink {
    border: none;
    background: transparent;
    cursor: pointer;
}

    button#copylink:hover {
        outline: none;
    }

button#copytext {
    border: none;
    background: transparent;
    cursor: pointer;
}

    button#copytext:hover {
        outline: none;
    }

.downline-details {
    background: #e2e2e2;
    border-radius: 0 0 4px 4px;
    margin-top: 1.5rem;
}

    .downline-details:last-child {
        margin-right: 0 !important;
    }

    .downline-details .h3 {
        font-size: 12px;
        border-bottom: 1px solid transparent;
    }

        .downline-details .h3:first-child {
            margin-top: 0.5rem;
        }

        .downline-details .h3 b {
            font-size: 15px;
        }

#tier table {
    font-size: .95em;
}

#tier thead {
    background: #201f25;
    color: #fff;
}

#tier tbody td {
    background: #fff;
}

#tier tbody tr:nth-child(2n+2) td {
    background: #e2e2e2;
}

#tier th, #tier td {
    padding: 10px 7px;
}

.table-sticky {
    border-collapse: separate;
    border-spacing: 0;
    white-space: nowrap;
}

    .table-sticky thead {
        position: relative;
        z-index: 1;
    }

        .table-sticky thead .sticky-left {
            position: sticky;
            left: 0;
            z-index: 2;
        }

    .table-sticky tbody .sticky-left {
        position: sticky;
        left: 0;
    }

#main-affiliate .table-sticky thead .sticky-left,
#daily-lucky-spin-history .table-sticky thead .sticky-left,
#deposit-withdraw-history .table-sticky thead .sticky-left,
#gamedeposit-withdraw-history .table-sticky thead .sticky-left {
    background-color: #4f5871;
}

#main-affiliate .table-sticky tbody .sticky-left,
#deposit-withdraw-history .table-sticky tbody .sticky-left,
#gamedeposit-withdraw-history .table-sticky tbody .sticky-left,
#daily-lucky-spin-history .table-sticky tbody .sticky-left {
    background: #e2e2e2;
}

#active-member-list .table-sticky thead .sticky-left {
    background-color: #5f5c68;
}

@media screen and (min-width: 960px) {
    .table-sticky {
        border-collapse: collapse;
        white-space: normal;
    }
}


/* affiliate  */


@media only screen and (max-width:944px) {
    .gamesHs ul li {
        height: 55px;
    }
}

ul.gamesHs-title li {
    background-color: #3b4358;
    border: none;
    color: white;
    font-weight: 600;
    height: auto;
}

.gamesHs ul li {
    color: white;
}

.gamesHs ul {
    width: 100%;
    padding: 0;
    display: block;
    display: flex;
    overflow-x: auto;
}

    .gamesHs ul li {
        float: left;
        color: #000000;
        padding: 10px;
        background: #e2e2e2;
        border: 1px solid #d0d0d0;
        font-size: 13px;
        font-size: .95em;
    }

.sharebox-container .link {
    border-radius: 60px;
}


.h_nav-item > a.active {
    color: black !important;
}


.cd-tabs__panels a, .cd-tabs__panels a {
    color: #fff;
}



.btn-sharebox-gray:hover {
     color: #fff!important;
}


.sharebox-container input, .sharebox-container .input-group {
    border-radius: 50px !important;
    min-height: 38px;
    border: none;
}

table.table-dls.table-bordered td, table.table-dls.table-bordered th,
table.table-transaction.table-bordered td, table.table-transaction.table-bordered th {
    border: 1px solid #c9c9c9;
}
.member-bank-list td.sticky-left {
    background: #f8f8f8;
}

li.h_nav-item.nav-item.inside-tab-item:hover {
    color: hsl(225, 31%, 23%);
    color: var(--cd-color-1);
    background-color: hsla(54, 42%, 84.55%, 0.3);
    background-color: hsla(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l)*0.89), 0.3);
}

a#BankAccountRedirect {
    color: #c517e4;
}
    a#BankAccountRedirect:hover {
        color: #781489;
    }
.fastdeposit-step2 .whitelabel, .fastdeposit-step2 .fastDepositTimerS2 {
    color: black;
}
section.profile-tabs {
    padding: 10px 0 25px 0;
    background: #eef0f5;
    margin-top: 50px;
}
.profile-tabs .content-wrap .container {
    background-color: #552074;
    border-radius: 5px;
    padding: 15px;
}
td.deletebtn > button {
    background-image: none;
    background: red;
}

    td.deletebtn > button:hover, td.deletebtn > button:active, td.deletebtn > button:visited, td.deletebtn > button:focus {
        background-image: none;
        background: #d80000;
    }
div#tier > div > table, div#main-affiliate > div > table {
    margin-bottom: 0px;
}
button.btn.btn-sharebox-gray {
    background-color: #59BA41;
    box-shadow: 0 4px #3f9c28 !important;
}
button.btn.btn-sharebox-gray:hover {
    background-color: #156900;
    box-shadow: 0 4px #3f9c28 !important;
}
.games-inner.member-bank-list tbody td {
    background: #fff;
    color: #333;
}

.games-inner.member-bank-list tbody tr:nth-child(2n+2) td {
    background: #e2e2e2;
}

.games-inner.member-bank-list th, .games-inner.member-bank-list td {
    padding: 5px 5px;
}

.games-inner.member-bank-list td, .games-inner.member-bank-list th {
    border: 1px solid #c9c9c9;
}

.games-inner.member-bank-list thead {
    background: #201f25 !important;
    color: #fff;
}

.games-inner.member-bank-list.table-sticky thead .sticky-left {
    background-color: #5f5c68;
}

.games-inner.member-bank-list.table-sticky tbody .sticky-left {
    background: #e2e2e2;
}

.games-inner.member-bank-list.table-sticky tbody tr:nth-child(2n+2) .sticky-left {
    background: #d2d2d2;
}


/*
        
        CRYPTO CSS START HERE 


    */

.tab-content > .active {
    color: #333;
}

.side-panel-notification {
    margin: 0;
    padding-left: 10px;
    font-size: 11px;
}

    .side-panel-notification li {
        list-style: decimal;
        margin-bottom: 10px;
    }

        .side-panel-notification li:last-child {
            margin-bottom: 0;
        }

#crypto-deposite .alert-secondary {
    border-color: transparent;
    background-color: #f3f3f3;
}


.side-panel-notification .h4 {
    margin-left: -10px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
}

    .side-panel-notification .h4 i {
        margin-right: 8px;
    }

.crypto-button-group label.active:after {
    content: '\f00c';
    font-family: 'FontAwesome';
    position: absolute;
    right: 10px;
}

.crypto-button-group label div {
    position: relative;
}

.crypto-button-group > .btn, .crypto-button-group > .btn-group > .btn {
    margin-bottom: 0;
    position: relative;
    padding: 8px 10px;
    width: 49.5%;
    display: inline-flex;
    align-items: center;
    justify-content: start;
    background: #f5f5f5;
    margin-bottom: 8px;
}

.crypto-button-group .btn.active {
    background: #28a745;
    /* border: 1px solid #ededed; */
    color: #ffffff;
}


.crypto-button-group img {
    width: 30px;
    margin-right: 8px;
}

.QR-code-crypto .crypto-info {
    padding: 8px;
}

.QR-code-crypto .scanQR-crypto {
    width: 40%;
}

.QR-code-crypto .crypto-info {
    width: 60%;
}

.QR-code-crypto {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    .QR-code-crypto span {
        color: #333;
        display: block;
    }

.divider {
    padding-bottom: 8px;
    border-bottom: 1px dashed #e5e5e5;
    margin-bottom: 8px;
}

.crypto-info-content small {
    color: #1553a1;
    text-transform: uppercase;
}

.QR-code-crypto label {
    width: 100%;
    margin-bottom: 10px;
    word-break: break-all;
    text-transform: capitalize;
}


.scanQR-crypto .btn {
    background-image: linear-gradient(to right, #6a11cb, #2575fc);
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

.scanQR-crypto img {
    margin-bottom: 5px;
    width: 100%;
}

.scanQR-crypto div {
    border: 2px solid #ededed;
    border-radius: 6px;
    margin-bottom: 5px;
    padding: 8px;
}

.QR-code-crypto span.red {
    color: red;
    text-transform: uppercase;
}

.button.afb01 {
    border: none;
    border-radius: 2px 2px;
    background-color: #de5252;
    color: white !important;
    box-shadow: 0 4px #ff0000;
}


.button.afb01:hover, button.afb01:active, button.afb01:focus, button.afb01:visited {
    background-color: #ff0000;
    box-shadow: 0 4px #ba0303 !important;
}
    .hex-code-foward .form-control {
    display: block;
    position: relative;
}

.hex-code-foward .button {
    position: absolute;
    right: 0;
    top: 0;
}

.hex-code-foward .form-control {
    display: block;
    position: relative;
}

.hex-code-foward {
    position: relative;
    width: 370px;
}

.alert-transparent-border {
    background: transparent !important;
    border: 1px solid #e1e1e1 !important;
}

.countdownTimer {
    margin-bottom: 12px;
    display: inline-flex;
    padding: 8px 15px;
    background: #ffc107;
    border-radius: 6px;
    flex-wrap: wrap;
    justify-content: center;
    width: 130px;
}


#timer {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}


.crypto-history {
    padding: 0;
}

    .crypto-history li {
        background: #f9f9f9;
        padding: 10px 15px;
        margin-bottom: 2px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .crypto-history li div {
            display: flex;
            align-items: center;
        }

        .crypto-history li small {
            display: block;
            margin-top: 5px;
            font-weight: 600;
        }

.cryptoCurrency-amount {
    font-size: 17px;
    color: #333;
    margin-left: 8px;
}

.crypto-history .h4 {
    font-size: 14px;
    margin-bottom: 5px;
}


.crypto-minimum-deposit {
}

.button-gray {
    background: #b4b4b4;
}


@media only screen and (max-width:1060px) {

    .crypto-button-group > .btn, .crypto-button-group > .btn-group > .btn {
        width: 100%;
    }

    .QR-code-crypto .scanQR-crypto, .QR-code-crypto .crypto-info {
        width: 100%;
    }

    .QR-code-crypto .crypto-info {
        padding: 0;
        margin-top: 15px;
    }


    .countdownTimer {
        width: 100%;
    }
}

@media only screen and (max-width:975px) {

    .crypto-button-group > .btn, .crypto-button-group > .btn-group > .btn {
        width: 49%;
    }

    .QR-code-crypto .scanQR-crypto {
        width: 40%;
    }

    .QR-code-crypto .crypto-info {
        width: 60%;
        padding: 8px;
        margin-top: 0;
    }
}

@media only screen and (max-width:560px) {

    .crypto-button-group > .btn, .crypto-button-group > .btn-group > .btn {
        width: 100% !important;
    }

    .QR-code-crypto .scanQR-crypto, .QR-code-crypto .crypto-info {
        width: 100%;
    }

    .QR-code-crypto .crypto-info {
        padding: 0;
        margin-top: 15px;
    }


    .countdownTimer {
        width: 100%;
    }

    .crypto-history li {
        flex-wrap: wrap;
    }

        .crypto-history li div {
            width: 100%;
        }

        .crypto-history li small {
            width: 100%;
        }
}

.dpt-crypto-img {
    width: 30px;
    height: 30px;
}

.custom-max-width {
    width: 80%;
}

.bank-list table td, table td {
    border: 0px solid #ccc;
    padding: 10px 7px;
    font-size: 13px;
}
    /*
        
        CRYPTO CSS END HERE 


    */
    /* Member Dashboard Crypto table*/
.games-inner.member-crypto-list tbody td {
    background: #fff;
    color: #333;
}

.games-inner.member-crypto-list tbody tr:nth-child(2n+2) td {
    background: #e2e2e2;
}

.games-inner.member-crypto-list.table-sticky tbody .sticky-left {
    background: #e2e2e2;
}

.games-inner.member-crypto-list.table-sticky tbody tr:nth-child(2n+2) .sticky-left {
    background: #d2d2d2;
}
/*games-history-datepicker*/
.gh-calendar-part {
    height: unset;
    width: 100%;
    background: #eaeaea;
    padding: 5px;
}

.gh-calendar-side {
    display: flex;
}

.from-date, .end-date {
    border: solid 1px #ccc;
    box-sizing: border-box;
    padding: 4px 2px;
    position: relative;
    display: flex;
    align-items: center;
    background: white;
    width: 50%;
    border: 2px solid transparent;
}

.from-date {
    margin-right: 5px;
}

.end-date {
    margin-left: 5px;
}

.gh-calendar-part input {
    width: 100%;
    border: none !important;
    background: #fff !important;
    outline: none;
    padding: 10px 0 !important;
}

.from-date:focus-within, .end-date:focus-within {
    background: #7528a2;
    color: #fff
}

.gh-calendar-part label {
    color: #555;
    white-space: nowrap;
    margin-bottom: 0px;
    text-transform: capitalize;
    margin-top: 0;
}

.from-date i.fa.fa-calendar-o, .end-date i.fa.fa-calendar-o {
    color: #555;
}

.from-date:focus-within label, .end-date:focus-within label {
    color: #fff
}

.from-date:focus-within input, .end-date:focus-within input {
    background: #7528a2 !important;
    color: #fff !important;
}

    .from-date:focus-within input::placeholder, .end-date:focus-within input::placeholder {
        color: #fff
    }

    .from-date:focus-within input:focus, .end-date:focus-within input:focus {
        color: #fff;
    }

.ui-datepicker .ui-datepicker-header {
    background: #7528a2;
    color: #fff;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: none;
    background: none;
}

.ui-datepicker .ui-datepicker-prev-hover {
    top: 2px;
    left: 2px;
}

.ui-datepicker .ui-datepicker-next-hover {
    top: 2px;
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(165deg) brightness(106%) contrast(101%);
}

.from-date:focus-within i.fa.fa-calendar-o, .end-date:focus-within i.fa.fa-calendar-o {
    color: #fff;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #7528a2;
    background: #7528a2;
    font-weight: normal;
    color: #fff;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #7528a2;
    background: #7528a2;
    font-weight: normal;
    color: #fff;
}

.ui-datepicker .ui-datepicker-title span {
    color: #fff;
}

.crypto-history {
    margin-top: 20px;
    border-top: 1px solid #e7e7e7;
}
/*.valueCryptoWithdrawal {
    margin-top: 10px;
}*/

.paging-dlsgame .paginationjs {
    margin-top: -25px;
}

    .paging-dlsgame .paginationjs .pagination > li > a {
        color: white !important;
    }

        .paging-dlsgame .paginationjs .pagination > li > a:focus, .paging-dlsgame .paginationjs .pagination > li > a:hover {
            z-index: 2;
            color: #ffffff;
            background-image: linear-gradient(to right, black, black) !important;
            border-color: black;
        }

#WithdrawalTabContent .input-group-append, #DepositTabContent .input-group-append, #WithdrawalTabContent .input-group-prepend, #DepositTabContent .input-group-prepend {
    height: calc(1.2em + 0.75rem + 2px);
}

#WithdrawalTabContent .input-group-text:hover, #DepositTabContent .input-group-text:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

#WithdrawalTabContent .input-group-text.focus, #DepositTabContent .input-group-text.focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
}

    #WithdrawalTabContent .input-group-append > .input-group-text {
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
    }
#dls {
    margin: 20px auto;
    position: relative;
    align-items: center;
    justify-content: center
}

.marker {
    position: absolute;
    width: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 90px;
    z-index: 2;
}

.dls-wheel {
    width: 100%;
}

.dls-button {
    margin: 0 auto;
    background-color: red;
    color: white;
    border: none;
    border-radius: 20px;
    padding: 5px 45px;
    cursor: pointer;
    font-size: 1.5em !important;
    font-weight: 700;
}

    .dls-button:active {
        background-color: black;
    }

.blur {
    animation: blur 10s;
}

@keyframes blur {
    0% {
        filter: blur(1.5px);
    }

    80% {
        filter: blur(1.5px);
    }

    100% {
        filter: blur(0px);
    }
}

.luckspin_logo {
    display: inline-block;
    position: fixed;
    bottom: 15px;
    left: 20px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background: #2b00ad;
    color: white;
    cursor: pointer;
    padding: 9px;
    width: 150px;
    border-radius: 20px;
    box-shadow: 3px 3px 13px black;
}

.luckspin_logo_img {
    width: 100%;
}

.luckspin_countdown {
    font-weight: 500;
    color: #ffeb00;
    text-align: center;
    width: 150px;
}

.luckspin_logo_ready {
    opacity: 1 !important;
}

.dlsLogoBtn {
    background: transparent;
    border: none;
}

.modal-content.oned {
    background: rgb(6,0,115);
    border-bottom: 5px solid rgba(14,14,175,1);
    background: linear-gradient(0deg, rgba(6,0,115,1) 0%, rgba(14,14,175,1) 35%, rgba(0,74,255,1) 100%);
    margin: auto;
    padding: 30px;
    width: 350px;
    border-radius: 55px;
}

    .modal-content.oned h1 {
        color: white;
        font-size: 1.2em;
        margin-bottom: 20px;
        text-align: center;
    }

#dls-close.close {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    text-align: center;
    background-color: black;
    width: 25px;
    height: 25px;
    border-radius: 30px;
    margin: 0 auto;
    position: absolute;
    bottom: -15px;
    right: 0;
    left: 0;
    opacity: 1;
    border: 1px solid white;
    cursor: pointer;
}

.dls-title {
    text-align: center;
    position: relative;
    top: 25px;
    z-index: 99;
}

    .dls-title h1 {
        background-color: #00bc20;
        border-radius: 80px;
        text-align: center;
        color: white;
        padding: 15px 40px;
        font-size: 1.6em;
        display: inline-block;
        margin: 0 auto;
        font-weight: 700;
    }

#dls-btn-close.close {
    color: #c7c7c7;
    font-weight: 300;
    opacity: 1;
    border-radius: 100%;
    border: 2px solid #c7c7c7;
    width: 21px;
}

.bonus-dls {
    width: 100%;
    text-align: center;
    padding: 0 5px 0;
    margin-top: 35px;
}

    .bonus-dls h1 {
        color: #ffeb00;
        border-bottom: 1px solid;
        font-size: 2em;
        padding: 5px;
    }

.bonus-dls-bg {
    background: #001b9e85;
    border-radius: 20px;
    padding: 5px 2px 0;
}

.bonus-box {
    padding: 15px 0 0;
    border-radius: 11px 11px 0 0;
    width: 100%;
    margin: 3px;
}

    .bonus-box img {
        width: 20px;
    }

    .bonus-box span {
        font-size: .9em;
        font-weight: 600;
        width: 100%;
        display: block;
        padding-bottom: 5px;
        color: #e7e7e7;
    }

    .bonus-box p {
        background-color: #00000061;
        width: 100%;
        color: white;
        padding: 3px;
        font-size: .8em;
    }

@media screen and (max-width: 320px) {
    .bonus-box p {
        height: 35px;
    }

    .marker {
        top: 40px;
    }
}

.dls-blue {
    background-color: #0000ff;
}

.dls-orange {
    background-color: #f46300;
}

.dls-red {
    background-color: #ea0000;
}

.dls-purple {
    background-color: #a200c9;
}

.dls-green {
    background-color: #065b10;
}

.dls-purplrlight {
    background-color: #fc00f0;
}

.dls-mobile {
    position: absolute;
    top: 0;
    width: 100%;
    background: blue;
}

    .dls-mobile p {
        color: white;
        font-size: 1em;
    }

.dls-time-title {
    color: white;
    font-size: .6em;
    padding: 5px 0;
}

#dls-mobile-close.close {
    color: white;
    opacity: 1;
    font-weight: 400;
    border: 1px solid white;
    border-radius: 100%;
    width: 15px;
    background-color: #3a3a3a;
    margin: 2px 0;
    position: absolute;
    right: 15px;
}

#dls-mobile {
    color: #fff;
    background-color: #000023;
    padding: 5px;
    text-align: center;
}

    #dls-mobile img {
        width: 20px;
    }

span#dls-countdown2 {
    font-weight: 500;
    color: #ffeb00;
}

.free-spin-btn {
    background-color: green;
    background-image: none !important;
    color: white;
    padding: 5px 5px;
    /* margin-right: 10px; */
    /* width: 75px; */
    border-radius: 5px;
}

    .free-spin-btn:hover {
        background-color: #e60000;
    }

#spin-button {
    padding-top: 20px;
}

.dls-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999;
    cursor: pointer;
}

.dls-wrapper {
    width: 250px;
    margin: 0 auto;
    position: absolute;
    top: 5%;
    left: 0;
    right: 0;
}

.dls-img {
    position: absolute;
    top: -135px;
}

.dls-pop-bg {
    background: -webkit-linear-gradient(top, #1976ff, #0029bd, #1000ff);
    position: relative;
    top: 165px;
    z-index: -9;
    border-radius: 15px;
}

.dls-title-ms {
    padding-top: 100px;
    text-align: center;
    padding-bottom: 10px;
}

    .dls-title-ms .h6 {
        color: white;
        font-size: 1.4em;
        margin: 0;
    }

.dls-content-wrapper {
    text-align: center;
    background-color: #e0e0e0;
    border-radius: 0 0 15px 15px;
}

.dls-gold {
    background: -webkit-linear-gradient(left, #DF9F28, #FDE08D, #8f6B29);
    background: linear-gradient(left, #DF9F28, #FDE08D, #8f6B29);
    height: 5px;
}

.dls-content {
    padding: 20px;
    line-height: 15px;
    word-break: break-word;
    overflow-wrap: break-word;
}

    .dls-content .h5 {
        margin: 0 0 15px;
        font-size: 2.5em;
        color: #0054bd;
        font-weight: 600;
    }

    .dls-content p {
        font-size: .9em;
        margin: 0;
        font-weight: 600;
        color: #3a3a3a;
    }

        .dls-content p span {
            font-size: 1em;
            font-weight: 600;
        }

    .dls-content span {
        font-size: .7em;
        color: #3a3a3a;
    }

.dls-pop-button {
    background: -webkit-linear-gradient(top, #0373ff, #0054bd);
    display: inline-block;
    padding: 10px 55px;
    border-radius: 20px;
    color: white;
    font-size: .9em;
    font-weight: 500;
    margin-top: 20px;
}

    .dls-pop-button:hover {
        background: -webkit-linear-gradient(top, #0054bd, #0373ff);
    }

.dls-show {
    display: block;
}

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

/* DLS Font animation */
.btn-shine {
    transform: translate(-50%,-50%);
    padding: 12px 48px;
    color: #ffffff;
    background: linear-gradient(to right, #898989 0, #fcff57 10%, #898989 30%);
    background-position: 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shine 1.5s infinite linear;
    animation-fill-mode: forwards;
    -webkit-text-size-adjust: none;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

@keyframes shine {
    0% {
        background-position: 0;
    }

    60% {
        background-position: 180px;
    }

    100% {
        background-position: 180px;
    }
}




@-webkit-keyframes button_jump {
    0% {
        margin-bottom: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(0, -10px);
        -ms-transform: translate(0, -10px);
        transform: translate(0, -10px);
    }
}

@-moz-keyframes button_jump {
    0% {
        margin-bottom: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(0, -10px);
        -ms-transform: translate(0, -10px);
        transform: translate(0, -10px);
    }
}

@-o-keyframes button_jump {
    0% {
        margin-bottom: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(0, -10px);
        -ms-transform: translate(0, -10px);
        transform: translate(0, -10px);
    }
}

@keyframes button_jump {
    0% {
        margin-bottom: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(0, -10px);
        -ms-transform: translate(0, -10px);
        transform: translate(0, -10px);
    }
}

.dls-images-jump {
    position: relative;
    -webkit-animation-delay: 0;
    -webkit-animation-duration: 1s;
    -webkit-animation-name: button_jump;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    /* this prevents the animation from restarting! */
    -moz-animation-delay: 0;
    -moz-animation-duration: 1s;
    -moz-animation-name: button_jump;
    -moz-animation-timing-function: ease-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-fill-mode: forwards;
    /* this prevents the animation from restarting! */
    -o-animation-delay: 0;
    -o-animation-duration: 1s;
    -o-animation-name: button_jump;
    -o-animation-timing-function: ease-out;
    -o-animation-iteration-count: infinite;
    -o-animation-fill-mode: forwards;
    /* this prevents the animation from restarting! */
    animation-delay: 0;
    animation-duration: 1s;
    animation-name: button_jump;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    /* this prevents the animation from restarting! */
}


/*daily lucky spin set 2*/

.luckspin_logo {
    background: rgb(168,72,252) !important;
    background: linear-gradient(135deg, rgba(168,72,252,1) 0%, rgba(86,31,152,1) 100%) !important;
}

.luckspin_logo_ready {
    animation: rotation 10s infinite linear;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.dls-set-2 .modal-content {
    background: transparent;
    width: 900px;
    max-width: none !important;
    border: none;
}

.dls-set-2::-webkit-scrollbar {
    display: none;
}

.dls-set-2 #dls {
    width: 60%;
    position: relative;
    display: flex;
    align-items: center;
}



.dls-set-2 .dls-wheel {
    width: 77%;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.dls-set-2 .marker {
    width: 11%;
    top: 41px;
}

.dls-set-2 .dls-spin-button {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 45%;
    background: transparent;
    z-index: 9;
}


.dls-set-2 .dls-spinner-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}


.dls-set-2 .h1 {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
}


.dls-set-2 .dls-footer {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}



.dls-set-2 .bonus-dls {
    width: 50%;
    padding: 0 5px 0;
    margin-top: 0;
}

.dls-set-2 .bonus-dls-bg-wrapper {
    display: flex;
    background: rgb(42,2,79);
    background: linear-gradient(90deg, rgba(42,2,79,1) 0%, rgba(56,6,102,1) 100%);
    /*padding: 10px;*/
    border-radius: 5px;
    flex-wrap: wrap;
}

.bonus-dls-bg-wrapper img {
    width: 80%;
    margin: 0 auto;
}

.bonus-dls-bg-wrapper > div > div.card {
    background-color: #342a5d;
}

.dls-set-2 .bonus-dls-wrapper {
    width: 40%;
    background: rgb(86,31,152);
    background: linear-gradient(90deg, rgba(86,31,152,1) 0%, rgba(168,72,252,1) 49%, rgba(86,31,152,1) 100%);
    padding: 3px;
    border-radius: 5px;
    position: relative;
}


.dls-set-2 .bonus-dls-content {
    width: 33.333333%;
    padding: 10px;
}



    .dls-set-2 .bonus-dls-content div {
        border: 2px solid #8d5304;
        border-radius: 5px;
        box-shadow: 4px 5px 13px -2px rgba(0,0,0,0.54) inset;
        -webkit-box-shadow: 4px 5px 13px -2px rgba(0,0,0,0.54) inset;
        -moz-box-shadow: 4px 5px 13px -2px rgba(0,0,0,0.54) inset;
        width: 100%;
    }


        .dls-set-2 .bonus-dls-content div > span {
            display: none;
        }

.dls-set-2 div > p {
    background: #fedf19;
    padding: 2px 0;
    text-align: center;
    border-radius: 0 0 3px 3px;
    font-weight: 600;
    font-size: .8em;
    color: #000;
    margin-bottom: 0;
}

.dls-set-2 .bonus-dls-content div > img {
    padding: 10px;
    max-width: 100%;
}

.dls-set-2 .dls-seasonal-visual {
    position: absolute;
    bottom: 15%;
    right: 1%;
    width: 150px;
    z-index: 99;
}


.dls-set-2 .h1.bonus-title {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0px;
}

.dls-set-2 .dls-content-visual {
    position: absolute;
    bottom: -11px;
    right: -35px;
    width: 60px;
}

.dls-spin-button img {
    transition: transform .7s ease-in-out;
}

    .dls-spin-button img:hover {
        transform: rotate(360deg);
        transition: transform .7s ease-in-out;
    }



.dls-set-2 #dls-close.close {
    border: none !important;
    background: transparent !important;
    cursor: pointer;
}

@media screen and (max-width: 999px) {

    .dls-content-visual {
        display: none;
    }

    .dls-set-2 .bonus-dls-content {
        width: 16.666%;
    }

    .dls-set-2 #dls {
        width: 65%;
        margin: 0 auto;
    }

    .dls-set-2 .bonus-dls-wrapper {
        width: 90%;
        margin: 0 auto;
        display: block;
    }

    .dls-set-2 .dls-footer {
        margin-top: 25px;
    }



    .dls-set-2 #dls-close.close {
        border: none;
        background: transparent;
        cursor: pointer;
    }

    .theme-chineseNewYear-2 #dls-close.close {
        background: #606060;
    }

    .dls-set-2 #dls-close.close {
        top: 0;
        right: 25px;
        left: auto;
        bottom: auto;
    }

    .dls-set-2 .dls-seasonal-visual {
        bottom: 12%;
        right: 0%;
        right: 0%;
        width: 130px;
    }

    .dls-set-2 .dls-spin-button {
        width: 250px;
    }
}

@media screen and (max-width: 680px) {

    .dls-set-2 .dls-spin-button {
        width: 200px;
    }

    .dls-set-2 .bonus-dls-content {
        width: 25%;
    }

    .dls-set-2 #dls {
        width: 90%;
    }
}


@media screen and (max-width: 580px) {

    .dls-set-2 .marker {
        width: 10%;
        top: 7%;
    }

    .dls-set-2 .dls-spin-button {
        width: 180px;
    }

    .dls-set-2 .dls-seasonal-visual {
        width: 100px;
    }
}

@media screen and (max-width: 380px) {

    .dls-set-2 .dls-seasonal-visual {
        width: 80px;
    }

    .dls-set-2 .bonus-dls-content {
        width: 33.3333%;
    }
}


.dls-set-2 .modal-dialog {
    max-width: fit-content !important;
}


.dls-set-2 {
    overflow: auto !important;
}

/*daily lucky spin set 2*/

:root {
    --GenericFormColor: #1676f3;
}
 
/*
    
    new form css


*/

.signin-content-v3 {
    padding: 10px 25px 10px 25px;
    text-align: left;
}

.signin-content-v3 .bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*gap: 0.5rem;
    margin: 1rem 0;*/
}



.model-h3 {
    font-size: 1.3rem !important;
    font-weight: 500;
    width: 95%;
    margin: 0 0 10px 0 !important;
    color:#333;
    line-height:125%;
}

    .model-h3 > small {
        display: block;
        font-size: 0.75rem;
        margin-bottom: 10px;
    }



#registerModal .modal-content {
    background-color: #fff;
    margin: auto;
    padding: 0;
    border: none;
/*    width: 400px;*/
/*    border-radius: 5px;*/
}

#registerModal .close-popup {
    position: absolute;
    top: 7px;
    right: 0;
    bottom: auto;
    left: auto;
    z-index: 10;
    cursor: pointer;
    color: #808aa6;
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
    transition: opacity 1s 1s;
}


/*floating label input*/

.did-floating-label-content, .did-floating-label-content .localized-wrapping {
    position: relative;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

    .did-floating-label-content .localized-wrapping:first-child {
        margin-bottom: 0;
    }

    .did-floating-label-content svg {
        position: absolute;
        width: 24px;
        height: 24px;
        color: var(--GenericFormColor);
        left: 17px;
        top: 5px;
    }

    .did-floating-label-content > div, .selectCustom > div:not(.select) {
        width: 100%;
    }

.did-floating-label {
    color: #1e4c82;
    font-size: 13px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 50px;
    top: 9px;
    padding: 0 5px;
    background: transparent;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    transition: 0.2s ease all;
}

.did-floating-input, .did-floating-select {
    font-size: 16px;
    display: block;
    width: 100%;
    height: 35px;
    padding: 0 20px 0 55px;
    background: #fff;
    color: #323840;
    border: 1px solid #dbdfe5;
    border-radius: 5px;
    box-sizing: border-box;
}

    .did-floating-input:focus, .did-floating-select:focus {
        outline: none;
        border-color:#2575fc;
    }

        .did-floating-input:focus ~ .did-floating-label, .did-floating-select:focus ~ .did-floating-label {
/*            top: -8px;*/
/*            font-size: 13px;*/
            opacity: 0;
            transform: translateY(-8px);
        }

select.did-floating-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    select.did-floating-select::-ms-expand {
        display: none;
    }

.did-floating-input:not(:placeholder-shown) ~ .did-floating-label {
    top: -8px;
    font-size: 13px;
    opacity: 0;
}

.did-floating-select:not([value=""]):valid ~ .did-floating-label {
    top: -8px;
    font-size: 13px;
    opacity: 0;
}

.did-floating-select[value=""]:focus ~ .did-floating-label {
    top: 11px;
    font-size: 13px;
}

.did-floating-select:not([multiple]):not([size]) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%23003d71'/%3E%3C/svg%3E%0A");
    background-position: right 15px top 50%;
    background-repeat: no-repeat;
}

.did-error-input .did-floating-input, .did-error-input .did-floating-select {
    border: 2px solid #9d3b3b;
    color: #9d3b3b;
}

.did-error-input .did-floating-label {
    font-weight: 600;
    color: #9d3b3b;
}

.did-error-input .did-floating-select:not([multiple]):not([size]) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%239d3b3b'/%3E%3C/svg%3E%0A");
}

.did-floating-label-content .input-group {
    display: flex;
}

    .did-floating-label-content .input-group .did-floating-input {
        border-radius: 0 4px 4px 0;
        border-left: 0;
        padding-left: 0;
    }

.did-floating-label-content .input-group-append {
    display: flex;
    align-items: center;
    /*   margin-left:-1px; */
}

.did-floating-label-content .input-group-text {
    display: flex;
    align-items: center;
    font-weight: 400;
    height: 34px;
    color: #323840;
    padding: 0 5px 0 20px;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #3D85D8;
    border-radius: 4px 0 0 4px;
    border-right: none;
}


#RCfilCol svg {
    top: 12px;
}

.did-floating-label-content.registerAccountIcon svg {
    width: 20px;
    left: 20px;
    top: 8px;
}

.did-floating-label.required:after {
    content: '*';
    color: red;
}


.did-floating-label-content .toggle-password {
    position: absolute;
    right: 8px;
    top: 0;
    cursor: pointer;
    width: 35px;
    height: 35px;
    background-position: center center;
    background-size: 56%;
    background-repeat: no-repeat;
}

.did-floating-label-content .pw-eye {
    background-image: url("data:image/svg+xml,%3Csvg  viewBox='0 0 22 12' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2498 12C6.64003 12 0.981934 8.09276 0.981934 6C0.981934 3.90724 6.64003 0 11.2498 0C15.8596 0 21.5176 3.90724 21.5176 6C21.5176 8.09276 15.8596 12 11.2498 12ZM2.95934 6.46234C3.45217 6.99398 4.12936 7.57615 4.89724 8.10641C6.85469 9.45814 9.06793 10.2774 11.2498 10.2774C13.4316 10.2774 15.6449 9.45814 17.6023 8.10641C18.3702 7.57615 19.0474 6.99398 19.5402 6.46234C19.6993 6.29078 19.8308 6.13295 19.928 6C19.8308 5.86705 19.6993 5.70922 19.5402 5.53766C19.0474 5.00602 18.3702 4.42385 17.6023 3.89359C15.6449 2.54186 13.4316 1.72256 11.2498 1.72256C9.06793 1.72256 6.85469 2.54186 4.89724 3.89359C4.12936 4.42385 3.45217 5.00602 2.95934 5.53766C2.8003 5.70922 2.6688 5.86705 2.57159 6C2.6688 6.13295 2.8003 6.29078 2.95934 6.46234ZM11.2498 9.5C9.26502 9.5 7.65604 7.933 7.65604 6C7.65604 4.067 9.26502 2.5 11.2498 2.5C13.2346 2.5 14.8435 4.067 14.8435 6C14.8435 7.933 13.2346 9.5 11.2498 9.5ZM11.2498 7.7C12.2138 7.7 12.9953 6.93888 12.9953 6C12.9953 5.06112 12.2138 4.3 11.2498 4.3C10.2858 4.3 9.50425 5.06112 9.50425 6C9.50425 6.93888 10.2858 7.7 11.2498 7.7Z' fill-opacity='0.6'/%3E%3C/svg%3E");
}

.did-floating-label-content .pw-eye-slash {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.49908 13.6495L8.93791 12.2107C9.29193 12.2548 9.64639 12.2774 10 12.2774C12.1249 12.2774 14.2804 11.4582 16.1868 10.1064C16.9347 9.57615 17.5942 8.99399 18.0742 8.46235C18.2291 8.29079 18.3571 8.13296 18.4518 8.00001C18.3571 7.86706 18.2291 7.70923 18.0742 7.53767C17.5942 7.00603 16.9347 6.42386 16.1868 5.8936C16.0035 5.76358 15.8178 5.63848 15.63 5.51857L16.8352 4.31338C18.6938 5.53215 20 6.98112 20 8.00001C20 10.0928 14.4895 14 10 14C9.18692 14 8.34035 13.8719 7.49908 13.6495ZM3.16933 11.6896C1.30831 10.4702 0 9.01973 0 8.00001C0 5.90724 5.51049 2.00001 10 2.00001C10.815 2.00001 11.6637 2.12877 12.5069 2.35207L11.0688 3.79015C10.7126 3.74555 10.3558 3.72257 10 3.72257C7.87506 3.72257 5.71956 4.54187 3.81317 5.8936C3.06532 6.42386 2.4058 7.00603 1.92582 7.53767C1.77093 7.70923 1.64286 7.86706 1.54819 8.00001C1.64286 8.13296 1.77093 8.29079 1.92582 8.46235C2.4058 8.99399 3.06532 9.57615 3.81317 10.1064C3.99804 10.2375 4.18526 10.3636 4.37457 10.4844L3.16933 11.6896ZM9.66448 11.4841L13.4841 7.66448C13.4946 7.77491 13.5 7.88683 13.5 8.00001C13.5 9.93301 11.933 11.5 10 11.5C9.88682 11.5 9.7749 11.4946 9.66448 11.4841ZM6.51654 8.34242C6.5056 8.22976 6.5 8.11554 6.5 8.00001C6.5 6.06701 8.067 4.50001 10 4.50001C10.1155 4.50001 10.2298 4.50561 10.3424 4.51655L6.51654 8.34242ZM2.50435 14.5103L16.713 0.301597C17.0061 0.00851703 17.4813 0.00851703 17.7744 0.301597C18.0675 0.594678 18.0675 1.06985 17.7744 1.36294L3.56569 15.5716C3.2726 15.8647 2.79743 15.8647 2.50435 15.5716C2.21127 15.2785 2.21127 14.8034 2.50435 14.5103Z' fill-opacity='0.6'/%3E%3C/svg%3E");
}


.registerPhone .f-dropdown-wrapper {
    position: absolute;
    right: 0;
    margin: 0;
}

    .registerPhone .f-dropdown-wrapper .f-dropdown > span {
        padding: 0 10px !important;
        border-radius: 0 50px 50px 0 !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: none !important;
        height: 40px !important;
        background: transparent;
    }

        .registerPhone .f-dropdown-wrapper .f-dropdown > span:before {
            background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.4 8.7'%3E%3Cg%3E%3Cg%3E%3Cpath d='M7.7 8.6c-0.2 0-0.4-0.1-0.5-0.2l-6.9-7C0 1.1 0 0.6 0.3 0.3C0.5 0 1 0 1.3 0.3l6.4 6.5l6.4-6.5c0.3-0.3 0.8-0.3 1.1 0c0.3 0.3 0.3 0.8 0 1.1l-6.9 7C8.1 8.5 7.9 8.6 7.7 8.6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
            filter: none !important;
        }



/*custom checkbox*/

.form-group-checkbox-custom {
    display: block;
    margin-bottom: 15px;
}

    .form-group-checkbox-custom input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .form-group-checkbox-custom label {
        position: relative;
        cursor: pointer;
    }

        .form-group-checkbox-custom label:before {
            content: '';
            -webkit-appearance: none;
            border-radius: 3px;
            background-color: #e3e3e3;
            padding: 8px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
        }

    .form-group-checkbox-custom input:checked + label:after {
        content: '';
        display: block;
        position: absolute;
        top: 3px;
        left: 6px;
        width: 6px;
        height: 10px;
        border: solid #0079bf;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }


.rgstButton {
    background-image: linear-gradient(to right, #6a11cb, #2575fc);
    color: #fff;
    border-radius: 5px;
    padding:10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    text-transform: uppercase;
    font-size: 1rem !important;
}

    .rgstButton.rgstXS {
        padding: 6px 10px;
        cursor: pointer;
    }

    .rgstButton:hover {
        background-image: linear-gradient(to right, #2575fc, #6a11cb);
    }

.text-underline {
    text-decoration: underline !important;
}


/*#registerModal .bottom {
    padding-bottom: 15px;
    border-radius: 0 0 5px 5px;*/
/*    color: #333;*/
/*}*/


.registrationCaptcha {
    display: flex;
    align-items: normal;
    margin-bottom: 10px;
    flex-direction: column;
}

    .registrationCaptcha .form-block {
         width: 100%;
    }

    .registrationCaptcha .fld-block {
        display: flex;
        justify-content: space-between;
    }

    .registrationCaptcha .captchaimage {
        width:50%;
    }

    .registrationCaptcha .captchaimage img {
        width: 90%;
        margin-right:15px;
    }

.captchaInputRefresh { display:flex; justify-content:center; align-items:center; position:relative; }

    .captchaInputRefresh a.captcha-refresh {
        position: absolute;
        right: 10px;
        width: auto;
    }

    .captchaInputRefresh a.captcha-refresh span {
display:none;   
    }

    .captchaInputRefresh .fld {
        height: 38px;
        border-radius: 5px;
        border: 1px solid #dbdfe5;
    }

        .captchaInputRefresh input.fld:focus {
            border-color: #1676f3;
        }

        .captchaInputRefresh a.captcha-refresh i {
            font-size: 20px;
            color: #1676f3;
        }




.did-floating-label-content.registerAffiliate svg {
    width: 25px;
    top: 11px;
    left: 17px;
}

/*
     end new form css
 
*/

.modalCloseButton {
    border: none;
    background: #efefef;
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 5px 8px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    width: 28px;
    height: 28px;
    justify-content:center;
    z-index:10;
}

    .modalCloseButton svg {
        color: #333;
        width: 100%;
     }


/* .genericLink {
    width: 100%;
    display: block;
    padding: 0 0 5px 0;
} */

/*multisteps form */

 .registerModalSteps .modal-dialog {
    max-width: 700px!important;
}

.registerModalSteps .modal-content {
    width: 100% !important;
}

    .registerModalSteps .modal-content.one {
        max-width: 100% !important;
    }
 
#registerModal .bottom .btn {
    font-size: 1rem!important;
}

.hide {
    display: none;
}



/* end multisteps form */



.selectCustom .select {
    cursor: pointer;
    display: inline-block;
    position: relative;
     color: #fff;
    width: 100%;
    height:30px;
 }

.selectCustom select {
    display: none;
}

.custom-select-dd {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    color: #225084;
    border: 1px solid #dbdfe5;
    border-radius: 5px;
    height: 35px;
    padding: 0 40px 0 55px;
    display: flex;
    align-items: center;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

    .custom-select-dd:after {
         transform: rotateZ(0deg);
        transition: all 0.5s;
         content: "";
        display: block;
        position: absolute;
        right: 12px;
        transition: all 0.3s ease;
        background-repeat: no-repeat;
        background-size: 70%;
        background-position: center center;
        width: 15px;
        height: 15px;
        filter: invert(43%) sepia(90%) saturate(3956%) hue-rotate(201deg) brightness(95%) contrast(99%);
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19.3 18.7' xml:space='preserve'%3E%3Cpolygon points='9.6 18.6 4.8 9.3 0 0 9.6 0 19.3 0 14.4 9.3 '/%3E%3C/svg%3E");
    }
    /*.custom-select:hover {
     background-color: #b83729;
}
*/
    .custom-select-dd:active, .custom-select-dd.active {
        background-color: #fff;
        color: #9E9E9E;
        border-color: #1677f1;
    }

        .custom-select-dd:active:after, .custom-select-dd.active:after {
            transform: rotateZ(180deg);
            transition: all 0.5s;
         }

    .custom-select-dd:focus {
        outline: 2px;
    }

.select-options {
    max-height: 200px;
    overflow-y: auto;
    display: none;
    position: absolute;
    top: 110%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
}

    .select-options li:first-child { display:none; }

    .select-options li {
        color: #424242;
        margin: 0;
        padding: 12px 0;
        /* text-indent: 15px;
    */
        /* border-top: 1px solid #AED581;
    */
        -moz-transition: all 0.15s ease-in;
        -o-transition: all 0.15s ease-in;
        -webkit-transition: all 0.15s ease-in;
        transition: all 0.15s ease-in;
        padding-left: 15px;
    }
        .select-options li.inactive {
            font-weight: bold;
            cursor: default;
            padding-left: 5px;
        }

            .select-options li.inactive:hover {
                background: none;
                color: #424242;
            }

        .select-options li:hover {
            color: #ffff;
            background: #1677f1;
        }

        .select-options li[rel="hide"] {
            display: none;
        }

    .select-options::-webkit-scrollbar {
        width: 8px;
        background-color: #F5F5F5;
        border-radius: 0 0 5px 0;
    }

    .select-options::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #9E9E9E;
    }

.selectCustom {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

    .selectCustom svg {
        width: 24px;
        position: absolute;
        z-index: 1;
        left: 17px;
        color: #1676f3;
        bottom: 8px;
    }

.disabled_field:after {
    content: '';
    display: block;
    background-color: #000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.08;
    border-radius: 5px;
}

#registerModal button.dropbtn-single-box{
    color: inherit;
}

#registerModal .dropdown-single-content{
    right: auto;
    left: 0;
}

    #registerModal .dropdown-single-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align:left;
    }

    #registerModal .dropdown-single-content a p {
        margin:0;
/*        color: black;*/
    }

    .checkregisterpart1, .checkregisterpart2, .checkregisterpart3{
        width:100%;
    }

option.inactive {
    font-weight: bold;
    cursor: default;
    padding-left: 5px;
}

.phoneRegisterBorder {
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
}

.border-0:focus, .did-floating-input.border-0{
    border: none !important;
}

.phoneLabel{
    left: 0px;
}

.did-floating-input.pl-2{
    padding-left: 0.5rem !important;
}

.phone-svg{
    margin-right: -0.5rem;
}

@media screen and (max-width:768px) {

    .phone-svg {
        margin-right: -0.25rem !important;
    }

}

.phone-svg-single {
    margin-right: 1.5rem;
}

#__AjaxRegisterAntiForgeryForm button#dropdownMenuLink {
    display: none;
}

@media screen and (max-width:768px) {

    .phone-svg-single {
        margin-right: -0.25rem !important;
    }

    #__AjaxRegisterAntiForgeryForm button#dropdownMenuLink {
        display: block;
    }
}

#__AjaxRegisterAntiForgeryForm button#dropdownMenuLink .icon-language {
    width: 25px;
    height: 25px;
}

.captchaInputRefresh a svg {
    width: 16px;
    margin-top: -3px;
    color: #007bff;
}

.localized-wrapping {
    background: transparent !important;
    border: 1px solid #dbdfe5;
}
/*!
 * bootstrap-fileinput v5.1.1
 * http://plugins.krajee.com/file-input
 *
 * Krajee default styling for bootstrap-fileinput.
 *
 * Author: Kartik Visweswaran
 * Copyright: 2014 - 2020, Kartik Visweswaran, Krajee.com
 *
 * Licensed under the BSD-3-Clause
 * https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
 */.btn-file input[type=file],.file-caption-icon,.file-no-browse,.file-preview .fileinput-remove,.file-zoom-dialog .btn-navigate,.file-zoom-dialog .floating-buttons,.krajee-default .file-thumb-progress{position:absolute}.file-loading input[type=file],input[type=file].file-loading{width:0;height:0}.file-no-browse{left:50%;bottom:20%;width:1px;height:1px;font-size:0;opacity:0;border:none;background:0 0;outline:0;box-shadow:none}.file-caption-icon,.file-input-ajax-new .fileinput-remove-button,.file-input-ajax-new .fileinput-upload-button,.file-input-ajax-new .no-browse .input-group-btn,.file-input-new .close,.file-input-new .file-preview,.file-input-new .fileinput-remove-button,.file-input-new .fileinput-upload-button,.file-input-new .glyphicon-file,.file-input-new .no-browse .input-group-btn,.file-zoom-dialog .modal-header:after,.file-zoom-dialog .modal-header:before,.hide-content .kv-file-content,.is-locked .fileinput-remove-button,.is-locked .fileinput-upload-button,.kv-hidden{display:none}.file-caption-icon .kv-caption-icon{line-height:inherit}.btn-file,.file-caption,.file-input,.file-loading:before,.file-preview,.file-zoom-dialog .modal-dialog,.krajee-default .file-thumbnail-footer,.krajee-default.file-preview-frame{position:relative}.file-error-message pre,.file-error-message ul,.krajee-default .file-actions,.krajee-default .file-other-error{text-align:left}.file-error-message pre,.file-error-message ul{margin:0}.krajee-default .file-drag-handle,.krajee-default .file-upload-indicator{float:left;margin-top:10px;width:16px;height:16px}.file-thumb-progress .progress,.file-thumb-progress .progress-bar{font-family:Verdana,Helvetica,sans-serif;font-size:.7rem}.krajee-default .file-thumb-progress .progress,.kv-upload-progress .progress{background-color:#ccc}.krajee-default .file-caption-info,.krajee-default .file-size-info{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:160px;height:15px;margin:auto}.file-zoom-content>.file-object.type-flash,.file-zoom-content>.file-object.type-image,.file-zoom-content>.file-object.type-video{max-width:100%;max-height:100%;width:auto}.file-zoom-content>.file-object.type-flash,.file-zoom-content>.file-object.type-video{height:100%}.file-zoom-content>.file-object.type-default,.file-zoom-content>.file-object.type-html,.file-zoom-content>.file-object.type-pdf,.file-zoom-content>.file-object.type-text{width:100%}.file-loading:before{content:" Loading...";display:inline-block;padding-left:20px;line-height:16px;font-size:13px;font-variant:small-caps;color:#999;background:url(../img/loading.gif) top left no-repeat}.file-object{margin:0 0 -5px;padding:0}.btn-file{overflow:hidden}.btn-file input[type=file]{top:0;left:0;min-width:100%;min-height:100%;text-align:right;opacity:0;background:none;cursor:inherit;display:block}.btn-file ::-ms-browse{font-size:10000px;width:100%;height:100%}.file-caption .file-caption-name{width:100%;margin:0;padding:0;box-shadow:none;border:none;background:0 0;outline:0}.file-caption.icon-visible .file-caption-icon{display:inline-block}.file-caption.icon-visible .file-caption-name{padding-left:15px}.file-caption-icon{left:8px}.file-error-message{color:#a94442;background-color:#f2dede;margin:5px;border:1px solid #ebccd1;border-radius:4px;padding:15px}.file-error-message pre{margin:5px 0}.file-caption-disabled{background-color:#eee;cursor:not-allowed;opacity:1}.file-preview{border-radius:5px;border:1px solid #ddd;padding:8px;width:100%;margin-bottom:5px}.file-preview .btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.file-preview .fileinput-remove{top:1px;right:1px;line-height:10px}.file-preview .clickable{cursor:pointer}.file-preview-image{font:40px Impact,Charcoal,sans-serif;color:green}.krajee-default.file-preview-frame{margin:8px;border:1px solid rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);padding:6px;float:left;text-align:center}.krajee-default.file-preview-frame .kv-file-content{width:213px;height:160px}.krajee-default .file-preview-other-frame{display:flex;align-items:center;justify-content:center}.krajee-default.file-preview-frame .kv-file-content.kv-pdf-rendered{width:400px}.krajee-default.file-preview-frame[data-template=audio] .kv-file-content{width:240px;height:55px}.krajee-default.file-preview-frame .file-thumbnail-footer{height:70px}.krajee-default.file-preview-frame:not(.file-preview-error):hover{border:1px solid rgba(0,0,0,.3);box-shadow:0 0 10px 0 rgba(0,0,0,.4)}.krajee-default .file-preview-text{display:block;color:#428bca;border:1px solid #ddd;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;outline:0;padding:8px;resize:none}.krajee-default .file-preview-html{border:1px solid #ddd;padding:8px;overflow:auto}.krajee-default .file-other-icon{font-size:6em;line-height:1}.krajee-default .file-footer-buttons{float:right}.krajee-default .file-footer-caption{display:block;text-align:center;padding-top:4px;font-size:11px;color:#777;margin-bottom:30px}.file-upload-stats{font-size:10px;text-align:center;width:100%}.kv-upload-progress .file-upload-stats{font-size:12px;margin:-10px 0 5px}.krajee-default .file-preview-error{opacity:.65;box-shadow:none}.krajee-default .file-thumb-progress{top:37px;left:0;right:0}.krajee-default.kvsortable-ghost{background:#e1edf7;border:2px solid #a1abff}.krajee-default .file-preview-other:hover{opacity:.8}.krajee-default .file-preview-frame:not(.file-preview-error) .file-footer-caption:hover{color:#000}.kv-upload-progress .progress{height:20px;margin:10px 0;overflow:hidden}.kv-upload-progress .progress-bar{height:20px;font-family:Verdana,Helvetica,sans-serif}.file-zoom-dialog .file-other-icon{font-size:22em;font-size:50vmin}.file-zoom-dialog .modal-dialog{width:auto}.file-zoom-dialog .modal-header{display:flex;align-items:center;justify-content:space-between}.file-zoom-dialog .btn-navigate{padding:0;margin:-60px 0 0;font-size:60px;background:0 0;text-decoration:none;outline:0;opacity:.7;top:50%;color:#1c94c4}.file-zoom-dialog .btn-navigate:not([disabled]):hover{outline:0;box-shadow:none;opacity:.6}.file-zoom-dialog .floating-buttons{top:5px;right:10px}.file-zoom-dialog .btn-navigate[disabled]{opacity:.3}.file-zoom-dialog .btn-prev{left:1px}.file-zoom-dialog .btn-next{right:1px}.file-zoom-dialog .kv-zoom-title{font-weight:300;color:#999;max-width:50%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-input-ajax-new .no-browse .form-control,.file-input-new .no-browse .form-control{border-top-right-radius:4px;border-bottom-right-radius:4px}.file-caption-main{width:100%}.file-thumb-loading{background:url(../img/loading.gif) center center no-repeat content-box!important}.file-drop-zone{border:1px dashed #aaa;border-radius:4px;text-align:center;vertical-align:middle;margin:12px 15px 12px 12px;padding:5px}.file-drop-zone.clickable:hover{border:2px dashed #999}.file-drop-zone.clickable:focus{border:2px solid #5acde2}.file-drop-zone .file-preview-thumbnails{cursor:default}.file-drop-zone-title{color:#aaa;font-size:1.6em;padding:85px 10px;cursor:default}.file-highlighted{border:2px dashed #999!important;background-color:#eee}.file-uploading{background:url(../img/loading-sm.gif) center bottom 10px no-repeat;opacity:.65}.file-zoom-fullscreen .modal-dialog{min-width:100%;margin:0}.file-zoom-fullscreen .modal-content{border-radius:0;box-shadow:none;min-height:100vh}.file-zoom-fullscreen .modal-body{overflow-y:auto}.floating-buttons{z-index:3000}.floating-buttons .btn-kv{margin-left:3px;z-index:3000}.kv-zoom-actions .btn-kv{margin-left:3px}.file-zoom-content{text-align:center;min-height:300px}.file-zoom-content .file-preview-image,.file-zoom-content .file-preview-video{max-height:100%}.file-zoom-content>.file-object.type-image{height:auto;min-height:inherit}.file-zoom-content>.file-object.type-audio{width:auto;height:30px}@media (min-width:576px){.file-zoom-dialog .modal-dialog{max-width:500px}}@media (min-width:992px){.file-zoom-dialog .modal-lg{max-width:800px}}@media (max-width:767px){.file-preview-thumbnails{display:flex;justify-content:center;align-items:center;flex-direction:column}.file-zoom-dialog .modal-header{flex-direction:column}}@media (max-width:350px){.krajee-default.file-preview-frame:not([data-template=audio]) .kv-file-content{width:160px}}@media (max-width:420px){.krajee-default.file-preview-frame .kv-file-content.kv-pdf-rendered{width:100%}}.file-loading[dir=rtl]:before{background:url(../img/loading.gif) top right no-repeat;padding-left:0;padding-right:20px}.clickable .file-drop-zone-title{cursor:pointer}.file-sortable .file-drag-handle:hover{opacity:.7}.file-sortable .file-drag-handle{cursor:grab;opacity:1}.file-grabbing,.file-grabbing *{cursor:not-allowed!important}.file-grabbing .file-preview-thumbnails *{cursor:grabbing!important}.file-preview-frame.sortable-chosen{background-color:#d9edf7;border-color:#17a2b8;box-shadow:none!important}

/*!
 * bootstrap-fileinput v5.1.1
 * http://plugins.krajee.com/file-input
 *
 * Krajee RTL (Right To Left) default styling for bootstrap-fileinput.
 *
 * Author: Kartik Visweswaran
 * Copyright: 2014 - 2020, Kartik Visweswaran, Krajee.com
 *
 * Licensed under the BSD-3-Clause
 * https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
 */.kv-rtl .close,.kv-rtl .krajee-default .file-actions,.kv-rtl .krajee-default .file-other-error{float:left}.kv-rtl .krajee-default .file-drag-handle,.kv-rtl .krajee-default .file-upload-indicator,.kv-rtl .krajee-default.file-preview-frame{float:right}.kv-rtl .file-error-message pre,.kv-rtl .file-error-message ul,.kv-rtl .file-zoom-dialog{text-align:right}.kv-rtl{direction:rtl}.kv-rtl .floating-buttons{left:10px;right:auto}.kv-rtl .floating-buttons .btn-kv{margin-left:0;margin-right:3px}.kv-rtl .file-caption-icon{left:auto;right:8px}.kv-rtl .file-drop-zone{margin:12px 12px 12px 15px}.kv-rtl .btn-prev{right:1px;left:auto}.kv-rtl .btn-next{left:1px;right:auto}.kv-rtl .float-right,.kv-rtl .pull-right{float:left!important}.kv-rtl .float-left,.kv-rtl .pull-left{float:right!important}.kv-rtl .kv-zoom-title{direction:ltr}.kv-rtl .krajee-default.file-preview-frame{box-shadow:-1px 1px 5px 0 #a2958a}.kv-rtl .krajee-default.file-preview-frame:not(.file-preview-error):hover{box-shadow:-3px 3px 5px 0 #333}.kv-rtl .kv-zoom-actions .btn-kv{margin-left:0;margin-right:3px}.kv-rtl .file-caption.icon-visible .file-caption-name{padding-left:0;padding-right:15px}.kv-rtl .input-group-btn>.btn:last-child{border-radius:4px 0 0 4px}.kv-rtl .input-group .form-control:first-child{border-radius:0 4px 4px 0}.kv-rtl .btn-file input[type=file]{left:auto;right:0;text-align:left;background:100% 0 none}