/* Minification failed. Returning unminified contents.
(47,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(61,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(594,23): run-time error CSS1046: Expect comma, found '0'
(594,26): run-time error CSS1046: Expect comma, found ')'
(595,46): run-time error CSS1046: Expect comma, found '0'
(595,49): run-time error CSS1046: Expect comma, found ')'
(680,17): run-time error CSS1039: Token not allowed after unary operator: '-iconSize'
(681,18): run-time error CSS1039: Token not allowed after unary operator: '-iconSize'
(1335,30): run-time error CSS1046: Expect comma, found '34'
(1335,36): run-time error CSS1046: Expect comma, found '/'
(1652,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1653,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1662,32): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor'
(1679,30): run-time error CSS1039: Token not allowed after unary operator: '-size'
(1680,31): run-time error CSS1039: Token not allowed after unary operator: '-size'
(1698,35): run-time error CSS1039: Token not allowed after unary operator: '-size'
(1705,21): run-time error CSS1039: Token not allowed after unary operator: '-size'
(1706,22): run-time error CSS1039: Token not allowed after unary operator: '-size'
(1714,30): run-time error CSS1039: Token not allowed after unary operator: '-size'
(1715,26): run-time error CSS1039: Token not allowed after unary operator: '-size'
(1720,41): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor'
(1739,22): run-time error CSS1039: Token not allowed after unary operator: '-size'
(1740,23): run-time error CSS1039: Token not allowed after unary operator: '-size'
(1741,28): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor'
(1748,22): run-time error CSS1039: Token not allowed after unary operator: '-size'
(1749,23): run-time error CSS1039: Token not allowed after unary operator: '-size'
(1766,38): run-time error CSS1039: Token not allowed after unary operator: '-size'
(1769,28): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor'
(1787,17): run-time error CSS1038: Expected hex color, found '#fff0'
(2123,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#slideout_inner'
(2440,34): run-time error CSS1046: Expect comma, found '255'
(2440,42): run-time error CSS1046: Expect comma, found '/'
(2638,5): run-time error CSS1035: Expected colon, found '}'
(3140,6): run-time error CSS1030: Expected identifier, found ' '
(3143,1): run-time error CSS1019: Unexpected token, found '}'
(3241,1): run-time error CSS1019: Unexpected token, found '}'
(3580,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3581,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3594,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3595,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3711,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3715,21): run-time error CSS1039: Token not allowed after unary operator: '-light'
(3755,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3756,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3769,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3770,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3844,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(3856,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(3888,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3915,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3927,17): run-time error CSS1039: Token not allowed after unary operator: '-color-afb-black'
(3963,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3964,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3973,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3974,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4033,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(4064,22): run-time error CSS1039: Token not allowed after unary operator: '-light'
(4085,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4086,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4097,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4098,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4239,27): run-time error CSS1038: Expected hex color, found '#fff0'
(4277,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(4287,33): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(4295,37): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(4350,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(4448,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(4575,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(4711,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sm'
(4712,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-dark'
(4716,21): run-time error CSS1039: Token not allowed after unary operator: '-text-xs'
(4784,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4785,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4794,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4795,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4824,1): run-time error CSS1019: Unexpected token, found '}'
(4899,21): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(4901,37): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-h'
(4901,58): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-s'
(4901,84): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-l'
(4935,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(4939,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(4940,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(4942,36): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-4'
(4946,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(4947,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(5003,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sm'
(5004,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-dark'
(5008,21): run-time error CSS1039: Token not allowed after unary operator: '-text-xs'
(5076,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5077,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5086,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5087,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5098,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5099,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5155,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xxs'
(5160,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xs'
(5165,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-sm'
(5170,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-md'
(5175,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-lg'
(5180,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xl'
(5185,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xxl'
(5193,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5205,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5274,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5276,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5357,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5370,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5371,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5384,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5394,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(5455,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(5456,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5459,39): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-shadow'
(5468,43): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-shadow'
(5552,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(5553,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(5555,36): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-4'
(5557,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(5561,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(5562,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(5585,22): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(5594,19): run-time error CSS1039: Token not allowed after unary operator: '-space-md'
(5595,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5596,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5601,25): run-time error CSS1039: Token not allowed after unary operator: '-gray'
(5601,38): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1-s'
(5601,64): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1-l'
(5603,25): run-time error CSS1039: Token not allowed after unary operator: '-text-sm'
(5614,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sm'
(5620,23): run-time error CSS1039: Token not allowed after unary operator: '-space-lg'
(5642,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5643,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5652,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5653,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5668,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(5682,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(5722,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(5767,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(5769,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(5851,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(6037,24): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(6041,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(6045,24): run-time error CSS1039: Token not allowed after unary operator: '-color-contrast-low'
(6049,24): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(6053,28): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(6057,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(6061,28): run-time error CSS1039: Token not allowed after unary operator: '-color-contrast-low'
(6065,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(6091,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6092,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6103,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6115,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6127,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6139,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6151,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6163,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6201,32): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(6239,17): run-time error CSS1039: Token not allowed after unary operator: '-light'
(6245,17): run-time error CSS1039: Token not allowed after unary operator: '-light'
(6281,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(6303,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6314,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6355,28): run-time error CSS1039: Token not allowed after unary operator: '-photoboxOverlay'
(6356,37): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration'
(6356,90): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration'
(6363,31): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration'
(6369,32): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration'
(6380,31): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration'
(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 '-'
(6637,28): run-time error CSS1046: Expect comma, found '255'
(6637,36): run-time error CSS1046: Expect comma, found '/'
(7058,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7059,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7068,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7069,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7078,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7193,38): run-time error CSS1046: Expect comma, found '0'
(7193,42): run-time error CSS1046: Expect comma, found '/'
(7373,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7384,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7395,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7690,36): run-time error CSS1046: Expect comma, found '62'
(7690,42): run-time error CSS1046: Expect comma, found '/'
(7920,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7921,10): run-time error CSS1035: Expected colon, found '{'
(8050,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8051,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '30%'
(8246,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(8247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8272,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8324,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8782,28): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme'
(8787,40): run-time error CSS1046: Expect comma, found '138'
(8787,46): run-time error CSS1046: Expect comma, found '/'
(9446,20): run-time error CSS1046: Expect comma, found '255'
(9446,28): run-time error CSS1046: Expect comma, found '/'
(9477,29): run-time error CSS1038: Expected hex color, found '#0003'
(10282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10286,15): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(10297,15): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(10300,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10301,10): run-time error CSS1035: Expected colon, found '{'
(10383,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(10423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10458,30): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme'
(10481,22): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme'
(10500,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10501,8): run-time error CSS1035: Expected colon, found '{'
(10507,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10508,8): run-time error CSS1035: Expected colon, found '{'
(10658,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10659,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10660,15): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(10663,32): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(10664,29): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(10672,50): run-time error CSS1039: Token not allowed after unary operator: '-count'
(10672,70): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(10672,87): run-time error CSS1039: Token not allowed after unary operator: '-count'
(10672,107): run-time error CSS1039: Token not allowed after unary operator: '-count'
(10673,38): run-time error CSS1039: Token not allowed after unary operator: '-count'
(10673,58): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(10673,75): run-time error CSS1039: Token not allowed after unary operator: '-count'
(10673,95): run-time error CSS1039: Token not allowed after unary operator: '-count'
(10674,37): run-time error CSS1039: Token not allowed after unary operator: '-count'
(10674,57): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(10674,74): run-time error CSS1039: Token not allowed after unary operator: '-count'
(10674,94): run-time error CSS1039: Token not allowed after unary operator: '-count'
(10681,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10686,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10737,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10738,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10743,23): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(10751,29): run-time error CSS1039: Token not allowed after unary operator: '-main_text'
(10752,34): run-time error CSS1039: Token not allowed after unary operator: '-subtheme'
(10753,36): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme'
(10761,29): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme'
(10763,40): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme'
(10766,190): run-time error CSS1030: Expected identifier, found '.'
(10766,201): run-time error CSS1031: Expected selector, found ')'
(10766,201): run-time error CSS1025: Expected comma or open brace, found ')'
(10771,28): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme'
(10776,26): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme'
(10777,28): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme'
(10794,32): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme'
(10803,26): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme'
(10804,28): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme'
(10808,32): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme'
(10828,22): run-time error CSS1039: Token not allowed after unary operator: '-subtheme'
(10829,24): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme'
(10853,24): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme'
(10856,96): run-time error CSS1030: Expected identifier, found '.'
(10856,107): run-time error CSS1031: Expected selector, found ')'
(10856,107): run-time error CSS1025: Expected comma or open brace, found ')'
(10862,22): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme'
(11023,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11024,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11076,38): run-time error CSS1046: Expect comma, found '122'
(11076,43): run-time error CSS1046: Expect comma, found ')'
(11303,49): run-time error CSS1046: Expect comma, found '101'
(11303,56): run-time error CSS1046: Expect comma, found ')'
(11303,69): run-time error CSS1046: Expect comma, found '48'
(11303,74): run-time error CSS1046: Expect comma, found ')'
(11303,87): run-time error CSS1046: Expect comma, found '0'
(11303,90): run-time error CSS1046: Expect comma, found ')'
(11405,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11422,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11437,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(11438,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11467,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11468,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11525,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11526,10): run-time error CSS1035: Expected colon, found '{'
(11938,17): run-time error CSS1039: Token not allowed after unary operator: '-color-afb-black'
(12037,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(12100,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(12220,21): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(12222,37): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-h'
(12222,58): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-s'
(12222,84): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-l'
(12256,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(12266,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(12300,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xs'
(12308,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(12337,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(12338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12341,39): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-shadow'
(12350,43): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-shadow'
(12380,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(12437,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(12438,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(12440,36): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-4'
(12442,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(12447,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(12470,22): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(12478,19): run-time error CSS1039: Token not allowed after unary operator: '-space-md'
(12479,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12480,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12485,25): run-time error CSS1039: Token not allowed after unary operator: '-gray'
(12485,38): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1-s'
(12485,64): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1-l'
(12487,25): run-time error CSS1039: Token not allowed after unary operator: '-text-sm'
(12494,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sm'
(12500,23): run-time error CSS1039: Token not allowed after unary operator: '-space-lg'
(12527,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(12558,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg'
(12844,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12854,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12864,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12865,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12874,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12875,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12884,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12885,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12894,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12895,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12904,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12905,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12914,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12931,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12932,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12945,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12946,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12962,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12963,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12979,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12980,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12993,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12994,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13246,24): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(13250,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13254,24): run-time error CSS1039: Token not allowed after unary operator: '-color-contrast-low'
(13258,24): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(13262,28): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(13266,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13270,28): run-time error CSS1039: Token not allowed after unary operator: '-color-contrast-low'
(13274,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(13299,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13311,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13323,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13335,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13347,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13359,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13371,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13864,26): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(13918,32): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1'
(14682,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14767,21): run-time error CSS1039: Token not allowed after unary operator: '-GenericFormColor'
(15283,20): run-time error CSS1038: Expected hex color, found '#ffff'
 */
/**
 * 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,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.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-item,.owl-carousel .owl-wrapper{-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{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{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-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit;border-radius: 0.25rem;padding: 0.25rem !important;font-size: 0.875rem !important;}.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}.owl-carousel .animated{animation-duration:1s;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-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.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 .1s 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-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;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
body {
    font-size: .8em !important;
    font-family: 'Poppins', sans-serif !important;
    letter-spacing: 0.5px;
    background-color: #0e0e0e;
}

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 !important;
    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;*/
}

/*---------------------------------------------*/
.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;
}

.min-amount{
    color:red
}
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;
}

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

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

td {
    font-weight: 500;
}

button:focus {
    outline: none !important;
}

img {
    width: 100%;
}

video {
    width: 100%;
}

/* navigation */
.navbar {
    padding: .5rem .5rem;
}

/* 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;
}

.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;
}

.afb-padding-lr {
    padding-left: 5px !important;
    padding-right: 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 > 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;
    border: 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;
    width: 220px;
}

.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;
    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;
}

.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-black2 {
    background-color: #1b1b1b !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;
}

.logo-notif-wrapper {
    width: 20%;
}



/* All Page Title */
.user-profile .h3 {
    /* border-bottom: 1px solid #3e3e3e; */
    color: #222222;
}

.affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
}

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

.affix {
    position: fixed;
}

.vl {
    border-left: 5px solid #ee4327;
    height: 20px;
    display: inline;
    margin-right: 10px;
    margin-left: 10px;
}

/* AFB Title */
.afb-title-h1 {
    background: rgb(0 0 0);
    background: linear-gradient(90deg, rgb(0 0 0) 0%, rgba(9, 9, 121, 0) 65%);
    width: 100%;
    padding: 8px 0;
    font-size: 1.5em;
    color: #fff !important;
}

    .afb-title-h1 span {
        color: white;
    }

    .afb-title-h1 .h1 {
        color: white;
        font-size: .7em;
        margin: 0 auto;
    }

    .afb-title-h1 a span {
        display: inline-block;
        float: right;
        color: #ff8a00;
        margin-right: 25px;
        margin: 0 auto;
        font-size: .9em;
        padding-right: .75rem;
    }

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

/* 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: 0;
}


/* 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: linear-gradient(0deg, rgba(238, 67, 39, 1) 0%, rgba(242, 105, 37, 1) 100%);
    z-index: 15;
}

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

        .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: #ff8a00;
    }
}

@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;
    overflow-y: auto;
    max-height: 40vh;
    transition: all .3s ease-in-out;
    scroll-behavior: smooth;
    /* 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: 0px;
}

    .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: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 10;
    right: 0;
    border-radius: 5px;
    font-size: 1em;
    padding: 0;
    right: auto;
}

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

.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;*/
    }

button.dropbtn-single-box.dropbtn-single.btn-sm.btn-block {
    font-weight: normal;
}

    button.dropbtn-single-box.dropbtn-single.btn-sm.btn-block:hover {
        background-image: linear-gradient(270deg, rgba(238, 67, 39, 1) 0%, rgba(242, 105, 37, 1) 100%) !important;
    }

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

/* Sign In */
input,
textarea {
    border-radius: 50px !important;
    padding: 10px 15px;
    width: 100%;
    box-sizing: border-box;
    border: none !important;
    border: 1px solid #F3E5F5 !important;
    font-size: 1em !important;
    color: #000;
    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 #F3E5F5 !important;
    font-size: 1em !important;
    color: #000 !important;
    font-weight: 400;
    /*margin-top: 10px;*/
}
    input:focus,
    textarea:focus,
    select:focus {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border: 1px solid #2575fc !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: #ff8a00;
    padding: 15px;
    cursor: pointer;
    border: none !important;
    margin: 20px 0px;
    font-size: 1.6rem;
}

    .btn-color:hover {
        color: #fff;
        background: #ee4327;
    }

.btn-white {
    border-radius: 50px;
    color: #ee4327;
    background-color: #fff;
    padding: 8px 40px;
    cursor: pointer;
    border: 2px solid #ff8a00 !important;
}

    .btn-white:hover {
        color: #fff;
        background-image: linear-gradient(270deg, rgba(238, 67, 39, 1) 0%, rgba(255, 131, 0, 1) 100%);
    }

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

button.afb {
    background-color: #343a40;
    border-bottom: 2px solid transparent;
    border-radius: 2px 2px;
    padding: 5px 15px;
}

    button.afb:focus,
    button.afb01:focus {
        background-color: #343a40;
        border: 0;
        border-bottom: 2px solid transparent;
        border-radius: 2px 2px;
        padding: 5px 15px;
    }

button.afb01.xs {
    background-image: linear-gradient(90deg, rgba(238, 67, 39, 1) 0%, rgba(255, 131, 0, 1) 100%);
    border: none;
    border-radius: 2px 2px;
    padding: 5px 15px;
    color: white;
    /*font-size: .32em !important;*/
    margin: 0 auto;
    line-height: 1.4;
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

button.afb01 {
    background: #343a40;
    border: none !important;
    border-radius: 2px 2px;
    padding: 5px 15px;
    color: white;
}

button.afb02 {
    background: #d9534f;
    border: none;
    border-radius: 2px 2px;
    color: white;
}

    button.afb02:hover {
        background: #c9302c;
    }

button.afb:hover, button.afb:active {
    background-color: #000 !important;
    border: none !important;
    border-bottom: 2px solid orange !important;
}


button.afb01:hover, button.afb01:active {
    background-color: #000 !important;
    border: none !important;
}

button.afb03 {
    background: #1e8535;
    border: none;
    border-radius: 5px;
    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 {
    background-color: #191919;
    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;
}

.input-group-append button.btn.btn-secondary {
    background: #ff8a00;
}

    .input-group-append button.btn.btn-secondary:hover {
        background: #ee4327;
    }

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%;
    border-radius: 5px 5px 0 0;
}

.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: 100%;
    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: #1b1b1b;
    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;
    }

.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 #ff8a00 !important;
    border-radius: 4px;
    background-color: #0000ff00;
    height: 33px;
}

    button.afb-m-menu:hover {
        color: white;
        background-image: linear-gradient(270deg, rgba(238, 67, 39, 1) 0%, rgba(255, 131, 0, 1) 100%);
        ;
    }

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

a.btn-icontop-lg:hover {
    color: white;
    background: linear-gradient(270deg, rgba(238, 67, 39, 1) 0%, rgba(255, 131, 0, 1) 100%);
}

.btn-icontop-lg:hover img {
    filter: invert(108%) sepia(44%) saturate(0%) hue-rotate(160deg) brightness(344%) contrast(100%);
}

.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: transparent;
    border: 2px solid #1e7e34;
    color: #1e7e34;
    padding: 5px 20px !important;
}

    .btn-light:hover {
        background-color: #1e7e34;
        border: 2px solid #1e7e34;
        color: white !important;
    }

    .btn-light:visited {
        background-color: transparent;
        border: 2px solid #1e7e34;
        color: #1e7e34;
        padding: 5px 20px !important;
    }

.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: #434343;
}

    .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;
}

.promo_preview .text-wrap {
    border-radius: 0 0 5px 5px;
}

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

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

/* mobile footer button */
.nav_bottom-container {
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    /* border-top-left-radius: 20px; */
    /* border-top-right-radius: 20px; */
    /* background: #FFFFFF; */
    /*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: #1b1b1b;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

    .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);
        }

        .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;
}

/* Footer Menu */
.widget-list li a:hover {
    text-decoration: underline;
}

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

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

        .widget .card-header a:after {
            content: "+";
            position: absolute;
            right: 30px;
            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;
    }

/* 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: 99;
    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.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

@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.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;
    }

/* social media */
.afb-medias a {
    width: 100%;
    background-color: white;
    border: none;
    outline: none;
    display: block;
    margin-bottom: 5px;
    padding: 5px 10px;
    background-image: linear-gradient(90deg, rgba(238, 67, 39, 1) 0%, rgba(255, 131, 0, 1) 100%);
    color: white;
}

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

.afb-medias span {
    color: white;
}

.afb-medias a:hover {
    background-image: linear-gradient(270deg, rgba(238, 67, 39, 1) 0%, rgba(255, 131, 0, 1) 100%);
    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;
    }*/

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;
    overflow: hidden;
}

.button-afb.one {
    background: linear-gradient(270deg, rgba(238, 67, 39, 1) 0%, rgba(255, 131, 0, 1) 100%);
    text-align: justify;
    border: 2px solid transparent;
}

    .button-afb.one:hover {
        background: transparent;
        border-bottom: 2px solid #28a745;
    }

.hideFunctionInMobile {
    margin-top: 1px;
}

.button-afb {
    background: #070707;
    padding: 5px 12px;
    text-align: center;
    border: 2px solid #dc3545;
    border-radius: .25rem;
    color: #fff;
}

    .button-afb a {
        color: white;
    }

    .button-afb:hover {
        background: #dc3545;
        color: #fff;
    }

    .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;
    text-transform: uppercase;
    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: -3px 0px;
}

.amount-blur {
    color: #ffffff14 !important;
    text-shadow: 0 0 5px rgb(255 255 255 / 50%);
}

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

.universal_hamburger_menu .aside_content-account_box .account_box-infopanel .infopanel-wallet .account_box-wallet{
    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-block {
    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;
    }

    /* 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: 1299px) {

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

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

    hr.footer-line {
        display: none;
    }
}

@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;
    }

    .header-memu-m {
        margin-top: 0px;
    }

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

    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) {


    .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;
    }

    .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-copy-right {
        padding-bottom: 40px !important;
        position: relative;
    }

        .footer-copy-right::after {
            position: absolute;
            display: block;
            content: '';
            background-color: #000;
            width: 100%;
            height: 60px;
            top: 100%;
            left: 0;
        }

    /* 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: 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;
        }

}

@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%;
}

    .footer-wrapper01 img, .sidebar-box > div img {
        width: 100% !important;
    }

.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: .5em;
    }
}

.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: 1.2em;
}

.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 {
    /*padding: 20px 40px;*/
    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: #ff6a00;
    border-color: #007bff00;
}

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

/* 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(270deg, rgba(238, 67, 39, 1) 0%, rgba(255, 131, 0, 1) 100%);
    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: 5px 10px;
    background: var(--cd-color-1);
    border-bottom: solid 1px hsl(0deg 0% 22%);
    color: #ff6a00;
    text-align: center;
    position: relative;
    line-height: 18px;
}

    .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: 14px;
        /* text-transform: uppercase; */
        /*line-height: 34px;*/
    }

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

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

    .wallet-top-left span,
    .wallet-top-right span {
        font-size: 14px;
        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;
}

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

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

.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;
    }
}

ul.dropdown-menu {
    padding: 0;
}

    ul.dropdown-menu li {
        float: left;
        width: 50%;
    }

        ul.dropdown-menu li a {
            padding: 0;
        }

            ul.dropdown-menu li a:hover {
                background-color: #1d212a05;
            }

            ul.dropdown-menu li a img {
                width: 100%;
                background-color: #00000047;
                padding: 10px;
                border-radius: 5px;
                margin: 0;
            }

.dropdown-submenu > .dropdown-menu {
    /*top: 0;
    margin: 0 auto;
    height: 100vh;*/
    left: 100%;
    margin-left: -1px;
    background: #272930;
    width: 100%;
    top: auto;
    bottom: auto;
    margin: -36px 0;
    border: none;
    border-radius: unset;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
    background-color: var(--cd-color-1);
}


.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

ul.dropdown-menu.parent {
    margin-top: -1px;
}

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

.c-header-nav .dropdown-menu {
    line-height: 1.5
}

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

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

.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: 0px;
    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 {
    background-color: rgba(0,0,0,0.6);
    backdrop-filter: blur(5px);
    z-index: 10000;
}

.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: #343a40;
    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.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);
    }
}

.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.79em;
    /*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
}

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

.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
    }
}*/

.cd-tabs__list {
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

ul.cd-tabs__list {
    padding: 0;
}

.cd-tabs__list li {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@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;
    -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: 7px 15px;
    font-weight: 700;
    border-radius: 3px;
    white-space: nowrap;
    cursor: pointer;
    font-size: 10pt;
}

.form-group label {
    color: black;
    margin-bottom: 0
}

.fileinput input,
textarea {
    padding: 0 !important;
}

.form-control {
    border-radius: .3em !important;
    padding: 0.35rem !important;
    height: calc(1.2em + 0.75rem + 2px) !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: #050505; */
    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;*/
}

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

.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 {
    background: #28a745;
    border-radius: 2px 2px;
    padding: 7px 12px !important;
}

    .user-names:hover {
        background: transparent;
        border-bottom: 2px solid #28a745;
    }

    .user-names a span {
        color: white;
    }

        .user-names a span:hover {
            color: white;
        }

/* 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;
    max-width: 360px;
    /*min-height: 280px;*/
    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;
    }

.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: 30%;
    left: 2%;
}

.owl-next {
    position: absolute;
    top: 30%;
    right: 2%;
}

/* 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) {
    .t768-dp-none {
        display: none !important;
    }

    .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.4;
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle,
.btn-light.focus,
.btn-light:focus {
    background-image: linear-gradient(270deg, rgba(238, 67, 39, 1) 0%, rgba(255, 131, 0, 1) 100%);
    color: white;
}

/* 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: 1.1em;
}

/* 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;
}

@media only screen and (max-width: 767px) {
    #outer-nav {
        overflow-x: scroll;
    }

        /*hide menu scrollbar*/
        #outer-nav::-webkit-scrollbar {
            width: 0px;
            height: 0px;
        }
}

/* Pagination */
.pagination a.active {
    background-image: linear-gradient(90deg, rgba(238, 67, 39, 1) 0%, rgba(255, 131, 0, 1) 100%) !important;
    color: white !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(270deg, rgba(238, 67, 39, 1) 0%, rgba(255, 131, 0, 1) 100%);
                }

@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;
}

/* Widget Desktop SearchGame  */
.searchgamewidget {
    padding: 0px !important;
}


/* Widget Mobile SearchGame  */
.search-button {
    margin: 0px 0px 5px 0px;
}

.searchgameMobilewidget.show {
    top: 90px;
}


/* Example #1 */
#header-1 {
    padding: 10px;
}

    #header-1 .search-box {
        position: absolute;
        bottom: 0;
        right: .2em;
        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: .6em;
    position: absolute;
    border-radius: 0 0px 10px 0px;
    right: 0;
    top: 0;
}

.under-mh {
    color: white;
    background-color: red;
    padding: 5px;
    font-size: .6em;
    position: absolute;
    border-radius: 0 0px 0px 10px;
    right: 0;
    top: 0;
}

.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 0 10px 10px;
    top: 0;
    z-index: 1;
}

.animated {
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    animation: 3s linear 0s infinite alternate moveTo;
    min-width: 100%;
}

    /*  .animated > * {
        display: inline-block;
        position: relative;
        animation: 3s linear 0s infinite alternate moveTo;
    }*/

    .animated > *.min {
        min-width: 100%;
    }

@keyframes moveTo {
    from {
        left: -50%;
    }

    to {
        /* left: auto; */
        left: 50%;
    }
}



.animated > * {
    box-sizing: border-box;
    padding: .5rem 1rem;
}

.container1 {
    flex-wrap: wrap;
}

/* search button */
.search-btn, .searchgamewidget .search-btn {
    text-align: center !important;
    color: white !important;
    font-size: .8em;
    padding: 5px;
    border-radius: 5px;
    border: 2px solid #ff8a00;
    display: block;
    margin-top: 5px;
}

    .search-btn:hover {
        background-image: linear-gradient(270deg, rgba(238, 67, 39, 1) 0%, rgba(255, 131, 0, 1) 100%);
        border: 2px solid transparent;
    }

hr.footer-line {
    margin: 0px;
    border-top: 2px solid #ff8a00;
    width: 40px;
    margin-bottom: 1rem;
}

.numbering {
    background-image: linear-gradient(180deg, #434343 0%, #000000 100%);
    border-radius: 0.5rem;
}

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

/* free spin */
.btn-mix-noborder {
    outline: 0;
    border-radius: 50px;
    font-size: 0.8em;
    letter-spacing: 2px;
    overflow: hidden;
    position: relative;
    padding: .8em 2em;
    /* margin: 4em; */
    text-transform: uppercase;
    -webkit-tap-highlight-color: transparent;
    transition: all 500ms ease-in-out;
    display: inline-block;
}

.btn-mix-wrapper-mb {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: -35px;
    text-align: center;
}

.btn-mix-noborder.one {
    outline: 0;
    border-radius: 50px;
    font-size: 0.8em;
    letter-spacing: 2px;
    overflow: hidden;
    position: relative;
    padding: .8em 2em;
    /* margin: 4em; */
    text-transform: uppercase;
    -webkit-tap-highlight-color: transparent;
    transition: all 500ms ease-in-out;
}

.btn-mix-noborder::after,
.btn-mix-noborder::before {
    content: "";
    position: absolute;
}

.btn-mix-noborder:hover,
.btn-mix-noborder:focus {
    background: rgba(255, 255, 255, 0.8);
}

.btn-mix-noborder::after {
    background: #222;
    border-radius: 120px;
    content: attr(data-text);
    color: #fff;
    padding: .4em 1.5em;
    top: 0.4em;
    left: 0.5em;
    -moz-user-select: none;
    user-select: none;
    user-drag: none;
}

.btn-mix-noborder::before {
    background: transparent;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    box-shadow: 0 1em 2em 3em rgba(255, 50, 0, 0.5), 4em 0em 2em 2em rgba(155, 50, 0, 0.6), -4em -2em 2em 2em rgba(255, 0, 150, 0.5), -4em 2em 2em 4em rgba(0, 0, 150, 0.5), 0 -3em 2em 3em rgba(120, 250, 0, 0.5), 2em -1em 2em 2em rgba(50, 10, 200, 0.5);
    width: 0;
    height: 0;
    animation: mix 5s linear infinite;
}

@keyframes mix {
    30% {
        box-shadow: 0 -1em 2em 3em rgba(255, 0, 200, 0.5), 4em -1em 2em 3em rgba(255, 50, 0, 0.8), -4em 2em 3em 2em rgba(155, 200, 0, 0.5), -4em -2em 2em 2em rgba(200, 0, 150, 0.6), 0 3em 2em 2em rgba(20, 250, 0, 0.5), 2em 1em 2em 2em rgba(50, 10, 250, 0.5);
    }

    60% {
        box-shadow: 2em 1em 2em 3em rgba(55, 0, 200, 0.5), 3em 1em 2em 3em rgba(25, 150, 0, 0.6), 3em -2em 3em 3em rgba(155, 200, 0, 0.5), -4em 2em 2em 3em rgba(200, 0, 50, 0.6), 0 -3em 2em 3em rgba(200, 250, 0, 0.5), -2em 1em 2em 3em rgba(50, 210, 250, 0.6);
    }
}

.btn-mix-noborder::after {
    background: transparent !important;
    color: white !important;
    font-weight: 700;
}

/* ---------- Resgiter 02072021 ----------*/
.signup-content,
.signin-content {
    display: flex;
    display: -webkit-flex;
}

@media only screen and (max-width:767px) {
    .signin-image {
        width: 100% !important;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: unset;
    }
}

.modal-content.one {
    background-color: #fff;
    margin: auto;
    padding: 0;
    border: none;
    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--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%;
    }
}

.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%;
}

button.dropbtn-single-box {
    background-color: #7be50000;
    color: white;
    font-size: 14px;
    border: none;
    padding: 7px 10px;
    font-weight: 700;
    margin-top: 3px;
}

    button.dropbtn-single-box.dropbtn-single:hover {
        background: transparent !important;
    }

    button.dropbtn-single-box.black {
        color: black;
    }

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

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

    .dropdown-single-content.one:before {
        position: absolute;
        bottom: -6px;
        left: 50px;
        display: inline-block;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: '';
    }

    .dropdown-single-content.one:after {
        position: absolute;
        bottom: -6px;
        left: 50px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-top: 6px solid #ffffff;
        border-left: 6px solid transparent;
        content: '';
    }

.dropdown-single:hover .dropbtn-single {
    background-image: transparent !important;
    border-radius: 2px;
}

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

.friends-dropdown {
    padding: 15px;
    text-align: center;
    color: #000;
}

    .friends-dropdown p {
        margin: 10px 0 0;
    }

        .friends-dropdown p.one {
            margin: 0 auto;
        }

    .friends-dropdown hr {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

    .friends-dropdown .h4 {
        font-size: 1.2em;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .friends-dropdown a {
        padding: 0;
    }

.drop-up {
    top: auto;
    bottom: 100% !important;
    left: -20px;
    margin-bottom: 15px;
}

/*tablesticky*/
.table-sticky {
    border-collapse: separate;
    border-spacing: 0;
    white-space: nowrap;
}

    .table-sticky thead .sticky-left {
        position: sticky;
        left: 0;
    }

    .table-sticky tbody .sticky-left {
        position: sticky;
        left: 0;
        background: #e2e2e2;
    }

    .table-sticky thead.thead-dark .sticky-left {
        background-color: #333;
    }

    .table-sticky.table-striped tbody tr:nth-of-type(odd) th.sticky-left {
        background-color: #424242 !important;
    }

    .table-sticky.table-striped tbody tr:nth-of-type(even) th.sticky-left {
        background-color: #191919 !important;
    }

/*simplelogin*/
button.btn.btn-success.btn-login {
    border: #343a40;
    border-radius: 2px 2px;
    /* padding: 5px 15px; */
    color: white;
    background: #343a40;
    border-bottom: 2px solid #343a40;
}

    button.btn.btn-success.btn-login:hover {
        background: #000;
        border-bottom: 2px solid #ff8a00;
    }

/*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);
}

/*navbar*/
li.nav-item.afb-black2 {
    display: flex !important;
    align-items: center;
}

li.nav-item:hover {
    background-color: #ff8a00 !important;
}

#tournWTop5RankTab li.nav-item:hover {
    background-color: transparent !important;
}
a.nav-link {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 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;
    }

button.btn-success.btn-login {
    background-color: #343a40;
    border-radius: 2px 2px;
    padding: 4px 15px;
    border: none;
    position: relative;
}

.afb-header-menu button.afb01[data-target="#registerModal"] {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    margin-right: 0 !important;
    background-color: var(--mainTheme);
}

button.btn-success.btn-login:hover {
    background-color: #000;
    box-shadow: inset 0 -3px 0 rgb(255 138 0 / 100%);
}

/*
    button.btn-success.btn-login:hover:after {
        content: '';
        background: #ff8a00;
        height:2px;
        position:absolute;
        width:100%;
        bottom:0;
        left:0;
    }
    */

@media only screen and (max-width: 460px) {
    .navbar {
        padding: 0 .25rem;
    }
}

.nav-item .m-dp-block {
    height: 55px;
}

    .nav-item .m-dp-block a.nav-link {
        background: none !important;
    }

/*
button.float-left.button.button-regular.afb03.promobtn.three {
    border: 2px solid #1e8535 !important;
}

button.float-left.button.button-regular.afb03.promobtn.three:hover {
    background: #155c24;
    border: 2px solid #155c24 !important;
}

button.float-left.button.button-regular.button-disabled.afb02.three {
    border: 2px solid #f30000;
}

button.float-left.button.button-regular.button-disabled.afb02.three:hover {
    border: 2px solid #c9302c;
}
    */
@media (max-width: 1110px) {
    .megamenu .megamenu-nav {
        justify-content: unset !important;
    }
}

@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;
}*/

/*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*/
button.afb04 {
    background-image: linear-gradient(to right, #c5c5c5, #afafaf);
    border: none;
    border-radius: 2px 2px;
    padding: 5px 15px;
    color: white;
}

.bankno {
    color: #343A3F !important;
}

#spin-button button {
    color: #fff !important
}

/*End Smart Download APK*/
button.afb04 {
    background-image: linear-gradient(to right, #c5c5c5, #afafaf);
    border: none;
    border-radius: 2px 2px;
    padding: 5px 15px;
    color: white;
}

/*End Smart Download APK*/


.afb-medias a i.fa.fa-angle-double-right {
    right: 15%;
    position: absolute;
    margin-top: 2px;
}

.withdrawNC span {
    color: black;
}

.selectCA, .addNewCA {
    color: #007bff !important;
    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%);
}

.custom-max-width {
    max-width: 75% !important;
}

@media screen and (max-width:768px) {
    .custom-max-width {
        max-width: 90% !important;
    }

    #betHistoryModel {
        padding-right: 0px !important;
    }
}

/*.localized-wrapping {
    border-radius: 5px !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;
    }*/

/*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;
    }
}


/* widget */
.top5game .afb-title-h1 {
    width: 100%;
    padding: 10px 0 10px 20px;
    font-size: 1em;
    font-weight: 500;
    color: #fff;
    margin: 5px 0;
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    position: relative;
    align-items: center
}

    .top5game .afb-title-h1 a span {
        display: flex;
        align-items: center
    }

        .top5game .afb-title-h1 a span svg {
            margin-left: 5px
        }

    .top5game .afb-title-h1:before {
        content: '';
        position: absolute;
        left: 5px;
        width: 5px;
        background: #ee4327;
        height: 20px
    }

.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: #fff;
            font-size: .7rem;
            line-height: 15px;
            font-weight: 500;
            padding: 10px 5px;
            display: block;
            border-radius: 0 0 10px 10px;
        }

            .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
        }

            .top5game .photobox__previewbox .action_overlay a div {
                font-size: .7rem;
                padding: 6px 10px;
                text-align: center;
                margin: 5px 0;
                border-radius: 3px;
                color: #fff;
                display: block;
                font-weight: 500;
                background-image: linear-gradient(90deg, rgba(238, 67, 39, 1) 0%, rgba(255, 131, 0, 1) 100%)
            }

                .top5game .photobox__previewbox .action_overlay a div:hover {
                    background-image: linear-gradient(90deg, rgba(255, 131, 0, 1) 0%, rgba(238, 67, 39, 1) 100%)
                }

    .top5game .photobox__previewbox:hover .action_overlay {
        left: 0;
        transition-duration: .5s
    }

.jackpotpool .afb-title-h1 {
    width: 100%;
    padding: 10px 0 10px 20px;
    font-size: 1em;
    font-weight: 500;
    color: #fff;
    margin: 5px 0;
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    position: relative;
    align-items: center
}

    .jackpotpool .afb-title-h1:before {
        content: '';
        position: absolute;
        left: 5px;
        width: 5px;
        background: #ee4327;
        height: 20px
    }

    .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;
                color: #fff;
                display: block;
                font-weight: 500;
                background-image: linear-gradient(90deg, rgba(238, 67, 39, 1) 0%, rgba(255, 131, 0, 1) 100%)
            }

                .jackpotpool .photobox__previewbox .action_overlay a div:hover {
                    background-image: linear-gradient(90deg, rgba(255, 131, 0, 1) 0%, rgba(238, 67, 39, 1) 100%)
                }

    .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;
    border-radius: 0 0 10px 10px;
}

    .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
    }

.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
}

#faq-tab-content .faq-card {
    background-color: #2a3040;
    font-weight: 700;
    color: rgb(255 255 255 / 87%);
}

@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;
}

/* 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: 1.75rem !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;
        }
}

#newsWGParent img {
    border-radius: 5px;
}





.photobox.photobox_type1.promo_preview a.afb01 {
    display: block;
    margin: 0;
    width: fit-content;
    margin: 0 auto;
    max-width: 75%;
}


.sideContent .sidebar-item {
    position: inherit !important;
}

.sideContent {
    padding: 0 !important;
}

.crypto_address {
    width: 70% !important;
}

#crypto-deposit .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;
}

    #crypto-deposit .tooltip.show {
        opacity: 1;
        pointer-events: auto;
    }


.captcha a span {
    color: #333;
}

.btn-playgame {
    width: 65%;
    margin: 0 auto;
    font-size: 0.6rem;
}



/*how to */

.steps-howto {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 20px 0;
}

    .steps-howto .numbering {
        padding: 0.5rem;
        margin: 0.5rem 1.6rem;
        display: flex;
        align-items: center;
        width: 220px;
    }

        .steps-howto .numbering img {
            width: 85px;
            margin-right: 15px;
        }

@media (max-width: 799px) {

    .steps-howto {
        flex-wrap: wrap;
    }

        .steps-howto .numbering:nth-child(1), .steps-howto .numbering:nth-child(2) {
            width: 200px;
        }
}

@media (max-width: 579px) {
    .steps-howto .numbering img {
        width: 50px;
    }

    .steps-howto .numbering {
        margin: 0.5rem 1rem;
    }

        .steps-howto .numbering:nth-child(1), .steps-howto .numbering:nth-child(2) {
            width: 175px;
        }
}


@media (max-width: 479px) {
    .steps-howto .numbering:nth-child(1), .steps-howto .numbering:nth-child(2) {
        width: 40%;
    }


    .steps-howto .numbering {
        width: 55%;
        justify-content: center;
        font-size: 0.8em;
    }

        .steps-howto .numbering img {
            margin-right: 5px;
            width: 30px;
        }
}


@media (max-width:349px) {
    .steps-howto .numbering:nth-child(1), .steps-howto .numbering:nth-child(2), .steps-howto .numbering {
        width: 100% !important;
    }

    .steps-howto .numbering {
        justify-content: start;
    }

        .steps-howto .numbering img {
            margin-right: 10px;
            width: 50px;
        }

    .steps-howto .numbering {
        font-size: 1em;
    }
}

/*how to */

.table-responsive {
    color: #333;
}


.member-crypto-list td {
    padding: 10px 5px;
}


.button-afbs {
    float: left !important;
    background: linear-gradient(0deg, rgba(238, 67, 39, 1) 0%, rgba(242, 105, 37, 1) 100%);
    z-index: 15;
    border-radius: 1px;
    text-align: center;
    padding: 5px 5px !important;
    height: 33px;
    font-size: 1em;
    font-weight: 700;
}

    .button-afbs:hover {
        background: linear-gradient(180deg, rgba(238, 67, 39, 1) 0%, rgba(242, 105, 37, 1) 100%);
    }

    .button-afbs .button-afb {
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        background: none !important;
    }

        .button-afbs .button-afb:hover {
            border: none !important;
            background: none !important;
        }

@media (max-width:428px) {
    .info-desktop {
        display: block;
    }

    .info-mobile {
        display: none;
    }
}

@media (min-width:429px) {
    .info-desktop {
        display: block;
    }

    .info-mobile {
        display: none;
    }
}




/*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;
}

a.afb01.xs {
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



.rgstButton {
    background: #343a40 !important;
}

    .rgstButton:hover {
        background-image: linear-gradient(90deg, rgba(238,67,39,1) 0%, rgba(255,131,0,1) 100%) !important;
    }



#VTdata img {
    width: 100%;
    height: auto;
}

#mega888StartingModal span, #megaGamingStartingModal span, #megaV3StartingModal span, #pussy888StartingModal span, #kiss918StartingModal span {
    color: black;
}

.navbar:nth-child(1) .container {
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

li.nav-item.afb-black2:hover {
    cursor: pointer;
}

.content-sticky .container-fluid {
    margin-top: -1px;
}


.downline-details .h3 b{
    margin-top: 0;
    display:block;
}

#btnPromo {
    margin-left: 20px;
}


@media only screen and (max-width:768px) and (min-width:430px) {
    .downline-details {
        padding: 8px !important;
    }
} 

#active-member-list th, #active-member-list td {
    padding: 10px 4px;
    font-size: 0.8rem;  
  }
  
 /* .input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext {
    flex: unset;
  }*/
  select[name="cryptoDepositPromoId"] {
    width: 500px;
  }

#searchgame_searchgame_Keyword .input-group-append {
    margin-left: 166px;
    margin-top: -38px;
}

#searchkeyword {
    width: 166px;
}
button[onclick="searchGame()"] {
    height: 38px;
}

.container-search-game input {
    width: 1079px;
}

.container-search-game .input-group-append {
    margin-top: -38px;
}
.container-search-game button {
    height: 38px;
}

#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;
    }

#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%;
}

@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;
}

.simple-forgotpw a {
    color: #fff;
}

.simple-forgotpw a:hover {
    color: #ccc;
}

/*promotion rules*/
@media (max-width:426px) {
    .promotion-rules-page .container .col-6 {
        flex: none;
        max-width: 100%;
    }
}

.sharebox-container.text-center.p-1 .input-group-append button {
    padding-top: 0 !important;
}

@media(max-width:428px) {
    #invite-friend .share-title {
        font-size: 9px;
        max-height: 27px;
    }
}

@media only screen and (max-width: 1195px) and (min-width: 996px) {
    #invite-friend .row .col-12.col-md-6.col-lg-3.px-1,
    #invite-friend .row .col-12.col-md-6.col-lg-3.px-1,
    #invite-friend .row .d-none.d-md-block.col-md-6.px-1 {
        min-width: 50% !important;
    }
}

#invite-friend .row .col-12.col-md-6.col-lg-3.px-1 input,
#invite-friend .row .col-12.col-md-6.col-lg-3.px-1 input,
#invite-friend .row .d-none.d-md-block.col-md-6.px-1 input {
    min-height: 33.19px !important;
}

.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;
}

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

.simple-forgotpw {
    position: absolute;
}

#affiliate-detail-list .font-weight-light, #affiliate-detail-list .font-weight-light span {
    color: black;
}   

/* 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*/

#countdown-resend-otp {
    color: #ee4327;
}

.slots-list .container-search-game .input-group-append {
    margin-top: 1px;
}

.slots-list .container-search-game button {
    height: 28px;
}

/*
    Bottom Nav CSS
*/

:root {
    --mainTheme: #ee4327;
}

.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(--mainTheme);
        }

.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(--mainTheme);
    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;
}

#searchgame2_searchgame_Keyword {
    color: #666 !important;
}

.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;
}

.btn-light span {
    color: #1e7e34;
}

.toast-body {
    border-bottom: 6px solid #ee4327;
}
.fastdeposit-note span, .autodeposit-note span {
    color: red !important;
}

.loyalprogram-info .table-title {
    color: rgba(241,95,37,.8);
}

#HaveDLS {
    float: left;

}

#DepoConfModal .btn-primary {
    background: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}

#DepoConfModal .modal-body,
#DepoConfModal .modal-body span{
    color: #000 !important;
}

#DepoConfModal .modal-header {
    background: #dc3545 !important;
}

    #DepoConfModal .modal-header h5 {
        color: #fff !important;
    }

#DepoConfModal .fa-clone,
#DepoConfModal .text-primary {
    color: #dc3545 !important;
}

#top .dropdown-single-content a:hover, .active-lang {
    background: #ddd !important;
    color: #000 !important;
}

.play-btn {
    top: 20%;
}

.free-trial-btn {
    top: 42%;
}

button#depositBtn, button#withdrawBtn, button#WICKET9WithdrawBtn {
    background: linear-gradient(90deg, rgba(238, 67, 39, 1) 0%, rgba(255, 131, 0, 1) 100%);
    padding: 7px 15px;
    border-radius: 2px !important;
}

    button#depositBtn:hover, button#withdrawBtn:hover, button#WICKET9WithdrawBtn:hover {
        background: linear-gradient(90deg, rgba(255, 131, 0, 1) 0%, rgba(238, 67, 39, 1) 100%);
        padding: 7px 15px;
        border-radius: 2px !important;
    }

button#playnowBtn {
    background-image: linear-gradient(90deg, rgba(238, 67, 39, 1) 0%, rgba(255, 131, 0, 1) 100%);
    border-radius:2px;
}

    button#playnowBtn:hover {
        background-image: linear-gradient(90deg, rgba(255, 131, 0, 1) 0%, rgba(238, 67, 39, 1) 100%);
        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(90deg, rgba(238, 67, 39, 1) 0%, rgba(255, 131, 0, 1) 100%) !important;
}

    .transferModal #playnowBtn:hover, .updatepassword:hover {
        background-image: linear-gradient(90deg, rgba(255, 131, 0, 1) 0%, rgba(238, 67, 39, 1) 100%) !important;
    }


input#WICKET9withdrawIpt, input#WICKET9DepositIpt, input#WICKET9UpdatePasswordIpt {
    border-radius: 2px !important;
    height: 32px;
}

.game-overlay-DetailBottom .bottom-container, .game-overlay-DetailBottom .top-container .fav-rtp-container .favourite-game-container {
    background: #2c2c2c;
}

.game-lobby-container,
#searchmoregamelist .page-searchgame .row,
#DLSGamesList .row {
    --count: 4;
    --gap: 15px;
    gap: var(--gap);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    webkit-padding-after: var(--gap);
    padding-block-end: var(--gap);
    display: flex;
}

    .game-lobby-container > div,
    .game-lobby-container > div,
    #searchmoregamelist .page-searchgame .row > div,
    #DLSGamesList .row > div {
        ms-flex-preferred-size: calc(100% / var(--count) - calc(var(--gap)* calc(var(--count) - 1) / var(--count)));
        flex-basis: calc(100% / var(--count) - calc(var(--gap)* calc(var(--count) - 1) / var(--count)));
        max-width: calc(100% / var(--count) - calc(var(--gap)* calc(var(--count) - 1) / var(--count)));
    }

@media screen and (max-width:768px) {
    .game-lobby-container,
    #searchmoregamelist .page-searchgame .row,
    #DLSGamesList .row {
        --count: 3;
    }
}

.game-overlay-DetailBottom {
    --border-radius: 5px;
}

    .game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-play, .game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-demo {
        background: linear-gradient(0deg, rgba(238, 67, 39, 1) 0%, rgba(242, 105, 37, 1) 100%);
    }

    .game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-demo{
        color: white;
    }

/*New burger menu*/

    .afb-logo {
        width: 20%;
        text-align: center;
    }

    .header-memu-m{
        width: 70%;
        text-align: right;
    }
    button.dropbtn-single-box {
        height: 25px;
        width: 25px;
        padding: 0;
        margin: 5px;
    }
    .icon-language{
        width: 18px;
        height: 18px;
    }

.menu-overlay.open {
    visibility: visible;
    opacity: 1;
    transform: translateX(0%);
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 10000;
}

.menuClose {
    padding: 0px;
    margin-left: 0px;
    margin-right: 0.5em !important;
    margin-top: 6px;
    margin-bottom: 6px;
}

.universal_hamburger_menu {
    --subtheme: #201c12;
    --main_text: #fff;
}

    .universal_hamburger_menu .aside_content-main_content {
        background: #070707;
        padding: var(--gap);
    }

        .universal_hamburger_menu .aside_content-account_box, .universal_hamburger_menu .aside_content-login, .universal_hamburger_menu .aside_content-main_content .main_content-section {
            background: #222;
        }

            .universal_hamburger_menu .aside_content-login .did-floating-input {
                color: var(--main_text);
                background: var(--subtheme);
                border-color: var(--mainTheme) !important;
            }

            .universal_hamburger_menu .aside_content-login .login-button button.btn-login {
                background: #343a40;
            }

            .universal_hamburger_menu .aside_content-login .login-button button.btn-register {
                color: var(--mainTheme);
                background: transparent;
                border: 1px solid var(--mainTheme);
            }

    .universal_hamburger_menu .collapse-container [data-toggle=collapse][aria-expanded=true], .universal_hamburger_menu .collapse-container [data-toggle=collapse][aria-expanded=true]:has(+ .collapse-0), .universal_hamburger_menu .collapse-container [data-toggle=collapse] + .collapse, .universal_hamburger_menu .collapse-container [data-toggle=collapse] + .collapsing, .universal_hamburger_menu .collapse-container [data-toggle=collapse] + .collapse-0{
        background: #333;
    }

    .universal_hamburger_menu .hamburgerSearch .input-group {
        border-color: var(--mainTheme);
    }

    .universal_hamburger_menu .hamburgerSearch .btn.gameCategoryBtn {
        color: #fff;
        background: var(--mainTheme);
        border-color: var(--mainTheme);
    }

    .universal_hamburger_menu .aside_content-main_content .main_content-section-title {
        color: #fff;
        border-color: #fff;
    }

    .universal_hamburger_menu .aside_content-main_content .main_content-section .btn svg.icon, .universal_hamburger_menu .aside_content-main_content .main_content-section .btn i.icon {
        color: #666;
    }

    .universal_hamburger_menu #hamburgerCategory img.icon {
        filter: brightness(0.7);
    }

    .universal_hamburger_menu .aside_content-main_content .main_content-section .btn.active, .universal_hamburger_menu .aside_content-main_content .main_content-section .btn:hover {
        background-color: var(--mainTheme);
    }

    .universal_hamburger_menu .hamburgerSearch .input-group input, .universal_hamburger_menu .hamburgerSearch .input-group .svg-icon {
        color: #fff;
    }

    .universal_hamburger_menu .hamburgerSearch .result-wrapper #hamburger_searchgame_history_List > .badge {
        color: #fff;
        background: var(--mainTheme);
        border-color: var(--mainTheme);
    }

    .universal_hamburger_menu .dropdown-item:hover, .universal_hamburger_menu .dropdown-item:focus, .universal_hamburger_menu .dropdown-item.active {
        background-color: var(--mainTheme);
    }

.afb-header-menu .login {
    text-overflow: ellipsis;
    overflow: hidden;
    width: max-content;
}

.simple-login{
    margin-right: 0;
}

.simple-login .fld {
    padding: .4rem .75rem !important;
    width: 115px;
    height: 35px;
}

.universal_hamburger_menu .hamburgerSearch .result-wrapper .searchgamewidgetListing li {
    background: var(--subtheme);
    border-color: var(--mainTheme);
}

.profile {
    text-align: right;
    padding-left: 5px;
    padding-right: 5px;
}

    .profile div {
        font-size: 9px;
    }

.profile-username {
    font-weight: bold;
}

.afb-logo img {
    object-fit: contain;
    max-width: 120px;
    max-height: 70px;
}

.universal_hamburger_menu .hamburgerSearch .dropdown-menu{
    border-color: var(--mainTheme);
}

.universal_hamburger_menu .collapse-container [data-toggle=collapse][aria-expanded=true]:has(+ .collapse-1){
    background-color: var(--mainTheme);
}

.universal_hamburger_menu .aside_content-login .login-button button.btn-login:hover {
    color: #000;
    background: var(--mainTheme);
}

.m-show.hide {
    display: none;
}

.redDotNotification {
    position: relative; /* 設置相對定位，讓子元素的絕對定位參考此元素 */
    display: inline-block;
}

    .redDotNotification img {
        display: block; /* 防止圖片下方出現間隙 */
    }

    .redDotNotification::after {
        content: "";
        top: 4px;
        left: 23px;
        width: 40%;
        height: 40%;
        background-image: url('https://d2lcoivv20vty7.cloudfront.net/Content/img/p2mobile/reddot.gif'); /* 替換成你想要的圖片 */
        background-size: cover; /* 調整覆蓋方式 */
        background-position: center;
        pointer-events: none; /* 確保按鈕功能正常 */
        position: absolute;
    }

.offcanvas-active .redDotNotification::after {
    display: none;
}

.game-overlay-rtp .top-container .game-img-container .hover-content .btn-play, .game-overlay-rtp .top-container .game-img-container .hover-content .btn-demo {
    background: #ee4327;
    color: white;
}


.eachItem a {
    padding: 5px 10px !important;
    display: flex;
    align-items: center;
    height: 110px;
    width: 100%;
    margin: 5px 0px 0px 0px !important;
    background-color: rgba(255,255,255,0.1);
    border-radius: 5px !important;
    justify-content: center;
    flex-direction: column;
}

    .eachItem a img {
        object-fit: contain;
        height: 100%;
    }

.nav-item-content .moreBTN img {
    filter: grayscale(1);
    object-fit: cover;
    aspect-ratio: 185 / 113;
}

.eachItem {
    padding: 0px 5px 5px 5px !important;
    margin: 0 !important;
}

.row.justify-content-md-center {
    margin-top: 5px;
}


.dorpdownContainer {
    overflow: hidden;
}

.moreBTN {
    margin-top: 4px;
    margin-left: 0px;
}

    .moreBTN a {
        display: block;
        margin-right: 7px !important;
        background-color: rgba(255,255,255,0.1);
        border-radius: 5px !important;
        padding: 5px 10px !important;
    }

.under-m {
    top: 6px;
    right: 5px;
}

.under-n {
    color: white;
    background-color: red;
    padding: 5px;
    font-size: .6em;
    position: absolute;
    border-radius: 0 0px 10px 10px;
    right: 5px;
    top: 6px;
}

.nav-item-content p {
    color: white;
    margin: 5px 0 5px 0;
    font-size: .78em;
}

#NotifPopUp {
    top: 118px;
    position: absolute;
    right: 100px;
}
#NotifPopUpSpecial p {
    color: #333 !important;
}
#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: 60px;
    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: #3a3a3a;
    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 {
    border-bottom: 5px solid rgb(225 122 0);
    background: rgb(101,101,101);
    background: radial-gradient(circle, rgba(101,101,101,1) 0%, rgba(66,66,66,1) 50%, rgba(37,37,37,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;
}

.dls-title {
    text-align: center;
    position: relative;
    top: 25px;
    z-index: 99;
}

    .dls-title .h1 {
        background-color: #ff8a00;
        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: #2c2c2ca3;
    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;
}
.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 {
    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: 50px;
    border-radius: 0 0 5px 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: linear-gradient(180deg, rgb(101 101 101) 0%, rgb(48 48 48) 50%, rgb(0 0 0) 100%);
    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: #ff8a00;
        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: linear-gradient(0deg, rgba(238,67,39,1) 0%, rgba(255,131,0,1) 100%);
    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: linear-gradient(180deg, rgba(238,67,39,1) 0%, rgba(255,131,0,1) 100%);
    }

.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%);
    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: 25%;
    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;
    color: #000;
    font-size: .7rem;
}

.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%;
        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;
}
.bonus-dls-bg-wrapper span {
    color: #212529;
    font-size: .7rem;
    font-weight: 300;
}
/*daily lucky spin set 2*/
 
 

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

button.afb01 {
    border: none;
    border-radius: 2px 2px;
     padding: 5px 15px;
    /*padding: 7px 12px !important;*/
    color: white;
}
.afb-header-menu button.afb01 {
    padding: 7px 12px !important;
}
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;
}

.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: #337ab7 !important;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #616161;
}

    .pagination > li > a:focus, .pagination > li > a:hover {
        z-index: 2;
    
        background-image: linear-gradient(270deg, rgba(238,67,39,1) 0%, rgba(255,131,0,1) 100%);
        border-color: #ddd;
        color: #fff !important;
    }

.mandatory_field {
    color: red;
}

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

 
.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;*/
    
    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;
    }

/*@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);
    }

    .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 #ee4526;
    }
}

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

.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: var(--cd-color-1) !important;
    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);
    }

    .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 #ee4526;
    }
}

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

.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;
}

.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;
}

.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-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);
    }

.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;

    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: black;
}

.card-text:last-child {
    padding-top: 0;
}

.form-group {
    text-align: left;
}

.bank-list table td, table th {
    font-size: .9em;
    padding: 10px 10px;
}

#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: 45px;
    display: flex;
    background: #ff8a00;
    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;
}


@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: #ff8a00;
}


/*    .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;
}*/

 .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: transparent !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: #34384c;
    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: #98ffe1 !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;
    }




    /* affiliate  */


@media (max-width: 767.98px) {
    h3.details-title {
        height: 30px !important;
    }
}

h3.details-title {
    height: 45px;
}

#invite-friend .share-title {
    font-size: .75rem;
}


.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);
    }


/* 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;
    }

input, textarea {
    border-radius: 5px !important;
    padding: 10px 15px;
    width: 100%;
    box-sizing: border-box;
    border: none !important;
    border: 1px solid #F3E5F5 !important;
    font-size: 1em !important;
    color: #000;
    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 input {
    background-color: transparent;
    border: 1px solid #545454 !important;
    border-radius: 0px !important;
    padding: 18px 10px !important;
    color: white !important;
    font-size: 1em !important;
}
.input-group {
    border-radius: 5px !important;
}*/
@media (max-width: 980px) {
    h3.details-title {
        height: 35px !important;
    }
}


    @media (max-width: 767.98px) {
        .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;
        }
    }

    .affiliate h3 {
        border-bottom: 1px solid #3e3e3e;
        color: #222222;
    }

    #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;
    }


    .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);
        }

    button.qrcode {
        border: none;
        background: transparent;
        cursor: pointer;
    }

        button.qrcode:hover {
            outline: none;
        }

    #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;
    }

    /*affiliate actual*/

    #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;
        margin: 0;
    }

    #main-affiliate thead,
    #deposit-withdraw-history thead,
    #gamedeposit-withdraw-history thead,
    #daily-lucky-spin-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;
        color: rgb(0,0,0);
    }

    #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;
    }

    #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: #e2e2e2;
    }

    #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;
    }

    @media screen and (min-width: 960px) {
        .table-sticky {
            border-collapse: collapse;
            white-space: normal;
        }
    }

    #invite-friend .h3 {
        width: 100%;
        padding: 8px 5px;
        font-size: 15px;
        font-weight: normal;
        text-transform: capitalize;
        color: #000;
        margin: 0;
        border: none;
    }

    .btn-sharebox-gray {
        background-color: #28324d;
        color: #fff !important;
    }

    .sharebox-container {
        border-radius: 10px;
        background-color: #28324d;
    }

.btn-sharebox {
    background-image: linear-gradient(270deg, rgba(238,67,39,1) 0%, rgba(255,131,0,1) 100%);
    color: #fff;
    width: 44px;
}

        .btn-sharebox > h5 {
            margin: 0;
        }

    .btn-sharebox:hover {
        background-image: linear-gradient(90deg, rgba(238,67,39,1) 0%, rgba(255,131,0,1) 100%);
        color: #fff;
    }

        .btn-sharebox > img {
            padding-bottom: 4px;
        }

    .btn-sharebox-gray > img {
        padding-bottom: 4px;
    }

#shareboxPopup .modal, #shareboxQRcode .modal, #pompayQRcode_Modal .modal {
    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;
}

#shareboxPopup .modal-content, #shareboxQRcode .modal-content, #pompayQRcode_Modal .modal-content {
    background-color: #fff !important;
    margin: auto;
    padding: 0;
    border: none;
    width: 360px;
    border-radius: 5px;
    color: #222;
}

    #shareboxPopup .modal-header {
        background: var(--cd-color-1);
        color: #ffffff;
        border-bottom-color: #dee2e6 !important;
    }

    #shareboxPopup .modal-header button {
        color: #fff;
    }

    #shareboxPopup .h5 {
        margin: auto;
        font-size: 1.25rem;
    }

    .btn-sharebox .h5 {
        color: white !important;
        font-size: .95rem !important;
    }

    button#copytext {
        border: none;
        background: transparent;
        cursor: pointer;
        padding-top: 0px;
    }

        button#copytext:hover {
            outline: none;
        }

    button#copylink {
        border: none;
        background: transparent;
        cursor: pointer;
        padding-top: 0px;
    }

        button#copylink:hover {
            outline: none;
        }

    #invite-friend .card-body {
        color: rgb(0,0,0);
    }

    button[aria-expanded=true] .fa-caret-down {
        display: none;
    }

    button[aria-expanded=false] .fa-caret-up {
        display: none;
    }

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

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

    .collapse.show .card-body {
        border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    }

    #tier table {
        font-size: .95em;
        margin: 0;
    }

    #tier thead {
        background: #201f25;
        color: #fff;
    }

    #tier tbody td {
        background: #fff;
        color: #434649;
    }

    #tier tbody tr:nth-child(2n+2) td {
        background: #e2e2e2;
    }

    #tier th, #tier td {
        padding: 10px 7px;
    }

    input#copy-link {
        padding: 5px 10px !important;
    }

    .downline-details {
        background: #e2e2e2;
        border-radius: 0 0 4px 4px;
        padding: 15px;
    }

        .downline-details .h3.one {
            padding: 0 !important;
            margin: 0 auto !important;
            /*height: 20px;*/
            font-weight: 500;
        }

#active-member-list .h3, .user-profile .h3 {
    width: 100%;
    font-size: 15px;
    font-weight: normal;
    text-transform: capitalize;
    /*margin: 1rem 0 0 0;*/
}

        .downline-details .h3 {
            font-size: 12px;
            border-bottom: 1px solid transparent;
            margin-bottom: 15px;
        }

    #active-member-list table {
        border-collapse: collapse;
        font-size: .95em;
        margin: 0;
    }

    #active-member-list thead {
        background: #201f25;
        color: #fff;
    }

    #active-member-list tbody td {
        background: #fff;
        border-bottom: 2px solid #d0d0d0;
        color: rgb(0,0,0);
    }

    #active-member-list tbody tr:nth-child(2n+2) td {
        background: #e2e2e2;
    }

    #active-member-list .table-sticky thead .sticky-left {
        background-color: #4f5871;
    }

    #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;
    }

    #active-member-list th, #active-member-list td {
        padding: 10px 7px;
    }

    #DepositTabContent .table-sticky thead.user-background .sticky-left {
        background-color: #777;
    }

    #DepositTabContent .table-sticky tbody .sticky-left {
        background-color: #fff;
    }
table.bet-history {
    color: #fff;
    background-color: #070707 !important;
}

table.bet-history.table-sticky thead .sticky-left {
    background-color: #333;
}
    table.bet-history.table-sticky tbody .sticky-left {
        background: #424242;
    }

    table.bet-history.table-sticky tbody tr:nth-child(2n+2) .sticky-left {
        background: #191919;
    }

    table.bet-history th, table.bet-history td {
        padding: 10px 7px;
    }

    table.bet-history tr {
        border-bottom: 1px solid #d0d0d0;
    }

    table.bet-history > tbody > tr > td {
        background: #2c2c2c;
    }

    table.bet-history > tbody > tr:nth-child(2n+2) td {
        background: #070707;
    }

@media (min-width: 768px) and (max-width: 894px){
    h3.details-title{
        height: 45px !important;
    }

}
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;
}
.fastdeposit-step2 .whitelabel, .fastdeposit-step2 .fastDepositTimerS2 {
    color: black;
}
td.deletebtn > button {

    background: red;
}

    td.deletebtn > button:hover, td.deletebtn > button:active, td.deletebtn > button:visited, td.deletebtn > button:focus {
  
        background: #d80000;
    }
.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 {
  
    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 {
    background-image: linear-gradient(270deg, rgba(238,67,39,1) 0%, rgba(255,131,0,1) 100%);

    border-radius: 2px 2px;
    color: white;
    border: none !important;
}
button.afb01:hover, button.afb01:active {
    background-image: linear-gradient(90deg, rgba(238,67,39,1) 0%, rgba(255,131,0,1) 100%);
 }

.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;
}

/*
        
        CRYPTO CSS END HERE 


    */
/*games-history-datepicker*/
.gh-calendar-part {
    height: unset;
    width: 100%;
    background: #eaeaea;
    padding: 5px;
}

.gh-calendar-side {
    display: flex;
}

.from-date, .end-date {

    box-sizing: border-box;
    padding: 4px 8px;
    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;
    padding: 10px 0 !important;
}

.from-date:focus-within, .end-date:focus-within {
    background: #ff8a00;
    color: #fff
}

.gh-calendar-part input, .gh-calendar-part input:focus, .gh-calendar-part input:focus-within {
    background: transparent!important;
}


.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: #ff8a00;
    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 !important;
    }

.ui-datepicker .ui-datepicker-header {
    background: #ff8a00;
    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 #ff8a00;
    background: #ff8a00;
    font-weight: normal;
    color: #ffffff;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #ff8a00;
    background: #ff8a00;
    font-weight: normal;
    color: #ffffff;
}

@media (min-width: 420px) {
    #modal2 .signup-content, #modal2 .signin-content {
        display: unset !important;
    }
}
.padding-x .table thead th {
    border-bottom: none !important;
}
.user-background tr th:nth-child(1) {
    background: #28324d !important;
}

#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)
}
.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;
}

#top-Withdraw-Btn {
    cursor: pointer;
}

#top-Deposit-Btn {
    cursor: pointer;
}

.paginationjs-page.J-paginationjs-page.active {
    background-color: transparent;
    background-image: linear-gradient(90deg, rgba(238,67,39,1) 0%, rgba(255,131,0,1) 100%);
    color: white !important;
}

    .paginationjs-page.J-paginationjs-page.active a {
        color: white !important;
        background-color: transparent !important;
    }

.paginationjs-page.J-paginationjs-page:hover:not(.active) {
    background-color: transparent !important;
}

a.btn.btn-qr.badge-pill {
    width: 70%;
    background-color: white;
    border: none;
    outline: none;
    display: block;
 
    padding: 5px 10px;
    background-image: linear-gradient(to right, #6a11cb, #2575fc);
    color: white;
    font-size: .75rem;
    margin: auto auto 5px;
}

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

: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;
        line-height: 1.4;
    }



#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 {
    position: relative;
    margin-bottom: 10px;
    display: block;
     width: 100%;
 }

     .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;
        z-index:2;
    }

    .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;
    margin: 0;
}


.error_register_msg {
    line-height: 1;
}

.did-floating-input,
.did-floating-select  {
    font-size: 16px;
    display: block;
    width: 100%;
     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;
     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,
.custom-select-dd,
.did-floating-input,
.did-floating-select,
.did-floating-label-content .toggle-password {
    height: 35px;
}


.selectCustom .select {
    cursor: pointer;
    display: block;
    position: relative;
    color: #fff;
    width: 100%;
}

.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;
     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;
        top: 6px;
    }

.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;
    background: transparent;
}

.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 {
     display: flex;
    height:35px;
    padding-left:55px;
    margin-bottom:0;
 }

.svg-icon.svg { height:24px; }


.localized-wrapping .did-floating-input {
      position: absolute;
     left:0;

}

.localized-wrapping.phoneRegCode .did-floating-label {
    left: 110px !important;
}

.localized-wrapping.phoneRegCode .did-floating-input {
    padding-left: 115px!important;
}


.error_register_msg {
    width: 100%;
    margin-top: 2px;
}

 
.localized-wrapping #phoneCode {
    padding: 0 !important;
    width: 55px;
}

#phoneCode {
    height: 35px !important;
    z-index: 2;
    background: transparent;
}

.did-floating-input.border-danger {
    border-color: #dc3545 !important;
}

.did-floating-label-content .checkmark,
.did-floating-label-content .cross {
    top: 0 !important;
    right: 0;
    width: 35px !important;
    height: 35px !important;
}
 

.did-floating-label-content .checkmark,
.did-floating-label-content .cross {
    z-index: 1;
}

.dropbtn-single-box.dropdown-toggle:after { display:none; }