/* Minification failed. Returning unminified contents. (1323,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1324,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1325,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1334,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1335,27): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1346,42): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (1347,34): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (1352,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (1353,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (1358,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (1359,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (1364,32): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1365,24): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1370,37): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1371,29): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1376,37): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1377,29): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1382,37): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1383,29): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1388,37): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1389,29): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1394,40): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1395,32): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1400,40): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1401,32): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1406,40): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1407,32): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1412,40): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1413,32): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (2179,40): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (2180,32): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (2614,40): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (2615,32): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (2973,40): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (2974,32): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (4110,40): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (4111,32): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (4156,40): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (4157,32): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (4688,40): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (4689,32): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6175,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6175,102): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6175,219): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6177,1): run-time error CSS1019: Unexpected token, found '@import' (6177,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Mitr:wght@200;300;400;500;600;700&display=swap')' (6406,28): run-time error CSS1039: Token not allowed after unary operator: '-background-afb88go' (6698,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6699,10): run-time error CSS1035: Expected colon, found '{' (6708,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (6709,10): run-time error CSS1035: Expected colon, found '{' (6718,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (6719,10): run-time error CSS1035: Expected colon, found '{' (6738,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6739,10): run-time error CSS1035: Expected colon, found '{' (9402,5): run-time error CSS1031: Expected selector, found ',' (19585,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19586,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19595,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19596,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20962,47): run-time error CSS1046: Expect comma, found '171' (20962,53): run-time error CSS1046: Expect comma, found ')' (20962,81): run-time error CSS1046: Expect comma, found '171' (20962,88): run-time error CSS1046: Expect comma, found '/' (20962,121): run-time error CSS1046: Expect comma, found '171' (20962,128): run-time error CSS1046: Expect comma, found '/' (20963,25): run-time error CSS1046: Expect comma, found '171' (20963,31): run-time error CSS1046: Expect comma, found ')' (21018,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21029,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21030,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22169,28): run-time error CSS1039: Token not allowed after unary operator: '-primary' (22171,24): run-time error CSS1039: Token not allowed after unary operator: '-primary' (22178,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (22180,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (22187,28): run-time error CSS1039: Token not allowed after unary operator: '-success' (22189,24): run-time error CSS1039: Token not allowed after unary operator: '-success' (22196,28): run-time error CSS1039: Token not allowed after unary operator: '-danger' (22198,24): run-time error CSS1039: Token not allowed after unary operator: '-danger' (22205,28): run-time error CSS1039: Token not allowed after unary operator: '-info' (22207,24): run-time error CSS1039: Token not allowed after unary operator: '-info' (22214,28): run-time error CSS1039: Token not allowed after unary operator: '-dark' (22216,24): run-time error CSS1039: Token not allowed after unary operator: '-dark' (22223,28): run-time error CSS1039: Token not allowed after unary operator: '-light' (22225,24): run-time error CSS1039: Token not allowed after unary operator: '-light' (22787,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22789,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22800,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22802,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22825,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22826,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22839,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22840,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22873,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22875,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22885,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22887,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22937,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22939,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22950,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22952,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22981,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22982,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (22999,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23000,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (23035,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23036,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23046,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23047,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23154,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23173,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23213,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23268,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23285,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23334,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '17%' (23366,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23367,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '17%' (23398,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23399,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '17%' (23430,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '17%' (23495,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23496,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23513,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23514,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23578,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23579,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '33%' (23595,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23596,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '33%' (23612,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23613,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '33%' (23629,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23630,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '33%' (23646,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23647,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '33%' (23663,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23664,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '33%' (23721,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23722,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '33%' (23741,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23742,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '33%' (23804,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23805,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23822,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23823,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23966,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23967,10): run-time error CSS1035: Expected colon, found '{' (23980,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23981,10): run-time error CSS1035: Expected colon, found '{' (23999,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24000,10): run-time error CSS1035: Expected colon, found '{' (24013,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24014,10): run-time error CSS1035: Expected colon, found '{' (24032,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24033,10): run-time error CSS1035: Expected colon, found '{' (24046,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24047,10): run-time error CSS1035: Expected colon, found '{' (24065,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24066,10): run-time error CSS1035: Expected colon, found '{' (24079,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24080,10): run-time error CSS1035: Expected colon, found '{' (24098,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24099,10): run-time error CSS1035: Expected colon, found '{' (24110,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24111,10): run-time error CSS1035: Expected colon, found '{' (24127,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24128,10): run-time error CSS1035: Expected colon, found '{' (24139,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24140,10): run-time error CSS1035: Expected colon, found '{' (24156,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24157,10): run-time error CSS1035: Expected colon, found '{' (24168,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24169,10): run-time error CSS1035: Expected colon, found '{' (24185,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24186,10): run-time error CSS1035: Expected colon, found '{' (24197,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24198,10): run-time error CSS1035: Expected colon, found '{' (25506,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#slideout_inner' (25929,117): run-time error CSS1046: Expect comma, found '113' (25929,123): run-time error CSS1046: Expect comma, found ')' (25994,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26581,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (26664,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (26668,17): run-time error CSS1039: Token not allowed after unary operator: '-light' (26712,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (26717,17): run-time error CSS1039: Token not allowed after unary operator: '-light' (26899,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26905,17): run-time error CSS1039: Token not allowed after unary operator: '-iconSize' (26906,18): run-time error CSS1039: Token not allowed after unary operator: '-iconSize' (27126,28): run-time error CSS1039: Token not allowed after unary operator: '-photoboxOverlay' (27127,37): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (27127,90): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (27134,31): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (27140,32): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (27151,31): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (27161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27288,28): run-time error CSS1039: Token not allowed after unary operator: '-landing-register-afb88go' (27718,17): run-time error CSS1039: Token not allowed after unary operator: '-light' (27724,17): run-time error CSS1039: Token not allowed after unary operator: '-light' (27763,1): run-time error CSS1019: Unexpected token, found '/' (27763,16): run-time error CSS1031: Expected selector, found '/' (27763,16): run-time error CSS1025: Expected comma or open brace, found '/' (28094,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (28095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28111,1): run-time error CSS1019: Unexpected token, found '@keyframes' (28112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28136,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (28137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28153,1): run-time error CSS1019: Unexpected token, found '@keyframes' (28154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28430,1): run-time error CSS1019: Unexpected token, found '}' (29192,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-button-text' (29233,29): run-time error CSS1038: Expected hex color, found '#0003' (29807,1): run-time error CSS1019: Unexpected token, found '}' (29919,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29923,15): run-time error CSS1039: Token not allowed after unary operator: '-gap' (29934,15): run-time error CSS1039: Token not allowed after unary operator: '-gap' (29937,1): run-time error CSS1019: Unexpected token, found '@keyframes' (29938,10): run-time error CSS1035: Expected colon, found '{' (30024,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (30059,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30094,30): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme' (30117,22): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme' (30136,1): run-time error CSS1019: Unexpected token, found '@keyframes' (30137,8): run-time error CSS1035: Expected colon, found '{' (30143,1): run-time error CSS1019: Unexpected token, found '@keyframes' (30144,8): run-time error CSS1035: Expected colon, found '{' (30183,35): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme' (30279,32): run-time error CSS1039: Token not allowed after unary operator: '-p2mobile-reddot' (30300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30302,15): run-time error CSS1039: Token not allowed after unary operator: '-gap' (30305,33): run-time error CSS1039: Token not allowed after unary operator: '-gap' (30306,29): run-time error CSS1039: Token not allowed after unary operator: '-gap' (30314,51): run-time error CSS1039: Token not allowed after unary operator: '-count' (30314,71): run-time error CSS1039: Token not allowed after unary operator: '-gap' (30314,88): run-time error CSS1039: Token not allowed after unary operator: '-count' (30314,108): run-time error CSS1039: Token not allowed after unary operator: '-count' (30315,38): run-time error CSS1039: Token not allowed after unary operator: '-count' (30315,58): run-time error CSS1039: Token not allowed after unary operator: '-gap' (30315,75): run-time error CSS1039: Token not allowed after unary operator: '-count' (30315,95): run-time error CSS1039: Token not allowed after unary operator: '-count' (30316,37): run-time error CSS1039: Token not allowed after unary operator: '-count' (30316,57): run-time error CSS1039: Token not allowed after unary operator: '-gap' (30316,74): run-time error CSS1039: Token not allowed after unary operator: '-count' (30316,94): run-time error CSS1039: Token not allowed after unary operator: '-count' (30323,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30357,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30370,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30371,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30384,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30387,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30388,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30389,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30391,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30393,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30394,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30395,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30398,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30399,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30400,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30401,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30402,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30403,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30404,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30405,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30407,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30408,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30410,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30412,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30413,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30415,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30416,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30418,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30419,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30420,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30421,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30424,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30426,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30428,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30429,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30430,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30436,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30438,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30439,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30440,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30441,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30442,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30443,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30444,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30445,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30446,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30447,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30448,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30449,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30450,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30451,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30456,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30461,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30462,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30463,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30464,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30465,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30466,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30468,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30470,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30471,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30472,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30473,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30474,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30475,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30476,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30477,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30478,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30479,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30480,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30481,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30482,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30483,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30484,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30485,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30486,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30487,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30488,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30489,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30490,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30491,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30492,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30493,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30494,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30495,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30496,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30497,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30498,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30499,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30500,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30501,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30626,17): run-time error CSS1039: Token not allowed after unary operator: '-color-afb-black' (30696,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (30706,33): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (30714,37): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (30764,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (30827,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (30947,21): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (30949,37): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-h' (30949,58): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-s' (30949,84): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-l' (30983,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (30993,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (31027,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xs' (31035,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (31066,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (31067,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31068,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31070,39): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-shadow' (31079,43): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-shadow' (31109,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (31167,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (31168,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (31170,36): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-4' (31172,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (31177,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (31200,22): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (31208,19): run-time error CSS1039: Token not allowed after unary operator: '-space-md' (31209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31215,25): run-time error CSS1039: Token not allowed after unary operator: '-gray' (31215,38): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1-s' (31215,64): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1-l' (31217,25): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (31224,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (31230,23): run-time error CSS1039: Token not allowed after unary operator: '-space-lg' (31257,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (31288,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (31639,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (31640,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31649,1): run-time error CSS1019: Unexpected token, found '@keyframes' (31650,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31659,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (31660,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31669,1): run-time error CSS1019: Unexpected token, found '@keyframes' (31670,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31679,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (31680,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31689,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (31690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31699,1): run-time error CSS1019: Unexpected token, found '@keyframes' (31700,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31709,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (31710,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31726,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (31727,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31740,1): run-time error CSS1019: Unexpected token, found '@keyframes' (31741,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31757,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (31758,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31774,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (31775,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31788,1): run-time error CSS1019: Unexpected token, found '@keyframes' (31789,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (32044,24): run-time error CSS1039: Token not allowed after unary operator: '-color-warning' (32048,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (32052,24): run-time error CSS1039: Token not allowed after unary operator: '-color-contrast-low' (32056,24): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (32060,28): run-time error CSS1039: Token not allowed after unary operator: '-color-warning' (32064,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (32068,28): run-time error CSS1039: Token not allowed after unary operator: '-color-contrast-low' (32072,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (32097,1): run-time error CSS1019: Unexpected token, found '@keyframes' (32098,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (32109,1): run-time error CSS1019: Unexpected token, found '@keyframes' (32110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (32121,1): run-time error CSS1019: Unexpected token, found '@keyframes' (32122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (32133,1): run-time error CSS1019: Unexpected token, found '@keyframes' (32134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (32145,1): run-time error CSS1019: Unexpected token, found '@keyframes' (32146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (32157,1): run-time error CSS1019: Unexpected token, found '@keyframes' (32158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (32169,1): run-time error CSS1019: Unexpected token, found '@keyframes' (32170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (33038,19): run-time error CSS1046: Expect comma, found '99' (33038,24): run-time error CSS1046: Expect comma, found ')' (33045,23): run-time error CSS1046: Expect comma, found '99' (33045,28): run-time error CSS1046: Expect comma, found ')' (33109,29): run-time error CSS1046: Expect comma, found '0' (33109,33): run-time error CSS1046: Expect comma, found '/' (33122,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (33290,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (34024,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34087,38): run-time error CSS1046: Expect comma, found '181' (34087,44): run-time error CSS1046: Expect comma, found ')' (34088,48): run-time error CSS1046: Expect comma, found '108' (34088,54): run-time error CSS1046: Expect comma, found ')' (34088,68): run-time error CSS1046: Expect comma, found '144' (34088,74): run-time error CSS1046: Expect comma, found ')' (34088,89): run-time error CSS1046: Expect comma, found '203' (34088,96): run-time error CSS1046: Expect comma, found ')' (34323,48): run-time error CSS1046: Expect comma, found '33' (34323,52): run-time error CSS1046: Expect comma, found ')' (34323,66): run-time error CSS1046: Expect comma, found '38' (34323,70): run-time error CSS1046: Expect comma, found ')' (34323,85): run-time error CSS1046: Expect comma, found '71' (34323,89): run-time error CSS1046: Expect comma, found ')' (34386,50): run-time error CSS1046: Expect comma, found '225' (34386,57): run-time error CSS1046: Expect comma, found ')' (34386,71): run-time error CSS1046: Expect comma, found '117' (34386,76): run-time error CSS1046: Expect comma, found ')' (34386,91): run-time error CSS1046: Expect comma, found '101' (34386,97): run-time error CSS1046: Expect comma, found ')' (34386,112): run-time error CSS1046: Expect comma, found '113' (34386,118): run-time error CSS1046: Expect comma, found ')' (34431,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34448,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (34449,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34463,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (34464,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34493,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34494,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (34542,23): run-time error CSS1046: Expect comma, found '0' (34542,27): run-time error CSS1046: Expect comma, found '/' (34623,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34624,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '30%' (34658,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34659,10): run-time error CSS1035: Expected colon, found '{' (34996,1): run-time error CSS1019: Unexpected token, found '@import' (34996,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Mitr:wght@200;300;400;500;600;700&display=swap')' (35519,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (35520,10): run-time error CSS1035: Expected colon, found '{' (35529,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (35530,10): run-time error CSS1035: Expected colon, found '{' (35539,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (35540,10): run-time error CSS1035: Expected colon, found '{' (35559,1): run-time error CSS1019: Unexpected token, found '@keyframes' (35560,10): run-time error CSS1035: Expected colon, found '{' (48491,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (48492,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (48501,1): run-time error CSS1019: Unexpected token, found '@keyframes' (48502,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' (51967,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52493,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (52575,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (52579,21): run-time error CSS1039: Token not allowed after unary operator: '-light' (52619,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (52624,21): run-time error CSS1039: Token not allowed after unary operator: '-light' (52720,116): run-time error CSS1046: Expect comma, found '113' (52720,122): run-time error CSS1046: Expect comma, found ')' (52826,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52833,17): run-time error CSS1039: Token not allowed after unary operator: '-iconSize' (52834,18): run-time error CSS1039: Token not allowed after unary operator: '-iconSize' (52861,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52862,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52871,32): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor' (52888,30): run-time error CSS1039: Token not allowed after unary operator: '-size' (52889,31): run-time error CSS1039: Token not allowed after unary operator: '-size' (52907,39): run-time error CSS1039: Token not allowed after unary operator: '-size' (52914,25): run-time error CSS1039: Token not allowed after unary operator: '-size' (52915,26): run-time error CSS1039: Token not allowed after unary operator: '-size' (52922,34): run-time error CSS1039: Token not allowed after unary operator: '-size' (52923,30): run-time error CSS1039: Token not allowed after unary operator: '-size' (52930,45): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor' (52948,30): run-time error CSS1039: Token not allowed after unary operator: '-size' (52949,31): run-time error CSS1039: Token not allowed after unary operator: '-size' (52950,36): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor' (52967,38): run-time error CSS1039: Token not allowed after unary operator: '-size' (52970,28): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor' (53211,37): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (53211,90): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (53218,31): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (53224,32): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (53235,31): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (53246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (53374,28): run-time error CSS1039: Token not allowed after unary operator: '-landing-register-afb88go' (53725,22): run-time error CSS1039: Token not allowed after unary operator: '-subTheme' (53778,17): run-time error CSS1039: Token not allowed after unary operator: '-light' (53782,17): run-time error CSS1039: Token not allowed after unary operator: '-light' (54089,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (54090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (54106,1): run-time error CSS1019: Unexpected token, found '@keyframes' (54107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (54131,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (54132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (54148,1): run-time error CSS1019: Unexpected token, found '@keyframes' (54149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (55110,1): run-time error CSS1019: Unexpected token, found '@keyframes' (55111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (55232,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (55233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (55262,1): run-time error CSS1019: Unexpected token, found '@keyframes' (55263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (55351,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (55393,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (55394,36): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (55396,40): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-4' (55398,21): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (55961,1): run-time error CSS1019: Unexpected token, found '}' (56016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (56088,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (56093,25): run-time error CSS1039: Token not allowed after unary operator: '-borderRadius' (56104,21): run-time error CSS1039: Token not allowed after unary operator: '-GenericFormColor' (56148,25): run-time error CSS1039: Token not allowed after unary operator: '-borderRadius' (56626,20): run-time error CSS1038: Expected hex color, found '#ffff' */ /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 10000; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } /*.ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; }*/ /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; z-index: 9999999991; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 100%; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("images/ui-icons_777777_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } @charset "UTF-8"; /*! * animate.css - https://animate.style/ * Version - 4.0.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .not-animated, [data-animate]:not(.animated) { opacity: 0; } .animated { animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.repeat-1 { animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat); } .animated.repeat-2 { animation-iteration-count: calc(1 * 2); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2); animation-iteration-count: calc(var(--animate-repeat) * 2); } .animated.repeat-3 { animation-iteration-count: calc(1 * 3); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3); animation-iteration-count: calc(var(--animate-repeat) * 3); } .animated.delay-1s { animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay); } .animated.delay-2s { animation-delay: calc(1s * 2); -webkit-animation-delay: calc(var(--animate-delay) * 2); animation-delay: calc(var(--animate-delay) * 2); } .animated.delay-3s { animation-delay: calc(1s * 3); -webkit-animation-delay: calc(var(--animate-delay) * 3); animation-delay: calc(var(--animate-delay) * 3); } .animated.delay-4s { animation-delay: calc(1s * 4); -webkit-animation-delay: calc(var(--animate-delay) * 4); animation-delay: calc(var(--animate-delay) * 4); } .animated.delay-5s { animation-delay: calc(1s * 5); -webkit-animation-delay: calc(var(--animate-delay) * 5); animation-delay: calc(var(--animate-delay) * 5); } .animated.faster { animation-duration: calc(1s / 2); -webkit-animation-duration: calc(var(--animate-duration) / 2); animation-duration: calc(var(--animate-duration) / 2); } .animated.fast { animation-duration: calc(1s * 0.8); -webkit-animation-duration: calc(var(--animate-duration) * 0.8); animation-duration: calc(var(--animate-duration) * 0.8); } .animated.slow { animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); } .animated.slower { animation-duration: calc(1s * 3); -webkit-animation-duration: calc(var(--animate-duration) * 3); animation-duration: calc(var(--animate-duration) * 3); } @media print, (prefers-reduced-motion: reduce) { .animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } .animated[class*='Out'] { opacity: 0; } } /* Attention seekers */ @-webkit-keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } @keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shakeX { -webkit-animation-name: shakeX; animation-name: shakeX; } @-webkit-keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } @keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } .shakeY { -webkit-animation-name: shakeY; animation-name: shakeY; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; animation-duration: calc(1s * 1.3); -webkit-animation-duration: calc(var(--animate-duration) * 1.3); animation-duration: calc(var(--animate-duration) * 1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } /* Back entrances */ @-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .backInDown { -webkit-animation-name: backInDown; animation-name: backInDown; } @-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft; } @-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .backInRight { -webkit-animation-name: backInRight; animation-name: backInRight; } @-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .backInUp { -webkit-animation-name: backInUp; animation-name: backInUp; } /* Back exists */ @-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } @keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } .backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown; } @-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } .backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft; } @-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } .backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight; } @-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } @keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } .backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp; } /* Bouncing entrances */ @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } /* Bouncing exits */ @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } /* Fading entrances */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft; } @-webkit-keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight; } @-webkit-keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft; } @-webkit-keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight; } /* Fading exits */ @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } @keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } .fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft; } @-webkit-keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } @keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } .fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight; } @-webkit-keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } @keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } .fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight; } @-webkit-keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } @keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } .fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft; } /* Flippers */ @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } /* Lightspeed */ @-webkit-keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes lightSpeedOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } .lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* Rotating entrances */ @-webkit-keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } /* Rotating exits */ @-webkit-keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } /* Specials */ @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /* Zooming entrances */ @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } /* Zooming exits */ @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom; } /* Sliding entrances */ @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } /* Sliding exits */ @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @font-face { font-family: 'Proxima Nova Rg'; src: url('/Content/fonts/ProximaNova-Regular.woff2') format('woff2'), url('/Content/fonts/ProximaNova-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Proxima Nova Rg'; src: url('/Content/fonts/ProximaNova-Bold.woff2') format('woff2'), url('/Content/fonts/ProximaNova-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';font-display: swap;src:url('/Content/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('/Content/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/Content/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/Content/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/Content/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.fa-line:before{content:"\f3c0"}.fa-viber:before{content:"\f409"} /*! * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face{font-family:"Font Awesome 5 Brands";font-display: swap;font-style:normal;font-weight:400;font-display:block;src:url(/Content/fonts/fa-brands-400.eot);src:url(/Content/fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/Content/fonts/fa-brands-400.woff2) format("woff2"),url(/Content/fonts/fa-brands-400.woff) format("woff"),url(/Content/fonts/fa-brands-400.ttf) format("truetype"),url(/Content/fonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-weight:400} /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; background: url('../images/preloader-dark.gif') center center no-repeat; text-align: center; margin-top: -12px; margin-left: -12px; z-index: 1044; text-indent: -9999px; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* overlay at start */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .promotion-list ul { display: flex; flex-wrap: wrap; } .Promo-head-title .h1 { font-size: 28px; margin-bottom: 15px; padding-bottom: 8px; border-bottom: 1px solid #e0e0e0; } .Promo-head-title { padding: 30px 0; } .promotion-list ul li { margin: 0 0 25px 0; vertical-align: top; display: flex; } .promotion-list ul { margin-left: -10px; margin-right: -10px; } .promotion-list ul li div { margin: 10px; height:85%; width: 100%; position: relative; margin-bottom: 40px; } .promotion-list ul li div h3 { font-size: 14px; text-transform: uppercase; margin-bottom: 5px; } .promotion-list ul li div.cta-button { height: auto; position: absolute; bottom: -35px; width: auto; margin: 0; } .promotion-list ul li p { font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 90%; } .promotion-list ul li div img { margin: 0 0 15px 0; width: 100%; border-radius: 5px; } .promotion-list ul li div span { font-size: 14px; } .promotion-list ul li div .button { margin: 3px 0 0 0; } .promo-details-action-footer { } .promo-details img { width: auto; border-radius: 5px; } .promo-details-action-footer { padding: 15px 0 0 0; border-top: 1px solid #e6e6e6; display: block; margin-bottom: 20px; text-align: center; } @media screen and (max-width: 4000px) and (min-width: 992px) { .promotion-list ul li { width: 25%; } } @media screen and (max-width: 991.98px) and (min-width: 768px) { .promotion-list ul li { width: 33.3333%; } } @media (max-width: 767px) { .promotion-list ul li { width: 50%; } .promotion-list ul li div h3 { font-size: 14px; } .promotion-list ul li div span { font-size: 13px; } } @media (max-width:480px) { .promotion-list ul li { width: 100%!important; } .promotion-list ul li div { height: auto!important; } } /* Dropdown Menu */ .promotion-filter { color: #fff; } /*countdown css*/ .promotion-image-container { position: relative; display: inline-block; width: 100%; } .promotion-countdown-container { position: absolute; bottom: 0; left: 0; background: #0000008f; padding: .1em; color: #fff; display: flex; gap: .2em; align-items: center; font-size: 14px; width: auto; } .promotion-countdown-item { display: flex; flex-direction: column; align-items: center; width: 35px; } .promotion-countdown-label { font-size: .5em; } .promotion-countdown-number { font-size: .8rem; } .promotion-countdown-colon { margin-top: .7em; } :root{--p2mobile-reddot:url("https://d2lcoivv20vty7.cloudfront.net/Content/img/p2mobile/reddot.gif");--landing-register-afb88go:url("https://d2lcoivv20vty7.cloudfront.net/Content/img/afb88go/landing-register-img.png");--background-afb88go:url("https://d2lcoivv20vty7.cloudfront.net/Content/img/afb88go/background.png");} /*@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');*/ @import url('https://fonts.googleapis.com/css2?family=Mitr:wght@200;300;400;500;600;700&display=swap'); /* ---------------------------------------------------------------- Bootstrap Adjustments -----------------------------------------------------------------*/ @media (min-width: 1440px) { .container { max-width: 1320px; } } /* ---------------------------------------------------------------- Basic -----------------------------------------------------------------*/ dl, dt, dd, ol, ul, li { margin: 0; padding: 0; } .modal-content { background-color: #7656f5; } section { background-color: rgba(0, 0, 0, 0.3); } section.landing-page { background-color: rgba(0, 0, 0, 0.3); } .clear { clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow: hidden; } ::selection { background: #f6901e; color: #FFF; text-shadow: none; } ::-moz-selection { background: #f6901e; /* Firefox */ color: #FFF; text-shadow: none; } ::-webkit-selection { background: #f6901e; /* Safari */ color: #FFF; text-shadow: none; } :active, :focus { outline: none !important; } /* ---------------------------------------------------------------- Typography -----------------------------------------------------------------*/ body { line-height: 1.5; color: #d1d1d1; font-family: 'Mitr', sans-serif; } a { text-decoration: none !important; color: #fff; transition: all 0.5s ease; } a:hover { color: #fff; transition: all 0.5s ease; } a img { border: none; } img { max-width: 100%; } iframe { width: 100%; border: 0 !important; overflow: hidden !important; } /* ---------------------------------------------------------------- Basic Layout Styles -----------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { color: #d1d1d1; font-weight: 400; line-height: 1.5; margin: 0 0 30px 0; } h5, h6 { margin-bottom: 20px; } h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 1.5rem; } h4 { font-size: 18px; } h5 { font-size: 0.875rem; } h6 { font-size: 12px; } h4 { font-weight: 500; } h5, h6 { font-weight: 400; } @media (max-width: 767.98px) { h1 { font-size: 1.75rem; } h2 { font-size: 1.5rem; } h3 { font-size: 1.25rem; } h4 { font-size: 1rem; } } h1 > span:not(.nocolor):not(.badge), h2 > span:not(.nocolor):not(.badge), h3 > span:not(.nocolor):not(.badge), h4 > span:not(.nocolor):not(.badge), h5 > span:not(.nocolor):not(.badge), h6 > span:not(.nocolor):not(.badge), .h1 > span:not(.nocolor):not(.badge), .h2 > span:not(.nocolor):not(.badge), .h3 > span:not(.nocolor):not(.badge), .h4 > span:not(.nocolor):not(.badge), .h5 > span:not(.nocolor):not(.badge), .h6 > span:not(.nocolor):not(.badge) { color: #ffc108; } p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset { margin-bottom: 30px; /*margin: 0 5px;*/ } small { font-family: 'Lato', sans-serif; } /* ---------------------------------------------------------------- Helper Classes -----------------------------------------------------------------*/ #wrapper { position: relative; float: none; width: 100%; margin: 0 auto; background-color: #000; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background-image: var(--background-afb88go); background-repeat: no-repeat; background-position: left top; background-attachment: fixed; background-size: contain; } @media (min-width: 1200px) { body:not(.stretched) #wrapper { max-width: 1200px; } } @media (min-width: 1440px) { body:not(.stretched) #wrapper { max-width: 1440px; } } .line, .double-line { clear: both; position: relative; width: 100%; margin: 4rem 0; border-top: 1px solid #EEE; } .line.line-sm { margin: 2rem 0; } span.middot { display: inline-block; margin: 0 5px; } .double-line { border-top: 3px double #E5E5E5; } .nott { text-transform: none !important; } .emptydiv { display: block !important; position: relative !important; } .allmargin { margin: 3rem !important; } .leftmargin { margin-left: 3rem !important; } .rightmargin { margin-right: 3rem !important; } .topmargin { margin-top: 3rem !important; } .bottommargin { margin-bottom: 3rem !important; } .allmargin-sm { margin: 2rem !important; } .leftmargin-sm { margin-left: 2rem !important; } .rightmargin-sm { margin-right: 2rem !important; } .topmargin-sm { margin-top: 2rem !important; } .bottommargin-sm { margin-bottom: 2rem !important; } .allmargin-lg { margin: 5rem !important; } .leftmargin-lg { margin-left: 5rem !important; } .rightmargin-lg { margin-right: 5rem !important; } .topmargin-lg { margin-top: 5rem !important; } .bottommargin-lg { margin-bottom: 5rem !important; } .header-stick { margin-top: -3rem !important; } .content-wrap .header-stick { margin-top: -5rem !important; } .footer-stick { margin-bottom: -3rem !important; } .content-wrap .footer-stick { margin-bottom: -5rem !important; } .border-f5 { border-color: #F5F5F5 !important; } .col-padding { padding: 4rem; } .notextshadow { text-shadow: none !important; } .inline-block { float: none !important; display: inline-block !important; } .center { text-align: center !important; } .mx-auto { float: none !important; } .bg-color, .bg-color #header-wrap { background-color: #f6901e !important; } .color { color: #f6901e !important; } .border-color { border-color: #f6901e !important; } .ls0 { letter-spacing: 0px !important; } .ls1 { letter-spacing: 1px !important; } .ls2 { letter-spacing: 2px !important; } .ls3 { letter-spacing: 3px !important; } .ls4 { letter-spacing: 4px !important; } .ls5 { letter-spacing: 5px !important; } .noheight { height: 0 !important; } .nolineheight { line-height: 0 !important; } .font-body { font-family: 'Lato', sans-serif; } .font-primary { font-family: 'Poppins', sans-serif; } .font-secondary { font-family: 'PT Serif', serif; } .font-weight-extralight { font-weight: 100 !important; } .font-weight-medium { font-weight: 500 !important; } .font-weight-semibold { font-weight: 600 !important; } .font-normal { font-weight: normal !important; } .bgicon { display: block; position: absolute; bottom: -60px; right: -50px; font-size: 210px; color: rgba(0, 0, 0, 0.1); } .imagescale, .imagescalein { display: block; overflow: hidden; } .imagescale img, .imagescalein img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 1s ease; transition: all 1s ease; } .imagescale:hover img { -webkit-transform: scale(1); transform: scale(1); } .imagescalein img { -webkit-transform: scale(1); transform: scale(1); } .imagescalein:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .grayscale { filter: brightness(80%) grayscale(1) contrast(90%); -webkit-filter: brightness(80%) grayscale(1) contrast(90%); -moz-filter: brightness(80%) grayscale(1) contrast(90%); -o-filter: brightness(80%) grayscale(1) contrast(90%); -ms-filter: brightness(80%) grayscale(1) contrast(90%); transition: 1s filter ease; -webkit-transition: 1s -webkit-filter ease; -moz-transition: 1s -moz-filter ease; -ms-transition: 1s -ms-filter ease; -o-transition: 1s -o-filter ease; } .grayscale:hover { filter: brightness(100%) grayscale(0); -webkit-filter: brightness(100%) grayscale(0); -moz-filter: brightness(100%) grayscale(0); -o-filter: brightness(100%) grayscale(0); -ms-filter: brightness(100%) grayscale(0); } /* MOVING BG - TESTIMONIALS */ .bganimate { -webkit-animation: BgAnimated 30s infinite linear; -moz-animation: BgAnimated 30s infinite linear; -ms-animation: BgAnimated 30s infinite linear; -o-animation: BgAnimated 30s infinite linear; animation: BgAnimated 30s infinite linear; } @-webkit-keyframes BgAnimated { from { background-position: 0 0; } to { background-position: 0 400px; } } @-moz-keyframes BgAnimated { from { background-position: 0 0; } to { background-position: 0 400px; } } @-ms-keyframes BgAnimated { from { background-position: 0 0; } to { background-position: 0 400px; } } @-o-keyframes BgAnimated { from { background-position: 0 0; } to { background-position: 0 400px; } } @keyframes BgAnimated { from { background-position: 0 0; } to { background-position: 0 400px; } } .input-block-level { display: block; width: 100% !important; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .vertical-middle { z-index: 3; position: relative; display: -ms-flexbox; display: flex; width: 100%; min-height: 100%; justify-content: center; flex-flow: column; } .vertical-middle-overlay { position: absolute; top: 0; left: 0; } .vertical-middle + .video-wrap { z-index: 2 !important; } .magnific-max-width .mfp-content { max-width: 800px; } .overflow-visible { overflow: visible !important; } /* ---------------------------------------------------------------- Opacity Utility Classes -----------------------------------------------------------------*/ .op-ts { -webkit-transition: opacity .5s ease; transition: opacity .5s ease; } .op-0, .h-op-0:hover { opacity: 0 !important; } .op-01, .h-op-01:hover { opacity: 0.1 !important; } .op-02, .h-op-02:hover { opacity: 0.2 !important; } .op-03, .h-op-03:hover { opacity: 0.3 !important; } .op-04, .h-op-04:hover { opacity: 0.4 !important; } .op-05, .h-op-05:hover { opacity: 0.5 !important; } .op-06, .h-op-06:hover { opacity: 0.6 !important; } .op-07, .h-op-07:hover { opacity: 0.7 !important; } .op-08, .h-op-08:hover { opacity: 0.8 !important; } .op-09, .h-op-09:hover { opacity: 0.9 !important; } .op-1, .h-op-1:hover { opacity: 1 !important; } /* ---------------------------------------------------------------- Text Color Utility Classes -----------------------------------------------------------------*/ .text-ts { -webkit-transition: color .5s ease; transition: color .5s ease; } .h-text-color:hover, a.h-text-color:hover { color: #f6901e !important; } .h-text-primary:hover, a.h-text-primary:hover { color: #007bff !important; } .h-text-secondary:hover, a.h-text-secondary:hover { color: #6c757d !important; } .h-text-success:hover, a.h-text-success:hover { color: #28a745 !important; } .h-text-info:hover, a.h-text-info:hover { color: #17a2b8 !important; } .h-text-warning:hover, a.h-text-warning:hover { color: #ffc107 !important; } .h-text-danger:hover, a.h-text-danger:hover { color: #dc3545 !important; } .h-text-light:hover, a.h-text-light:hover { color: #f8f9fa !important; } .h-text-dark:hover, a.h-text-dark:hover { color: #343a40 !important; } /* ---------------------------------------------------------------- Text Size Utility Classes -----------------------------------------------------------------*/ .text-smaller { font-size: 80% !important; } .text-larger { font-size: 120% !important; } .text-smaller small { font-size: 90% !important; } /* ---------------------------------------------------------------- BG Color Utility Classes -----------------------------------------------------------------*/ .bg-ts { -webkit-transition: background-color .5s ease; transition: background-color .5s ease; } .h-nobg:hover { background-color: transparent !important; } .h-bg-color:hover { background-color: #f6901e !important; } .h-bg-primary:hover { background-color: #007bff !important; } .h-bg-secondary:hover { background-color: #6c757d !important; } .h-bg-success:hover { background-color: #28a745 !important; } .h-bg-info:hover { background-color: #17a2b8 !important; } .h-bg-warning:hover { background-color: #ffc107 !important; } .h-bg-danger:hover { background-color: #dc3545 !important; } .h-bg-light:hover { background-color: #f8f9fa !important; } .h-bg-dark:hover { background-color: #343a40 !important; } .bg-clip { border: 1rem solid transparent; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; transform: translate3d(0, 0, 0); } .bg-clip-sm { border-width: 0.5rem; } .bg-clip-lg { border-width: 2rem; } /* ---------------------------------------------------------------- Gradient Utility Classes -----------------------------------------------------------------*/ .gradient-light-grey, .h-gradient-light-grey:hover { background-image: -webkit-linear-gradient(to right, #2c3e50, #bdc3c7) !important; background-image: linear-gradient(to right, #2c3e50, #bdc3c7) !important; } .gradient-green-dark, .h-gradient-green-dark:hover { background-image: -webkit-linear-gradient(to right, #99f2c8, #1f4037) !important; background-image: linear-gradient(to right, #99f2c8, #1f4037) !important; } .gradient-grey-brown, .h-gradient-grey-brown:hover { background-image: -webkit-linear-gradient(to right, #C06C84, #6C5B7B, #355C7D) !important; background-image: linear-gradient(to right, #C06C84, #6C5B7B, #355C7D) !important; } .gradient-light-pink, .h-gradient-light-pink:hover { background-image: -webkit-linear-gradient(to right, #ffdde1, #ee9ca7) !important; background-image: linear-gradient(to right, #ffdde1, #ee9ca7) !important; } .gradient-blue-purple, .h-gradient-blue-purple:hover { background-image: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2) !important; background-image: linear-gradient(to right, #4A00E0, #8E2DE2) !important; } .gradient-multiples, .h-gradient-multiples:hover { background-image: -webkit-linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%) !important; background-image: linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%) !important; } .gradient-blue-green, .h-gradient-blue-green:hover { background-image: -webkit-linear-gradient(to right, #2af598 0%, #009efd 100%) !important; background-image: linear-gradient(to right, #2af598 0%, #009efd 100%) !important; } .gradient-light, .h-gradient-light:hover { background-image: -webkit-linear-gradient(to top, #DDD 0%, #FFF 100%) !important; background-image: linear-gradient(to top, #DDD 0%, #FFF 100%) !important; } .gradient-grey-orange, .h-gradient-grey-orange:hover { background-image: -webkit-linear-gradient(to right, #3B4371, #F3904F) !important; background-image: linear-gradient(to right, #3B4371, #F3904F) !important; } .gradient-sunset, .h-gradient-sunset:hover { background-image: -webkit-linear-gradient(to top, #a8edea 0%, #fed6e3 100%) !important; background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%) !important; } .gradient-dark, .h-gradient-dark:hover { background-image: -webkit-linear-gradient(to right, #535353, #000) !important; background-image: linear-gradient(to right, #535353, #000) !important; } .gradient-lemon, .h-gradient-lemon:hover { background-image: -webkit-linear-gradient(to right, #cac531, #f3f9a7) !important; background-image: linear-gradient(to right, #cac531, #f3f9a7) !important; } .gradient-earth, .h-gradient-earth:hover { background-image: -webkit-linear-gradient(to right, #649173, #dbd5a4) !important; background-image: linear-gradient(to right, #649173, #dbd5a4) !important; } .gradient-sky, .h-gradient-sky:hover { background-image: -webkit-linear-gradient(to right, #2980b9, #6dd5fa, #F5F5F5) !important; background-image: linear-gradient(to right, #2980b9, #6dd5fa, #F5F5F5) !important; } .gradient-ocean, .h-gradient-ocean:hover { background-image: -webkit-linear-gradient(to right, #000046, #1cb5e0) !important; background-image: linear-gradient(to right, #000046, #1cb5e0) !important; } .gradient-horizon, .h-gradient-horizon:hover { background-image: -webkit-linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%) !important; background-image: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%) !important; } .gradient-green-blue, .h-gradient-green-blue:hover { background-image: -webkit-linear-gradient(to right, #43cea2, #185a9d) !important; background-image: linear-gradient(to right, #43cea2, #185a9d) !important; } .gradient-purple-blue, .h-gradient-purple-blue:hover { background-image: -webkit-linear-gradient(19deg, rgb(33, 212, 253) 0%, rgb(183, 33, 255) 100%) !important; background-image: linear-gradient(19deg, rgb(33, 212, 253) 0%, rgb(183, 33, 255) 100%) !important; } .gradient-text { text-shadow: none !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .gradient-underline { background-repeat: no-repeat; background-size: 100% 8px; background-position: 0 88%; } /* ---------------------------------------------------------------- Border Utility Classes -----------------------------------------------------------------*/ .border-width-0, .h-border-width-0:hover { border-width: 0px !important; } .border-width-1, .h-border-width-1:hover { border-width: 1px !important; } .border-width-2, .h-border-width-2:hover { border-width: 2px !important; } .border-width-3, .h-border-width-3:hover { border-width: 3px !important; } .border-width-4, .h-border-width-4:hover { border-width: 4px !important; } .border-width-5, .h-border-width-5:hover { border-width: 5px !important; } .border-width-6, .h-border-width-6:hover { border-width: 6px !important; } .border-dotted { border-style: dotted !important; } .border-dashed { border-style: dashed !important; } .border-solid { border-style: solid !important; } .border-double { border-style: double !important; } .h-border-primary:hover { border-color: #007bff !important; } .h-border-secondary:hover { border-color: #6c757d !important; } .h-border-success:hover { border-color: #28a745 !important; } .h-border-info:hover { border-color: #17a2b8 !important; } .h-border-warning:hover { border-color: #ffc107 !important; } .h-border-danger:hover { border-color: #dc3545 !important; } .h-border-light:hover { border-color: #f8f9fa !important; } .h-border-dark:hover { border-color: #343a40 !important; } .border-transparent, .h-border-transparent:hover { border-color: transparent !important; } .border-default, .h-border-default:hover { border-color: #EEE !important; } .dark.border-default, .dark .border-default, .dark.h-border-default:hover .dark .h-border-default:hover { border-color: rgba(255, 255, 255, 0.15) !important; } .border-ts { -webkit-transition: border 0.5s ease; transition: border 0.5s ease; } /* ---------------------------------------------------------------- Shadows -----------------------------------------------------------------*/ .h-shadow-sm:hover { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .h-shadow:hover { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .h-shadow-lg:hover { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .h-shadow-none:hover { box-shadow: none !important; } .shadow-ts { -webkit-transition: box-shadow 0.5s ease; transition: box-shadow 0.5s ease; } /* ---------------------------------------------------------------- Bootstrap Utility Classes: Extended -----------------------------------------------------------------*/ /* Spacing Utilities */ .m-6 { margin: 5rem !important; } .mt-6, .my-6 { margin-top: 5rem !important; } .mr-6, .mx-6 { margin-right: 5rem !important; } .mb-6, .my-6 { margin-bottom: 5rem !important; } .ml-6, .mx-6 { margin-left: 5rem !important; } .p-6 { padding: 5rem !important; } .pt-6, .py-6 { padding-top: 5rem !important; } .pr-6, .px-6 { padding-right: 5rem !important; } .pb-6, .py-6 { padding-bottom: 5rem !important; } .pl-6, .px-6 { padding-left: 5rem !important; } @media (min-width: 576px) { .m-sm-6 { margin: 5rem !important; } .mt-sm-6, .my-sm-6 { margin-top: 5rem !important; } .mr-sm-6, .mx-sm-6 { margin-right: 5rem !important; } .mb-sm-6, .my-sm-6 { margin-bottom: 5rem !important; } .ml-sm-6, .mx-sm-6 { margin-left: 5rem !important; } .p-sm-6 { padding: 5rem !important; } .pt-sm-6, .py-sm-6 { padding-top: 5rem !important; } .pr-sm-6, .px-sm-6 { padding-right: 5rem !important; } .pb-sm-6, .py-sm-6 { padding-bottom: 5rem !important; } .pl-sm-6, .px-sm-6 { padding-left: 5rem !important; } } @media (min-width: 768px) { .m-md-6 { margin: 5rem !important; } .mt-md-6, .my-md-6 { margin-top: 5rem !important; } .mr-md-6, .mx-md-6 { margin-right: 5rem !important; } .mb-md-6, .my-md-6 { margin-bottom: 5rem !important; } .ml-md-6, .mx-md-6 { margin-left: 5rem !important; } .p-md-6 { padding: 5rem !important; } .pt-md-6, .py-md-6 { padding-top: 5rem !important; } .pr-md-6, .px-md-6 { padding-right: 5rem !important; } .pb-md-6, .py-md-6 { padding-bottom: 5rem !important; } .pl-md-6, .px-md-6 { padding-left: 5rem !important; } } @media (min-width: 992px) { .m-lg-6 { margin: 5rem !important; } .mt-lg-6, .my-lg-6 { margin-top: 5rem !important; } .mr-lg-6, .mx-lg-6 { margin-right: 5rem !important; } .mb-lg-6, .my-lg-6 { margin-bottom: 5rem !important; } .ml-lg-6, .mx-lg-6 { margin-left: 5rem !important; } .p-lg-6 { padding: 5rem !important; } .pt-lg-6, .py-lg-6 { padding-top: 5rem !important; } .pr-lg-6, .px-lg-6 { padding-right: 5rem !important; } .pb-lg-6, .py-lg-6 { padding-bottom: 5rem !important; } .pl-lg-6, .px-lg-6 { padding-left: 5rem !important; } } @media (min-width: 1200px) { .m-xl-6 { margin: 5rem !important; } .mt-xl-6, .my-xl-6 { margin-top: 5rem !important; } .mr-xl-6, .mx-xl-6 { margin-right: 5rem !important; } .mb-xl-6, .my-xl-6 { margin-bottom: 5rem !important; } .ml-xl-6, .mx-xl-6 { margin-left: 5rem !important; } .p-xl-6 { padding: 5rem !important; } .pt-xl-6, .py-xl-6 { padding-top: 5rem !important; } .pr-xl-6, .px-xl-6 { padding-right: 5rem !important; } .pb-xl-6, .py-xl-6 { padding-bottom: 5rem !important; } .pl-xl-6, .px-xl-6 { padding-left: 5rem !important; } } /* Custom Bootstrap Column */ .col-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5, .col-xl-1-5 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col-1-5 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } @media (min-width: 576px) { .col-sm-1-5 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 768px) { .col-md-1-5 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 992px) { .col-lg-1-5 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 1200px) { .col-xl-1-5 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } /* Gutters */ .gutter-10 { margin-right: -5px; margin-left: -5px; margin-bottom: -10px; } .gutter-10 > .col, .gutter-10 > [class*="col-"] { padding-right: 5px; padding-left: 5px; padding-bottom: 10px; } .gutter-20 { margin-right: -10px; margin-left: -10px; margin-bottom: -20px; } .gutter-20 > .col, .gutter-20 > [class*="col-"] { padding-right: 10px; padding-left: 10px; padding-bottom: 20px; } .gutter-30 { margin-right: -15px; margin-left: -15px; margin-bottom: -30px; } .gutter-30 > .col, .gutter-30 > [class*="col-"] { padding-right: 15px; padding-left: 15px; padding-bottom: 30px; } .gutter-40 { margin-right: -20px; margin-left: -20px; margin-bottom: -40px; } .gutter-40 > .col, .gutter-40 > [class*="col-"] { padding-right: 20px; padding-left: 20px; padding-bottom: 40px; } .gutter-50 { margin-right: -25px; margin-left: -25px; margin-bottom: -50px; } .gutter-50 > .col, .gutter-50 > [class*="col-"] { padding-right: 25px; padding-left: 25px; padding-bottom: 50px; } .col-mb-30 { margin-bottom: -30px; } .col-mb-30 > .col, .col-mb-30 > [class*="col-"] { padding-bottom: 30px; } .col-mb-50 { margin-bottom: -50px; } .col-mb-50 > .col, .col-mb-50 > [class*="col-"] { padding-bottom: 50px; } .col-mb-80 { margin-bottom: -80px; } .col-mb-80 > .col, .col-mb-80 > [class*="col-"] { padding-bottom: 80px; } @media (min-width: 576px) { .gutter-sm-10 { margin-right: -5px; margin-left: -5px; margin-bottom: -10px; } .gutter-sm-10 > .col, .gutter-sm-10 > [class*="col-"] { padding-right: 5px; padding-left: 5px; padding-bottom: 10px; } .gutter-sm-20 { margin-right: -10px; margin-left: -10px; margin-bottom: -20px; } .gutter-sm-20 > .col, .gutter-sm-20 > [class*="col-"] { padding-right: 10px; padding-left: 10px; padding-bottom: 20px; } .gutter-sm-30 { margin-right: -15px; margin-left: -15px; margin-bottom: -30px; } .gutter-sm-30 > .col, .gutter-sm-30 > [class*="col-"] { padding-right: 15px; padding-left: 15px; padding-bottom: 30px; } .gutter-sm-40 { margin-right: -20px; margin-left: -20px; margin-bottom: -40px; } .gutter-sm-40 > .col, .gutter-sm-40 > [class*="col-"] { padding-right: 20px; padding-left: 20px; padding-bottom: 40px; } .gutter-sm-50 { margin-right: -25px; margin-left: -25px; margin-bottom: -50px; } .gutter-sm-50 > .col, .gutter-sm-50 > [class*="col-"] { padding-right: 25px; padding-left: 25px; padding-bottom: 50px; } .col-mb-sm-30 { margin-bottom: -30px; } .col-mb-sm-30 > .col, .col-mb-sm-30 > [class*="col-"] { padding-bottom: 30px; } .col-mb-sm-50 { margin-bottom: -50px; } .col-mb-sm-50 > .col, .col-mb-sm-50 > [class*="col-"] { padding-bottom: 50px; } .col-mb-sm-80 { margin-bottom: -80px; } .col-mb-sm-80 > .col, .col-mb-sm-80 > [class*="col-"] { padding-bottom: 80px; } } @media (min-width: 768px) { .gutter-md-10 { margin-right: -5px; margin-left: -5px; margin-bottom: -10px; } .gutter-md-10 > .col, .gutter-md-10 > [class*="col-"] { padding-right: 5px; padding-left: 5px; padding-bottom: 10px; } .gutter-md-20 { margin-right: -10px; margin-left: -10px; margin-bottom: -20px; } .gutter-md-20 > .col, .gutter-md-20 > [class*="col-"] { padding-right: 10px; padding-left: 10px; padding-bottom: 20px; } .gutter-md-30 { margin-right: -15px; margin-left: -15px; margin-bottom: -30px; } .gutter-md-30 > .col, .gutter-md-30 > [class*="col-"] { padding-right: 15px; padding-left: 15px; padding-bottom: 30px; } .gutter-md-40 { margin-right: -20px; margin-left: -20px; margin-bottom: -40px; } .gutter-md-40 > .col, .gutter-md-40 > [class*="col-"] { padding-right: 20px; padding-left: 20px; padding-bottom: 40px; } .gutter-md-50 { margin-right: -25px; margin-left: -25px; margin-bottom: -50px; } .gutter-md-50 > .col, .gutter-md-50 > [class*="col-"] { padding-right: 25px; padding-left: 25px; padding-bottom: 50px; } .col-mb-md-30 { margin-bottom: -30px; } .col-mb-md-30 > .col, .col-mb-md-30 > [class*="col-"] { padding-bottom: 30px; } .col-mb-md-50 { margin-bottom: -50px; } .col-mb-md-50 > .col, .col-mb-md-50 > [class*="col-"] { padding-bottom: 50px; } .col-mb-md-80 { margin-bottom: -80px; } .col-mb-md-80 > .col, .col-mb-md-80 > [class*="col-"] { padding-bottom: 80px; } } @media (min-width: 992px) { .gutter-lg-10 { margin-right: -5px; margin-left: -5px; margin-bottom: -10px; } .gutter-lg-10 > .col, .gutter-lg-10 > [class*="col-"] { padding-right: 5px; padding-left: 5px; padding-bottom: 10px; } .gutter-lg-20 { margin-right: -10px; margin-left: -10px; margin-bottom: -20px; } .gutter-lg-20 > .col, .gutter-lg-20 > [class*="col-"] { padding-right: 10px; padding-left: 10px; padding-bottom: 20px; } .gutter-lg-30 { margin-right: -15px; margin-left: -15px; margin-bottom: -30px; } .gutter-lg-30 > .col, .gutter-lg-30 > [class*="col-"] { padding-right: 15px; padding-left: 15px; padding-bottom: 30px; } .gutter-lg-40 { margin-right: -20px; margin-left: -20px; margin-bottom: -40px; } .gutter-lg-40 > .col, .gutter-lg-40 > [class*="col-"] { padding-right: 20px; padding-left: 20px; padding-bottom: 40px; } .gutter-lg-50 { margin-right: -25px; margin-left: -25px; margin-bottom: -50px; } .gutter-lg-50 > .col, .gutter-lg-50 > [class*="col-"] { padding-right: 25px; padding-left: 25px; padding-bottom: 50px; } .col-mb-lg-30 { margin-bottom: -30px; } .col-mb-lg-30 > .col, .col-mb-lg-30 > [class*="col-"] { padding-bottom: 30px; } .col-mb-lg-50 { margin-bottom: -50px; } .col-mb-lg-50 > .col, .col-mb-lg-50 > [class*="col-"] { padding-bottom: 50px; } .col-mb-lg-80 { margin-bottom: -80px; } .col-mb-lg-80 > .col, .col-mb-lg-80 > [class*="col-"] { padding-bottom: 80px; } } @media (min-width: 1200px) { .gutter-xl-10 { margin-right: -5px; margin-left: -5px; margin-bottom: -10px; } .gutter-xl-10 > .col, .gutter-xl-10 > [class*="col-"] { padding-right: 5px; padding-left: 5px; padding-bottom: 10px; } .gutter-xl-20 { margin-right: -10px; margin-left: -10px; margin-bottom: -20px; } .gutter-xl-20 > .col, .gutter-xl-20 > [class*="col-"] { padding-right: 10px; padding-left: 10px; padding-bottom: 20px; } .gutter-xl-30 { margin-right: -15px; margin-left: -15px; margin-bottom: -30px; } .gutter-xl-30 > .col, .gutter-xl-30 > [class*="col-"] { padding-right: 15px; padding-left: 15px; padding-bottom: 30px; } .gutter-xl-40 { margin-right: -20px; margin-left: -20px; margin-bottom: -40px; } .gutter-xl-40 > .col, .gutter-xl-40 > [class*="col-"] { padding-right: 20px; padding-left: 20px; padding-bottom: 40px; } .gutter-xl-50 { margin-right: -25px; margin-left: -25px; margin-bottom: -50px; } .gutter-xl-50 > .col, .gutter-xl-50 > [class*="col-"] { padding-right: 25px; padding-left: 25px; padding-bottom: 50px; } .col-mb-xl-30 { margin-bottom: -30px; } .col-mb-xl-30 > .col, .col-mb-xl-30 > [class*="col-"] { padding-bottom: 30px; } .col-mb-xl-50 { margin-bottom: -50px; } .col-mb-xl-50 > .col, .col-mb-xl-50 > [class*="col-"] { padding-bottom: 50px; } .col-mb-xl-80 { margin-bottom: -80px; } .col-mb-xl-80 > .col, .col-mb-xl-80 > [class*="col-"] { padding-bottom: 80px; } } /* ---------------------------------------------------------------- Height Utility Classes -----------------------------------------------------------------*/ .min-vh-75 { min-height: 75vh !important; } .min-vh-60 { min-height: 60vh !important; } .min-vh-50 { min-height: 50vh !important; } .min-vh-40 { min-height: 40vh !important; } .min-vh-25 { min-height: 25vh !important; } .min-vh-0 { min-height: 0 !important; } .vh-75 { height: 75vh !important; } .vh-60 { height: 60vh !important; } .vh-50 { height: 50vh !important; } .vh-40 { height: 40vh !important; } .vh-25 { height: 25vh !important; } .h-60 { height: 60% !important; } .h-40 { height: 40% !important; } .max-vh-100 { max-height: 100vh !important; } .max-vh-75 { max-height: 75vh !important; } .max-vh-60 { max-height: 60vh !important; } .max-vh-50 { max-height: 50vh !important; } .max-vh-40 { max-height: 40vh !important; } .max-vh-25 { max-height: 25vh !important; } .max-vh-none { max-height: none !important; } @media (min-width: 576px) { .min-vh-sm-100 { min-height: 100vh !important; } .min-vh-sm-75 { min-height: 75vh !important; } .min-vh-sm-60 { min-height: 60vh !important; } .min-vh-sm-50 { min-height: 50vh !important; } .min-vh-sm-40 { min-height: 40vh !important; } .min-vh-sm-25 { min-height: 25vh !important; } .min-vh-sm-0 { min-height: 0 !important; } .vh-sm-100 { height: 100vh !important; } .vh-sm-75 { height: 75vh !important; } .vh-sm-60 { height: 60vh !important; } .vh-sm-50 { height: 50vh !important; } .vh-sm-40 { height: 40vh !important; } .vh-sm-25 { height: 25vh !important; } .h-sm-100 { height: 100% !important; } .h-sm-75 { height: 75% !important; } .h-sm-60 { height: 60% !important; } .h-sm-50 { height: 50% !important; } .h-sm-40 { height: 40% !important; } .h-sm-25 { height: 25% !important; } .h-sm-auto { height: auto !important; } .max-vh-sm-100 { max-height: 100vh !important; } .max-vh-sm-75 { max-height: 75vh !important; } .max-vh-sm-60 { max-height: 60vh !important; } .max-vh-sm-50 { max-height: 50vh !important; } .max-vh-sm-40 { max-height: 40vh !important; } .max-vh-sm-25 { max-height: 25vh !important; } .max-vh-sm-none { max-height: none !important; } } @media (min-width: 768px) { .min-vh-md-100 { min-height: 100vh !important; } .min-vh-md-75 { min-height: 75vh !important; } .min-vh-md-60 { min-height: 60vh !important; } .min-vh-md-50 { min-height: 50vh !important; } .min-vh-md-40 { min-height: 40vh !important; } .min-vh-md-25 { min-height: 25vh !important; } .min-vh-md-0 { min-height: 0 !important; } .vh-md-100 { height: 100vh !important; } .vh-md-75 { height: 75vh !important; } .vh-md-60 { height: 60vh !important; } .vh-md-50 { height: 50vh !important; } .vh-md-40 { height: 40vh !important; } .vh-md-25 { height: 25vh !important; } .h-md-100 { height: 100% !important; } .h-md-75 { height: 75% !important; } .h-md-60 { height: 60% !important; } .h-md-50 { height: 50% !important; } .h-md-40 { height: 40% !important; } .h-md-25 { height: 25% !important; } .h-md-auto { height: auto !important; } .max-vh-md-100 { max-height: 100vh !important; } .max-vh-md-75 { max-height: 75vh !important; } .max-vh-md-60 { max-height: 60vh !important; } .max-vh-md-50 { max-height: 50vh !important; } .max-vh-md-40 { max-height: 40vh !important; } .max-vh-md-25 { max-height: 25vh !important; } .max-vh-md-none { max-height: none !important; } } @media (min-width: 992px) { .min-vh-lg-100 { min-height: 100vh !important; } .min-vh-lg-75 { min-height: 75vh !important; } .min-vh-lg-60 { min-height: 60vh !important; } .min-vh-lg-50 { min-height: 50vh !important; } .min-vh-lg-40 { min-height: 40vh !important; } .min-vh-lg-25 { min-height: 25vh !important; } .min-vh-lg-0 { min-height: 0 !important; } .vh-lg-100 { height: 100vh !important; } .vh-lg-75 { height: 75vh !important; } .vh-lg-60 { height: 60vh !important; } .vh-lg-50 { height: 50vh !important; } .vh-lg-40 { height: 40vh !important; } .vh-lg-25 { height: 25vh !important; } .h-lg-100 { height: 100% !important; } .h-lg-75 { height: 75% !important; } .h-lg-60 { height: 60% !important; } .h-lg-50 { height: 50% !important; } .h-lg-40 { height: 40% !important; } .h-lg-25 { height: 25% !important; } .h-lg-auto { height: auto !important; } .max-vh-lg-100 { max-height: 100vh !important; } .max-vh-lg-75 { max-height: 75vh !important; } .max-vh-lg-60 { max-height: 60vh !important; } .max-vh-lg-50 { max-height: 50vh !important; } .max-vh-lg-40 { max-height: 40vh !important; } .max-vh-lg-25 { max-height: 25vh !important; } .max-vh-lg-none { max-height: none !important; } } @media (min-width: 1200px) { .min-vh-xl-100 { min-height: 100vh !important; } .min-vh-xl-75 { min-height: 75vh !important; } .min-vh-xl-60 { min-height: 60vh !important; } .min-vh-xl-50 { min-height: 50vh !important; } .min-vh-xl-40 { min-height: 40vh !important; } .min-vh-xl-25 { min-height: 25vh !important; } .min-vh-xl-0 { min-height: 0 !important; } .vh-xl-100 { height: 100vh !important; } .vh-xl-75 { height: 75vh !important; } .vh-xl-60 { height: 60vh !important; } .vh-xl-50 { height: 50vh !important; } .vh-xl-40 { height: 40vh !important; } .vh-xl-25 { height: 25vh !important; } .h-xl-100 { height: 100% !important; } .h-xl-75 { height: 75% !important; } .h-xl-60 { height: 60% !important; } .h-xl-50 { height: 50% !important; } .h-xl-40 { height: 40% !important; } .h-xl-25 { height: 25% !important; } .h-xl-auto { height: auto !important; } .max-vh-xl-100 { max-height: 100vh !important; } .max-vh-xl-75 { max-height: 75vh !important; } .max-vh-xl-60 { max-height: 60vh !important; } .max-vh-xl-50 { max-height: 50vh !important; } .max-vh-xl-40 { max-height: 40vh !important; } .max-vh-xl-25 { max-height: 25vh !important; } .max-vh-xl-none { max-height: none !important; } } /* ---------------------------------------------------------------- Position Utility Classes: Extended -----------------------------------------------------------------*/ @media (min-width: 576px) { .position-sm-static { position: static !important; } .position-sm-relative { position: relative !important; } .position-sm-absolute { position: absolute !important; } .position-sm-fixed { position: fixed !important; } .position-sm-sticky { position: -webkit-sticky !important; position: sticky !important; } } @media (min-width: 768px) { .position-md-static { position: static !important; } .position-md-relative { position: relative !important; } .position-md-absolute { position: absolute !important; } .position-md-fixed { position: fixed !important; } .position-md-sticky { position: -webkit-sticky !important; position: sticky !important; } } @media (min-width: 992px) { .position-lg-static { position: static !important; } .position-lg-relative { position: relative !important; } .position-lg-absolute { position: absolute !important; } .position-lg-fixed { position: fixed !important; } .position-lg-sticky { position: -webkit-sticky !important; position: sticky !important; } } @media (min-width: 1200px) { .position-xl-static { position: static !important; } .position-xl-relative { position: relative !important; } .position-xl-absolute { position: absolute !important; } .position-xl-fixed { position: fixed !important; } .position-xl-sticky { position: -webkit-sticky !important; position: sticky !important; } } /* ---------------------------------------------------------------- Lazy Loading -----------------------------------------------------------------*/ .lazy { opacity: 0; } .lazy:not(.initial) { transition: opacity 1s; } .lazy.initial, .lazy.lazy-loaded, .lazy.lazy-error { opacity: 1; } img.lazy { max-width: 100%; height: auto; } img.lazy:not([src]) { visibility: hidden; } .lazytest { opacity: 1; transition: opacity 1s ease-out; } .lazytest[data-src] { opacity: 0; } /* ---------------------------------------------------------------- Sections -----------------------------------------------------------------*/ .section { position: relative; width: 100%; margin: 60px 0; padding: 60px 0; background-color: #F9F9F9; overflow: hidden; } .parallax { background-color: transparent; background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; overflow: hidden; will-change: transform; } .mobile-parallax, .video-placeholder { background-size: cover !important; background-attachment: scroll !important; background-position: center center !important; } .section .container { z-index: 2; } .section .container + .video-wrap { z-index: 1; } .revealer-image { position: relative; bottom: -100px; transition: bottom .3s ease-in-out; -webkit-transition: bottom .3s ease-in-out; -o-transition: bottom .3s ease-in-out; } .section:hover .revealer-image { bottom: -50px; } /* ---------------------------------------------------------------- Columns & Grids -----------------------------------------------------------------*/ .postcontent, .sidebar { position: relative; } /* ---------------------------------------------------------------- Flex Slider -----------------------------------------------------------------*/ .fslider, .fslider .flexslider, .fslider .slider-wrap, .fslider .slide, .fslider .slide > a, .fslider .slide > img, .fslider .slide > a > img { position: relative; display: block; width: 100%; height: auto; overflow: hidden; -webkit-backface-visibility: hidden; } .fslider.h-100 .flexslider, .fslider.h-100 .slider-wrap, .fslider.h-100 .slide { height: 100% !important; } .fslider { min-height: 32px; } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; border: none; } .slider-wrap, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; border: none; } .flexslider { position: relative; margin: 0; padding: 0; } .flexslider .slider-wrap > .slide { display: none; -webkit-backface-visibility: hidden; } .flexslider .slider-wrap img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } .slider-wrap::after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slider-wrap { display: block; } * html .slider-wrap { height: 1%; } .no-js .slider-wrap > .slide:first-child { display: block; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } /* ---------------------------------------------------------------- Top Bar -----------------------------------------------------------------*/ #top-bar { position: relative; font-size: 12px; background: #191919; color: #d1d1d1; } #top-bar a { /*color: #d1d1d1;*/ font-size: 12px; } #top-bar .lang-selection a { color: #333; } #top-bar .lang-selection a.button { padding: 0; color: #fff; } /* Top Links ---------------------------------*/ .top-links { position: relative; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-positive: 0; flex-grow: 0; border-bottom: 1px solid #EEE; } @media (min-width: 768px) { .top-links { border-bottom: 0; } } .top-links-container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; list-style: none; margin-bottom: 0; } .top-links-item { position: relative; border-left: 1px solid #EEE; } .top-links-item:first-child, .top-links-sub-menu .top-links-item { border-left: 0 !important; } .top-links-item > a { display: block; padding: 10px 12px; font-size: 0.75rem; line-height: 1; font-weight: 700; text-transform: uppercase; color: #666; } .top-links-item > a > i { vertical-align: top; } .top-links-item > a > i.icon-angle-down { margin: 0 0 0 5px !important; } .top-links-item > a > i:first-child { margin-right: 3px; } .top-links-item.full-icon > a > i { top: 2px; font-size: 0.875rem; margin: 0; } .top-links-item:hover { background-color: #EEE; } .top-links-sub-menu, .top-links-section { position: absolute; visibility: hidden; pointer-events: none; opacity: 0; list-style: none; z-index: -1; line-height: 1.5; background: #FFF; border: 0; top: 100%; left: -1px; width: 140px; margin-top: 10px; border: 1px solid #EEE; border-top-color: #f6901e; box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05); transition: opacity .25s ease, margin .2s ease; } .top-links:not(.on-click) .top-links-item:hover > .top-links-sub-menu, .top-links:not(.on-click) .top-links-item:hover > .top-links-section, .top-links.on-click .top-links-sub-menu, .top-links.on-click .top-links-section { opacity: 1; visibility: visible; margin-top: 0; pointer-events: auto; z-index: 499; } .top-links.on-click .top-links-sub-menu, .top-links.on-click .top-links-section { display: none; } .top-links-sub-menu .top-links-sub-menu { top: -1px; left: 100%; } .top-links-sub-menu .top-links-item:not(:first-child) { border-top: 1px solid #F5F5F5; } .top-links-sub-menu .top-links-item:hover { background-color: #F9F9F9; } .top-links-sub-menu .top-links-item > a { padding-top: 9px; padding-bottom: 9px; font-size: 0.6875rem; } .top-links-sub-menu .top-links-item > a > img { display: inline-block; position: relative; top: -1px; width: 16px; height: 16px; margin-right: 4px; } .top-links-sub-menu.top-demo-lang .top-links-item > a > img { top: 4px; width: 16px; height: 16px; } .top-links-sub-menu .top-links-item > a > i.icon-angle-down { margin: 0 !important; position: absolute; top: 50%; left: auto; right: 10px; transform: translateY(-50%) rotate(-90deg); } .top-links-section { padding: 25px; left: 0; width: 280px; } .top-links-section.menu-pos-invert { left: auto; right: 0; } /* Top Social -----------------------------------------------------------------*/ #top-social { display: -ms-flexbox; display: flex; justify-content: center; margin: 0; } #top-social li { position: relative; list-style: none; } #top-social li { border-left: 1px solid #EEE; } #top-social li:first-child { border-left: 0 !important; } #top-social a { display: -ms-flexbox; display: flex; width: auto; overflow: hidden; font-weight: bold; color: #666; } #top-social li a:hover { color: #FFF !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } #top-social li .ts-icon, #top-social li .ts-text { display: block; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; height: 44px; line-height: 44px; } #top-social li .ts-icon { width: 40px; text-align: center; font-size: 0.875rem; } #top-social li .ts-text { max-width: 0; -webkit-transition: all .2s ease; transition: all .2s ease; } #top-social li a:hover .ts-text { max-width: 200px; padding-right: 12px; -webkit-transition: all .4s ease; transition: all .4s ease; } /* Top Login -----------------------------------------------------------------*/ #top-login { margin-bottom: 0; } #top-login .checkbox { margin-bottom: 10px; } #top-login .form-control { position: relative; } #top-login .form-control:focus { border-color: #CCC; } #top-login .input-group#top-login-username { margin-bottom: -1px; } #top-login #top-login-username input, #top-login #top-login-username .input-group-addon { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } #top-login .input-group#top-login-password { margin-bottom: 10px; } #top-login #top-login-password input, #top-login #top-login-password .input-group-addon { border-top-left-radius: 0; border-top-right-radius: 0; } /* ---------------------------------------------------------------- Header -----------------------------------------------------------------*/ #header { position: relative; background-color: transparent; } #header-wrap { position: relative; background: linear-gradient(0deg, #000, #212121); width: 100%; border-top: 2px solid #ccab4a; } .header-wrap-clone { display: none; } .header-row { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; justify-content: center; flex-direction: row; } @media (min-width: 992px) { #header-wrap { position: fixed; height: auto; z-index: 299; transition: height .2s ease 0s, background-color .3s ease 0s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: left, top, transform; } #top-bar + #header:not(.sticky-header) #header-wrap, #slider + #header:not(.sticky-header) #header-wrap, .floating-header:not(.sticky-header) #header-wrap, div + #header-wrap, .no-sticky #header-wrap, [data-sticky-offset]:not([data-sticky-offset="full"]):not(.sticky-header) #header-wrap, body:not(.stretched) #header:not(.sticky-header) #header-wrap { position: absolute; } .header-wrap-clone { display: block; height: calc(100px + 1px); } .header-size-sm .header-wrap-clone { height: calc(60px + 1px); } .header-size-md .header-wrap-clone { height: calc(80px + 1px); } .header-size-lg .header-wrap-clone { height: calc(120px + 1px); } .header-row { position: initial; } #header.transparent-header, #header.transparent-header:not(.sticky-header) #header-wrap { background: transparent; border-bottom: 1px solid transparent; z-index: 299; } #header.transparent-header.semi-transparent #header-wrap { background-color: rgba(255, 255, 255, 0.8); } #header.transparent-header.floating-header { margin-top: 60px; } .transparent-header.floating-header .container { background-color: #FFF; padding: 0 30px; } .transparent-header.floating-header:not(.sticky-header) .container { position: relative; } #header + .include-header { margin-top: calc(-100px - 2px); display: inline-block; vertical-align: bottom; width: 100%; } #header.header-size-sm + .include-header { margin-top: calc(-60px - 2px); } #header.header-size-md + .include-header { margin-top: calc(-80px - 2px); } #header.header-size-lg + .include-header { margin-top: calc(-120px - 2px); } #header.floating-header + .include-header { margin-top: calc(-160px - 2px); } #header.transparent-header + .page-title-parallax.include-header .container { z-index: 5; padding-top: 100px; } #header.full-header:not(.transparent-header) { border-bottom-color: #EEE; } .stretched .full-header #header-wrap > .container { width: 100%; max-width: none; padding: 0 30px; } #header.transparent-header.full-header #header-wrap { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #slider + #header.transparent-header.full-header #header-wrap { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: none; } /* ---------------------------------------------------------------- Sticky Header -----------------------------------------------------------------*/ #logo img { -webkit-transition: height .4s ease, padding .4s ease, margin .4s ease, opacity .3s ease; transition: height .4s ease, padding .4s ease, margin .4s ease, opacity .3s ease; } #logo img { max-height: 100%; } .sub-menu-container, .mega-menu-content { -webkit-transition: top .4s ease; transition: top .4s ease; } .sticky-header #header-wrap { position: fixed; top: 0; left: 0; background-color: #363636; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 1050; } .sticky-header.full-header #header-wrap { border-bottom: 1px solid #EEE; } .sticky-header.semi-transparent { background-color: transparent; } .semi-transparent.sticky-header #header-wrap { background-color: rgba(255, 255, 255, 0.8) } /* Primary Menu - Style 3 -----------------------------------------------------------------*/ .sticky-header .style-3 .menu-container > .menu-item > .menu-link { margin: 0; border-radius: 0; } /* Primary Menu - Style 4 -----------------------------------------------------------------*/ .sticky-header .style-4 .menu-container > .menu-item > .menu-link { padding-top: 8px; padding-bottom: 8px; margin: 10px 0; } /* Primary Menu - Style 5 -----------------------------------------------------------------*/ .sticky-header-shrink .style-5 .menu-container > .menu-item { margin-left: 2px; } .sticky-header-shrink .style-5 .menu-container > .menu-item:first-child { margin-left: 0; } .sticky-header-shrink .style-5 .menu-container > .menu-item > .menu-link { line-height: 22px; padding-top: 19px; padding-bottom: 19px; } .sticky-header-shrink .style-5 .menu-container > .menu-item > .menu-link > div { padding: 0; } .sticky-header-shrink .style-5 .menu-container > .menu-item > .menu-link i:not(.icon-angle-down) { display: inline-block; width: 16px; top: -1px; margin: 0 6px 0 0; font-size: 0.875rem; line-height: 22px; } } @media (max-width: 768px) { .dls-freespin-wrapper { bottom: 80px !important; display: flex; width: 100%; left: 0 !important; flex-direction: row; align-items: center; flex-wrap: nowrap; justify-content: space-around; } } @media (max-width: 680px) { .owl-carousel .owl-nav { display: none; } /* .top-bar-wallet span:first-child { display: none; }*/ .TogglePanel--showAlternate .TogglePanel__PanelTwo { margin: 2px 0px !important; } .affiliate-link { display: none; } .my-credit { margin: 0 0 0 3px; } /* .nav-bottom .nav-link { width: 23% !important; } */ .winner-slider .owl-nav button i, #slot-game .owl-nav button i, , #casino-game .owl-nav button i { font-size: 2em; } .news-block a { display: block !important; } .news-block a img { margin: 0 0 15px 0 !important; width: 100% !important; } } @media (max-width: 991.98px) { .sticky-header #header-wrap { position: fixed; top: 0; left: 0; z-index: 299; background-color: #FFF; border-bottom: 1px solid #EEE; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } .sticky-header .header-wrap-clone { display: block; } .sticky-header .menu-container { max-height: 60vh; margin: 1rem 0; overflow-x: hidden; overflow-y: scroll; } body:not(.primary-menu-open) .dark.transparent-header-responsive, body:not(.primary-menu-open) .transparent-header-responsive { background-color: transparent; border: none; } body:not(.primary-menu-open) .semi-transparent.transparent-header-responsive { background-color: rgba(255, 255, 255, 0.8); z-index: 1; } } /* ---------------------------------------------------------------- Logo -----------------------------------------------------------------*/ #logo { position: relative; display: -ms-flexbox; display: flex; align-items: center; -ms-flex-align: center; margin-right: auto; max-height: 100%; } #logo a { color: #000; font-family: 'Poppins', sans-serif; font-size: 36px; } #logo img { display: block; width: 120px; height: auto !important; } .logo-sub img { width: 160px !important; margin-bottom: 20px; } .header-size-sm #header-wrap #logo img { height: 60px; } .header-size-md #header-wrap #logo img { height: 80px; } .header-size-lg #header-wrap #logo img { height: 120px; } #logo a.standard-logo { display: -ms-flexbox; display: flex; } @media (min-width: 992px) { .full-header #logo { padding-right: 30px; } #header.transparent-header.full-header #logo { border-right-color: rgba(0, 0, 0, 0.1); } .sticky-header-shrink #header-wrap #logo img { height: 60px; } } /* ---------------------------------------------------------------- Header Right Area -----------------------------------------------------------------*/ .header-extras { display: -ms-flexbox; display: flex; align-items: center; margin-bottom: 0; } .header-extras li { display: -ms-flexbox; display: flex; margin-left: 1.25rem; overflow: hidden; list-style: none; } .header-extras li:first-child { margin-left: 0; } .header-extras li .he-text { padding-left: 10px; font-weight: bold; font-size: 0.875rem; } .header-extras li .he-text span { display: block; font-weight: 400; color: #f6901e; } /* ---------------------------------------------------------------- Primary Menu -----------------------------------------------------------------*/ .primary-menu { display: -ms-flexbox; display: flex; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center; max-width: 100%; white-space: nowrap; overflow-x: auto; } .primary-menu + .primary-menu { border-top: 1px solid #EEE; } #primary-menu-trigger, #page-menu-trigger { display: -ms-flex; display: flex; opacity: 1; pointer-events: auto; z-index: 1; cursor: pointer; font-size: 0.875rem; justify-content: center; align-items: center; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } body:not(.top-search-open) .top-search-parent #primary-menu-trigger { opacity: 1; -webkit-transition: opacity .2s .2s ease, top .4s ease; -o-transition: opacity .2s .2s ease, top .4s ease; transition: opacity .2s .2s ease, top .4s ease; } .top-search-open .top-search-parent #primary-menu-trigger { opacity: 0; } .svg-trigger { width: 30px; height: 30px; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .svg-trigger path { fill: none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke: #333; stroke-width: 5; stroke-linecap: round; } .svg-trigger path:nth-child(1) { stroke-dasharray: 40 160; } .svg-trigger path:nth-child(2) { stroke-dasharray: 40 142; transform-origin: 50%; transition: transform 400ms; } .svg-trigger path:nth-child(3) { stroke-dasharray: 40 85; transform-origin: 50%; transition: transform 400ms, stroke-dashoffset 400ms; } .primary-menu-open .svg-trigger { transform: rotate(45deg); } .primary-menu-open .svg-trigger path:nth-child(1), .primary-menu-open .svg-trigger path:nth-child(3) { stroke-dashoffset: -64px; } .primary-menu-open .svg-trigger path:nth-child(2) { transform: rotate(90deg); } .menu-container { list-style: none; margin: 0; width: 100%; } .menu-item { position: relative; } .menu-item:not(:first-child) { border-top: 1px solid #232323; } .menu-link { display: block; line-height: 22px; padding: 14px 5px; color: #b4b4b4; font-size: 0.75rem; letter-spacing: 1px; text-transform: uppercase; font-weight: 400; } /* .menu-link span { display: none; }*/ .menu-link i { position: relative; top: 3px; font-size: 0.875rem; width: 16px; text-align: center; margin-right: 6px; vertical-align: top; } .menu-item:hover > .menu-link > div, .menu-item.current > .menu-link > div { color: #fff; background: #ccab4a; color: #000; } .menu-item.sub-menu > .menu-link > div, .menu-item > .menu-link > div { padding: 0 0 0 5px; border-radius: 3px; white-space: nowrap; } .sub-menu-container, .mega-menu-content { position: relative; padding-left: 15px; list-style: none; margin-bottom: 0; } .sub-menu-container .menu-item:not(:first-child) { border-top: 1px solid #EEE; } .sub-menu-container .menu-item > .menu-link { position: relative; padding: 11px 5px; font-size: 0.75rem; font-weight: 400; color: #666; letter-spacing: 0; font-family: 'Lato', sans-serif; } .sub-menu-container .menu-item:hover > .menu-link { font-weight: 700; } .sub-menu-container .menu-link div { position: relative; } .menu-item .sub-menu-trigger { display: block; position: absolute; cursor: pointer; outline: none; border: none; background: none; padding: 0; top: 9px; right: 0; color: #fff; width: 100%; height: 32px; font-size: 12px; line-height: 32px; text-align: center; -webkit-transition: height .4s ease, opacity .3s ease, margin-top .4s ease; -o-transition: height .4s ease, opacity .3s ease, margin-top .4s ease; transition: height .4s ease, opacity .3s ease, margin-top .4s ease; } .menu-item .fa-chevron-right:before { position: absolute; top: 0; right: 15px; } .menu-item .fa-chevron-right-rotate:before { transform: rotate(90deg); } /*.menu-link div > i.icon-angle-down { display: none; } */ .sub-menu-container .sub-menu-trigger { font-size: 10px; } .sub-menu-container .menu-item .sub-menu-trigger { top: 6px; } /* ---------------------------------------------------------------- Mega Menu -----------------------------------------------------------------*/ .mega-menu:not(.mega-menu-full) .mega-menu-content .container { max-width: none; } .mega-menu-content { padding-left: 0; } @media (max-width: 991.98px) { .primary-menu { max-width: 100%; } .primary-menu > .container { max-width: none; padding: 0; } .mega-menu-content .sub-menu-container { border-top: 1px solid #EEE; } .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) { display: flex !important; flex-wrap: wrap; } .mega-menu-content .mega-menu-column { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: 0; } .mega-menu-column .widget { padding: 30px 0; } } .mega-menu-content .mega-menu-column:first-child { border-top: 0; } ul.sub-menu-container li { padding: 0; } /* Off Canvas Menu -----------------------------------------------------------------*/ @media (max-width: 991.98px) { #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container { position: fixed; display: block; z-index: 499; width: 280px; height: 100%; height: calc(100vh); max-height: none !important; margin: 0 !important; left: 0 !important; top: 0 !important; padding: 35px 25px 60px !important; background-color: #FFF; border-right: 1px solid #EEE !important; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transform: translate(-280px, 0); -o-transform: translate(-280px, 0); transform: translate(-280px, 0); -webkit-backface-visibility: hidden; transform-style: preserve-3d; } #header:not(.sticky-header) .mobile-menu-off-canvas.from-right .menu-container { left: auto !important; right: 0; border-right: 0 !important; border-left: 1px solid #EEE !important; -webkit-transform: translate(280px, 0); -o-transform: translate(280px, 0); transform: translate(280px, 0); } #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container { -webkit-transition: -webkit-transform .3s ease-in-out, opacity .2s ease !important; -o-transition: -o-transform .3s ease-in-out, opacity .2s ease !important; transition: transform .3s ease-in-out, opacity .2s ease !important; } #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container.d-block { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @media (min-width: 992px) { .primary-menu { -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-positive: 0; flex-grow: 0; } .primary-menu + .primary-menu { border-top: 0; } #primary-menu-trigger, #page-menu-trigger { display: none; opacity: 0; pointer-events: none; z-index: 0; } .menu-container:not(.mobile-primary-menu) { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; } .full-header .primary-menu .menu-container { padding-right: 0.5rem; margin-right: 0.5rem; } .transparent-header.full-header .primary-menu .menu-container { border-right-color: rgba(0, 0, 0, 0.1); } .mega-menu { position: inherit; } .menu-container > .menu-item:not(:first-child) { margin-left: 2px; } .menu-item:not(:first-child) { border-top: 0; } .menu-item.menu-item-important .menu-link > div::after { content: ''; display: inline-block; position: relative; top: -5px; left: 5px; width: 8px; height: 8px; border-radius: 50%; background-color: #dc3545; } .menu-link { padding: 19px 4px; -webkit-transition: margin .4s ease, padding .4s ease; -o-transition: margin .4s ease, padding .4s ease; transition: margin .4s ease, padding .4s ease; } .header-size-sm .menu-container > .menu-item > .menu-link { padding-top: 19px; padding-bottom: 19px; } .header-size-md .menu-container > .menu-item > .menu-link { padding-top: 29px; padding-bottom: 29px; } .header-size-lg .menu-container > .menu-item > .menu-link { padding-top: 49px; padding-bottom: 49px; } .sticky-header-shrink .menu-container > .menu-item > .menu-link { padding-top: 19px; padding-bottom: 19px; } .with-arrows .menu-container > .menu-item > .menu-link div > i.icon-angle-down { display: inline-block; } .sub-menu-container, .mega-menu-content { position: absolute; visibility: hidden; width: 100%; background-color: rgb(25, 25, 25); z-index: 399; top: 100%; left: 0; padding: 0; } .menu-container > .menu-item:not(.mega-menu) .sub-menu-container { padding: 10px; } /* Sub-Menu On-Hover Dropdown */ .primary-menu:not(.on-click) .menu-item:not(.mega-menu) .sub-menu-container, .primary-menu:not(.on-click) .mega-menu-content { display: block; opacity: 0; margin-top: 15px; z-index: -9999; pointer-events: none; transition: opacity .3s ease, margin .25s ease; } .primary-menu:not(.on-click) .menu-item.mega-menu .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) { margin-top: 0; z-index: auto; } .primary-menu:not(.on-click) .menu-item.mega-menu:hover > .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) { pointer-events: auto; } .primary-menu:not(.on-click) .menu-item:hover > .sub-menu-container, .primary-menu:not(.on-click) .menu-item:hover > .mega-menu-content { opacity: 1; visibility: visible; margin-top: 0; z-index: 399; pointer-events: auto; } .primary-menu:not(.on-click) .menu-item:not(:hover) > .sub-menu-container > *, .primary-menu:not(.on-click) .menu-item:not(:hover) > .mega-menu-content > * { display: none; } .primary-menu:not(.on-click) .menu-item.mega-menu .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) > * { display: flex; } .sub-menu-container .sub-menu-container { list-style: none; top: -2px !important; left: 100%; } .sub-menu-container.menu-pos-invert, .mega-menu-content.menu-pos-invert { left: auto; right: 0; } .sub-menu-container .sub-menu-container.menu-pos-invert { right: 100%; } .sub-menu-container .menu-item:not(:first-child) { border-top: 0; } .sub-menu-container .menu-item > .menu-link { padding: 10px 15px; font-weight: 700; border: 0; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .sub-menu-container .menu-item > .menu-link i { vertical-align: middle; } .sub-menu-container .menu-item:hover > .menu-link { background-color: #F9F9F9; padding-left: 18px; color: #f6901e; } .menu-link div > i.icon-angle-down { top: 0; font-size: 0.875rem; margin: 0 0 0 5px; } .sub-menu-container .menu-link div > i.icon-angle-down, .side-header .primary-menu:not(.on-click) .menu-link i.icon-angle-down { display: block; position: absolute; top: 50%; right: 0; font-size: 0.875rem; line-height: 1; margin: 0; transform: translateY(-50%) rotate(-90deg); } .menu-item .sub-menu-trigger, .side-header .on-click .sub-menu-container .menu-link i.icon-angle-down:last-child { display: none; } /* ---------------------------------------------------------------- Mega Menu -----------------------------------------------------------------*/ .mega-menu:not(.mega-menu-full) .mega-menu-content .container { max-width: none; padding: 0 15px !important; margin: 0 auto !important; } .mega-menu-content { margin: 0; width: 100%; max-width: none; left: 50%; transform: translateX(-50%); } .mega-menu-full .mega-menu-content { width: 100%; left: 0; transform: none; } .mega-menu-small { position: relative; } .mega-menu-small .mega-menu-content { left: 0; width: 400px; transform: none; } .floating-header:not(.sticky-header) .mega-menu .mega-menu-content { max-width: 100%; } .sub-menu-container .mega-menu { position: relative; } .sub-menu-container .mega-menu-small .mega-menu-content { top: 0; left: 100%; } .sub-menu-container .mega-menu-small .mega-menu-content.menu-pos-invert { left: auto; right: 100%; } .mega-menu-content.mega-menu-style-2 { padding: 0 10px; } .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) { position: relative; display: flex; visibility: visible !important; top: 0 !important; left: 0; width: 100%; min-width: inherit; height: auto !important; list-style: none; border: 0; box-shadow: none; background-color: transparent; opacity: 1 !important; z-index: auto; flex-wrap: wrap; } .mega-menu-content .sub-menu-container.mega-menu-dropdown { padding: 0.75rem; } .mega-menu-column { display: flex; padding-left: 0; padding-right: 0; } .sub-menu-container.mega-menu-column:not(:first-child) { border-left: 1px solid #F2F2F2; } .mega-menu-style-2 .mega-menu-column { padding: 30px 20px; } .mega-menu-style-2 .mega-menu-title:not(:first-child) { margin-top: 20px; } .mega-menu-style-2 .mega-menu-title > .menu-link { font-size: 0.8125rem; font-weight: 700; font-family: 'Poppins', sans-serif; letter-spacing: 1px; text-transform: uppercase !important; margin-bottom: 15px; color: #444; padding: 0 !important; line-height: 1.3 !important; } .mega-menu-style-2 .mega-menu-title:hover > .menu-link { background-color: transparent; } .mega-menu-style-2 .mega-menu-title > .menu-link:hover { color: #f6901e; } .mega-menu-style-2 .sub-menu-container:not(.mega-menu-dropdown) .menu-item { border: 0; } .mega-menu-style-2 .sub-menu-container .menu-link { padding-left: 5px; padding-top: 7px; padding-bottom: 7px; } .mega-menu-style-2 .sub-menu-container .menu-item:hover > .menu-link { padding-left: 12px; } /* Sub-Menu On-Click Dropdown */ .on-click .sub-menu-container, .on-click .mega-menu-content { display: none; visibility: visible; } .on-click .menu-item:not(.mega-menu-small) .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) { display: flex; } /* Primary Menu - Style 2 -----------------------------------------------------------------*/ .style-2 #logo { margin-right: 1.5rem; } .style-2 .primary-menu { margin-right: auto; } .style-2.menu-center .primary-menu { margin-right: auto; margin-left: auto; } /* Primary Menu - Style 3 -----------------------------------------------------------------*/ .style-3 .menu-container > .menu-item > .menu-link { margin: 28px 0; padding-top: 11px; padding-bottom: 11px; border-radius: 2px; } .style-3 .menu-container > .menu-item:hover > .menu-link { color: #444; background-color: #F5F5F5; } .style-3 .menu-container > .menu-item.current > .menu-link { color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); background-color: #f6901e; } /* Primary Menu - Style 4 -----------------------------------------------------------------*/ .style-4 .menu-container > .menu-item > .menu-link { margin: 28px 0; padding-top: 10px; padding-bottom: 10px; border-radius: 2px; border: 1px solid transparent; } .style-4 .menu-container > .menu-item:hover > .menu-link, .style-4 .menu-container > .menu-item.current > .menu-link { border-color: #f6901e; } /* Primary Menu - Style 5 -----------------------------------------------------------------*/ .style-5 .menu-container { padding-right: 10px; margin-right: 5px; border-right: 1px solid #EEE; } .style-5 .menu-container > .menu-item:not(:first-child) { margin-left: 15px; } .style-5 .menu-container > .menu-item > .menu-link { padding-top: 27px; padding-bottom: 27px; line-height: 1; } .style-5 .menu-container > .menu-item > .menu-link i:not(.icon-angle-down) { display: block; width: auto; margin: 0 0 12px; font-size: 20px; line-height: 1; transition: all .3s ease; } /* Primary Menu - Style 6 -----------------------------------------------------------------*/ .style-6 .menu-container > .menu-item > .menu-link { position: relative; } .style-6 .menu-container > .menu-item > .menu-link::after, .style-6 .menu-container > .menu-item.current > .menu-link::after { content: ''; position: absolute; top: 0; left: 50%; height: 2px; width: 0; border-top: 2px solid #f6901e; -webkit-transition: width .3s ease; -o-transition: width .3s ease; transition: width .3s ease; transform: translateX(-50%); } .style-6 .menu-container > .menu-item.current > .menu-link::after, .style-6 .menu-container > .menu-item:hover > .menu-link::after { width: 100%; } /* Primary Menu - Sub Title -----------------------------------------------------------------*/ .sub-title .menu-container > .menu-item { margin-left: 0; } .sub-title .menu-container > .menu-item > .menu-link { position: relative; line-height: 14px; padding: 32px 20px; text-transform: uppercase; } .sub-title .menu-container > .menu-item:not(:first-child) > .menu-link::before { content: ''; position: absolute; top: 50%; left: 0; z-index: -2; width: 1px; height: 36px; background-color: #EEE; transform: translateY(-50%); } .sub-title .menu-container > .menu-item > .menu-link span { display: block; margin-top: 10px; line-height: 12px; font-size: 11px; font-weight: 400; color: #888; text-transform: capitalize; } .sub-title .menu-container > .menu-item:hover > .menu-link, .sub-title .menu-container > .menu-item.current > .menu-link { color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .sub-title .menu-container > .menu-item:hover > .menu-link span, .sub-title .menu-container > .menu-item.current > .menu-link span { color: #EEE; } .sub-title .menu-container > .menu-item:hover > .menu-link::after, .sub-title .menu-container > .menu-item.current > .menu-link::after { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #f6901e; border-top: 5px solid rgba(0, 0, 0, 0.1); } /* ---------------------------------------------------------------- Side Header -----------------------------------------------------------------*/ .side-header:not(.open-header) #wrapper { margin: 0 0 0 260px !important; width: auto !important; } .side-header .container { padding-left: 30px; padding-right: 30px; } .side-header #header { position: fixed; top: 0; left: 0; z-index: 10; width: 260px; height: 100%; height: calc(100vh); background-color: #FFF; border: none; border-right: 1px solid #EEE; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, 0.065); } .side-header #header-wrap { position: relative; width: 300px; width: calc(100% + 40px); height: 100%; overflow-y: scroll; padding-right: 40px; } .side-header #header-wrap > .container { width: 260px; max-width: none; padding: 0 30px; margin: 0 !important; min-height: 100%; display: -ms-flexbox; display: flex; } .side-header .header-wrap-clone { display: none; } .side-header .header-row { -ms-flex-direction: column; flex-direction: column; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .side-header #logo { margin: 3rem 0; width: 100%; } .side-header #logo img { max-width: 100%; } .side-header .header-misc { width: 100%; margin: 0; } .side-header .primary-menu { margin-bottom: 30px; -ms-flex-positive: 0 !important; flex-grow: 0 !important; width: 100%; } .side-header .primary-menu:not(.border-bottom-0)::after { margin-top: 40px; } .side-header .menu-container { display: block; height: auto; width: 100%; } .no-triggers .menu-container .sub-menu-trigger { display: none; } .side-header .on-click .menu-item .sub-menu-trigger { display: block; top: 0; right: -5px; font-size: 10px; } .side-header .primary-menu:not(.on-click) .text-center i.icon-angle-down { display: inline-block; position: relative; top: 2px; margin-left: 5px; transform: none; } .side-header .primary-menu:not(.on-click) .text-center .sub-menu-container i.icon-angle-down { top: -1px; } .side-header .menu-item { width: 100%; } .side-header .menu-item:not(:first-child) { margin: 10px 0 0; border-top: 0; } .side-header .menu-link { position: relative; padding: 5px 0 !important; margin: 0 !important; text-transform: uppercase; } .side-header .sub-menu-container, .side-header .mega-menu-content { position: relative; width: 100%; background-color: transparent; box-shadow: none; border: none; height: auto; z-index: 1; top: 0; left: 0; margin: 5px 0; padding: 0 0 0 12px !important; } .side-header .mega-menu-content { padding: 0 !important; margin-bottom: 0 !important; } .side-header .mega-menu-column { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; border: none !important; } .side-header .sub-menu-container .sub-menu-container { top: 0 !important; left: 0; } .side-header .sub-menu-container.menu-pos-invert { left: 0; right: auto; } .side-header .sub-menu-container .sub-menu-container.menu-pos-invert { right: auto; } .side-header .sub-menu-container .menu-item { margin: 0; border: 0; } .side-header .sub-menu-container .menu-item:first-child { border-top: 0; } .side-header .menu-item:hover > .menu-link { background-color: transparent !important; } .side-header .menu-container > .menu-item.sub-menu > .menu-link, .side-header .menu-container > .menu-item.sub-menu:hover > .menu-link { background-image: none !important; } /* Side Header - Push Header -----------------------------------------------------------------*/ .side-header.open-header.push-wrapper { overflow-x: hidden; } .side-header.open-header #header { left: -260px; } .side-header.open-header.side-header-open #header { left: 0; } .side-header.open-header #wrapper { left: 0; } .side-header.open-header.push-wrapper.side-header-open #wrapper { left: 260px; } #header-trigger { display: none; } .side-header.open-header #header-trigger { display: block; position: fixed; cursor: pointer; top: 20px; left: 20px; z-index: 11; font-size: 1rem; width: 32px; height: 32px; line-height: 32px; background-color: #FFF; text-align: center; border-radius: 2px; } .side-header.open-header.side-header-open #header-trigger { left: 280px; } .side-header.open-header #header-trigger i:nth-child(1), .side-header.open-header.side-header-open #header-trigger i:nth-child(2) { display: block; } .side-header.open-header.side-header-open #header-trigger i:nth-child(1), .side-header.open-header #header-trigger i:nth-child(2) { display: none; } .side-header.open-header #header, .side-header.open-header #header-trigger, .side-header.open-header.push-wrapper #wrapper { -webkit-transition: left .4s ease; -o-transition: left .4s ease; transition: left .4s ease; } /* Side Header - Right Aligned -----------------------------------------------------------------*/ .side-header.side-header-right #header { left: auto; right: 0; border: none; border-left: 1px solid #EEE; } .side-header.side-header-right:not(.open-header) #wrapper { margin: 0 260px 0 0 !important; } .side-header.side-header-right.open-header #header { left: auto; right: -260px; } .side-header.side-header-right.open-header.side-header-open #header { left: auto; right: 0; } .side-header.side-header-right.open-header.push-wrapper.side-header-open #wrapper { left: -260px; } .side-header.side-header-right.open-header #header-trigger { left: auto; right: 20px; } .side-header.side-header-right.open-header.side-header-open #header-trigger { left: auto; right: 280px; } .side-header.side-header-right.open-header #header, .side-header.side-header-right.open-header #header-trigger { -webkit-transition: right .4s ease; -o-transition: right .4s ease; transition: right .4s ease; } /* Primary Menu - Overlay Menu -----------------------------------------------------------------*/ .overlay-menu:not(.top-search-open) #primary-menu-trigger { display: -ms-flexbox; display: flex; opacity: 1; pointer-events: auto; width: 30px; height: 30px; line-height: 30px; } .overlay-menu .primary-menu > #overlay-menu-close { position: fixed; top: 25px; left: auto; right: 25px; width: 48px; height: 48px; line-height: 48px; font-size: 1.5rem; text-align: center; color: #444; } .overlay-menu #primary-menu-trigger { z-index: 599; } .overlay-menu .primary-menu { position: fixed; top: 0; left: 0; padding: 0 !important; margin: 0 !important; border: 0 !important; width: 100%; height: 100%; height: calc(100vh); background-color: rgba(255, 255, 255, 0.95); } .overlay-menu .primary-menu, .overlay-menu .primary-menu > #overlay-menu-close { opacity: 0 !important; pointer-events: none; z-index: -2; -webkit-transform: translateY(-80px); transform: translateY(-80px); -webkit-transition: opacity .4s ease, transform .45s ease !important; transition: opacity .4s ease, transform .45s ease !important; } .overlay-menu.primary-menu-open .primary-menu, .overlay-menu.primary-menu-open #overlay-menu-close { opacity: 1 !important; pointer-events: auto; z-index: 499; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .3s ease, transform .45s ease !important; transition: opacity .3s ease, transform .45s ease !important; } .overlay-menu .primary-menu, .overlay-menu.primary-menu-open .primary-menu { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: opacity .3s ease !important; transition: opacity .3s ease !important; } .overlay-menu .primary-menu > .container { max-height: 90%; overflow-y: scroll; } .overlay-menu .menu-container { display: -ms-flexbox !important; display: flex !important; flex-direction: column; max-width: 250px; padding: 0 !important; margin: 0 auto !important; border: 0 !important; } .overlay-menu .menu-container > .menu-item > .menu-link { font-size: 0.9375rem; } .overlay-menu .menu-item { width: 100%; } .overlay-menu .menu-link { padding-top: 10px; padding-bottom: 10px; padding-left: 0; padding-right: 0; } .overlay-menu .sub-menu-container, .overlay-menu .mega-menu-content { display: none; position: relative; top: 0 !important; left: 0 !important; right: auto; width: 100%; max-width: 100%; box-shadow: none; background: transparent; border: 0; padding: 10px 0 !important; transform: translateX(0); } .overlay-menu .mega-menu-content .sub-menu-container { padding: 5px 0 !important; } .overlay-menu .mega-menu-title .sub-menu-container { padding-top: 0 !important; } .overlay-menu .mega-menu-content .mega-menu-column { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 0; padding-right: 0; border: 0 !important; } .overlay-menu .sub-menu-container .menu-link { padding: 5px 0; } .overlay-menu .sub-menu-container .menu-item:hover > .menu-link { padding-left: 0; padding-right: 0; background: transparent; } .overlay-menu .sub-menu-container .menu-link i.icon-angle-down { position: relative; display: inline-block; top: -1px; left: 0; margin-left: 5px; transform: rotate(0deg); } } @media (max-width: 991.98px) { .side-push-panel #side-panel-trigger-close a { display: block; position: absolute; z-index: 12; top: 0; left: auto; right: 0; width: 40px; height: 40px; font-size: 18px; line-height: 40px; color: #444; text-align: center; background-color: rgba(0, 0, 0, 0.1); border-radius: 0 0 0 2px; } } /* ---------------------------------------------------------------- Top Search -----------------------------------------------------------------*/ .header-misc { position: initial; display: -ms-flexbox; display: flex; align-items: center; margin-left: 15px; } .header-misc-element, .header-misc-icon { margin: 0 8px; } .header-misc-icon > a { display: block; position: relative; width: 20px; height: 20px; font-size: 1.125rem; line-height: 20px; text-align: center; color: #333; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } @media (min-width: 992px) { .header-misc:not([class*="order-"]) { -ms-flex-order: 13; order: 13; } } #top-search a { z-index: 11; } #top-search a i { position: absolute; top: 0; left: 3px; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .top-search-open #top-search a i.icon-line-search, #top-search a i.icon-line-cross { opacity: 0; } .top-search-open #top-search a i.icon-line-cross { opacity: 1; z-index: 11; font-size: 1rem; } .top-search-form { opacity: 0; z-index: -2; pointer-events: none; position: absolute; width: 100% !important; height: 100%; padding: 0; margin: 0; top: 0; left: 0; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .top-search-open .top-search-form { opacity: 1; z-index: 10; pointer-events: auto; } .top-search-form input { box-shadow: none !important; border-radius: 0; border: 0; outline: 0 !important; font-size: 24px; padding: 10px 80px 10px 0; height: 100%; background-color: transparent !important; color: #333; font-weight: 700; margin-top: 0 !important; font-family: 'Poppins', sans-serif; letter-spacing: 2px; } @media (min-width: 992px) { .top-search-form input { font-size: 32px; } .full-header .top-search-form input, .container-fluid .top-search-form input { padding-left: 30px; } .transparent-header:not(.sticky-header):not(.full-header):not(.floating-header) .top-search-form input { border-bottom: 2px solid rgba(0, 0, 0, 0.1); } } .search-overlay .top-search-form { position: fixed; width: 100%; height: 100vh; top: 0; left: 0; display: -ms-flexbox; display: flex; background-color: #fff; align-items: center; justify-content: center; } .search-overlay .top-search-form input { max-width: 580px; margin: 0 auto; text-align: center; padding: 0 40px; } .top-search-form input::-moz-placeholder { color: #555; opacity: 1; text-transform: uppercase; } .top-search-form input:-ms-input-placeholder { color: #555; text-transform: uppercase; } .top-search-form input::-webkit-input-placeholder { color: #555; text-transform: uppercase; } .primary-menu .container .top-search-form input, .sticky-header .top-search-form input { border: none !important; } /* Top Search Animation */ #top-search { -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } body:not(.top-search-open) .top-search-parent #logo, body:not(.top-search-open) .top-search-parent .primary-menu, body:not(.top-search-open) .top-search-parent .header-misc > *:not(#top-search) { opacity: 1; } .top-search-open .top-search-parent #logo, .top-search-open .top-search-parent .primary-menu, .top-search-open .top-search-parent .header-misc > *:not(#top-search) { opacity: 0; } /* ---------------------------------------------------------------- Top Cart -----------------------------------------------------------------*/ .top-cart-number { display: block; position: absolute; top: -7px; left: auto; right: -8px; font-size: 0.625rem; color: #FFF; width: 1.125rem; height: 1.125rem; line-height: 1.125rem; text-align: center; border-radius: 50%; z-index: 1; overflow: hidden; } .top-cart-number::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f6901e; opacity: 0.8; z-index: -1; } .top-cart-content { position: fixed; top: 0; left: auto; width: 260px; background-color: #FFF; border-left: 1px solid #EEE; box-shadow: 0px 20px 50px 10px rgba(0, 0, 0, 0.05); -webkit-transition: right .3s ease; -o-transition: right .3s ease; transition: right .3s ease; } @media (max-width: 991.98px) { .top-cart-content { right: -260px !important; height: 100%; z-index: 499; } .top-cart-open .top-cart-content { right: 0 !important; } } .top-cart-title { padding: 0.75rem 1rem; border-bottom: 1px solid #EEE; } .top-cart-title h4 { margin-bottom: 0; font-size: 0.875rem; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } .top-cart-items { padding: 1rem; } .top-cart-item, .top-cart-action, .top-cart-item-desc { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; } .top-cart-item { -ms-flex-pack: start; justify-content: flex-start; } .top-cart-item:not(:first-child) { padding-top: 1rem; margin-top: 1rem; border-top: 1px solid #F5F5F5; } .top-cart-item-image { width: 48px; height: 48px; border: 2px solid #EEE; -webkit-transition: border-color .2s linear; -o-transition: border-color .2s linear; transition: border-color .2s linear; } .top-cart-item-image a, .top-cart-item-image img { display: block; width: 44px; height: 44px; } .top-cart-item-image:hover { border-color: #f6901e; } .top-cart-item-desc, .top-cart-item-desc-title { padding-left: 1rem; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .top-cart-item-desc { -ms-flex-align: start; align-items: flex-start; } .top-cart-item-desc-title { padding-left: 0; } .top-cart-item-desc a { display: block; font-size: 0.8125rem; line-height: 1.25rem; color: #333; font-weight: 700; margin-bottom: 5px; } .top-cart-item-desc a:hover { color: #f6901e; } .top-cart-item-price { font-size: 0.75rem; color: #999; } .top-cart-item-quantity { font-size: 0.75rem; line-height: 1.25rem; color: #444; } .top-cart-action { -ms-flex-align: center; align-items: center; padding: 1rem; border-top: 1px solid #EEE; } .top-cart-action .top-checkout-price { font-size: 1.25rem; color: #f6901e; } @media (min-width: 992px) { #top-cart { position: relative; } .top-cart-content { opacity: 0; position: absolute; width: 280px; border: 1px solid #EEE; border-top: 2px solid #f6901e; top: calc(100% + 20px); right: -15px; margin: -10000px 0 0; z-index: auto; -webkit-transition: opacity .5s ease, top .4s ease; -o-transition: opacity .5s ease, top .4s ease; transition: opacity .5s ease, top .4s ease; } #top-cart.on-hover:hover .top-cart-content, .top-cart-open .top-cart-content { opacity: 1; z-index: 399; margin-top: 0; } .top-cart-items { padding: 1rem; } } /* ---------------------------------------------------------------- Page Menu -----------------------------------------------------------------*/ #page-menu { position: relative; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } #page-menu-wrap { position: absolute; z-index: 199; top: 0; left: 0; width: 100%; background-color: #f6901e; transform: translateZ(0); -webkit-backface-visibility: hidden; } #page-menu.sticky-page-menu #page-menu-wrap { position: fixed; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); } #page-menu-trigger { opacity: 1; pointer-events: auto; top: 0; margin-top: 0; left: auto; right: 15px; width: 40px; height: 44px; line-height: 44px; color: #FFF; } .page-menu-open #page-menu-trigger { background-color: rgba(0, 0, 0, 0.2); } .page-menu-row { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-menu-title { color: #FFF; font-size: 1.25rem; font-weight: 300; margin-right: auto; } .page-menu-title span { font-weight: 700; } .page-menu-nav { display: none; position: absolute; width: 200px; top: 100%; left: auto; right: 0; height: auto; background-color: #f6901e; } #page-menu.page-menu-open .page-menu-nav { display: block; } .page-menu-nav .page-menu-container { margin: 0; list-style: none; background-color: rgba(0, 0, 0, 0.2); } .page-menu-item { position: relative; } .page-menu-item > a { display: block; position: relative; line-height: 22px; padding: 11px 14px; color: #FFF; font-size: 0.875rem; } .page-menu-item:hover > a, .page-menu-item.current > a { background-color: rgba(0, 0, 0, 0.15); } .page-menu-item > a .icon-angle-down { position: absolute; top: 50%; left: auto; right: 14px; transform: translateY(-50%); } .page-menu-sub-menu { display: none; background-color: rgba(0, 0, 0, 0.15); list-style: none; padding: 1px 10px 5px; } .page-menu-item:hover > .page-menu-sub-menu { display: block; } .page-menu-sub-menu .page-menu-item > a { margin: 5px 0; padding-top: 3px; padding-bottom: 3px; border-radius: 14px; } @media (min-width: 992px) { .page-menu-nav { display: -ms-flex; display: flex; position: relative; width: auto; top: 0; left: 0; background-color: transparent !important; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-positive: 0; flex-grow: 0; } .page-menu-nav .page-menu-container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; list-style: none; background-color: transparent; } .page-menu-item > a { margin: 10px 4px; padding-top: 3px; padding-bottom: 3px; border-radius: 14px; } .page-menu-item > a .icon-angle-down { position: relative; top: 1px; left: 0; right: 0; margin-left: 8px; transform: none; } body:not(.device-touch) .page-menu-item > a { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .page-menu-sub-menu { display: none; position: absolute; list-style: none; width: 150px; top: 100%; left: 0; padding: 0; background-color: #f6901e; } .page-menu-sub-menu .page-menu-item > a { height: auto; margin: 0; padding-top: 10px; padding-bottom: 10px; border-radius: 0; background-color: rgba(0, 0, 0, 0.15); } .page-menu-sub-menu li:hover a, .page-menu-sub-menu li.current a { background-color: rgba(0, 0, 0, 0.3); } /* Page Menu - Dots Style -----------------------------------------------------------------*/ #page-menu.dots-menu { position: fixed; top: 50%; left: auto; right: 20px; width: 24px; line-height: 1.5; text-shadow: none; transform: translateY(-50%); z-index: 299; } .dots-menu #page-menu-wrap { position: relative; top: 0 !important; box-shadow: none; background-color: transparent !important; } .dots-menu .page-menu-wrap-clone { display: none; } .dots-menu .container { padding: 0; } .dots-menu .page-menu-title { display: none; } .dots-menu .page-menu-nav { display: block; width: 100%; } .dots-menu .page-menu-container { flex-direction: column; -ms-flex-direction: column; } .dots-menu .page-menu-item { width: 10px; height: 10px; margin: 10px 0; } .dots-menu .page-menu-item > a { position: absolute; width: 100%; height: 100%; padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0.4); border-radius: 50%; color: #777; } .dots-menu .page-menu-item > a:hover { background-color: rgba(0, 0, 0, 0.7); } .dots-menu .page-menu-item.current > a { background-color: #f6901e; } .dots-menu.dots-menu-border .page-menu-item { width: 12px; height: 12px; } .dots-menu.dots-menu-border .page-menu-item > a { background-color: transparent !important; border: 3px solid rgba(0, 0, 0, 0.4); } .dots-menu.dots-menu-border .page-menu-item > a:hover { border-color: rgba(0, 0, 0, 0.7); } .dots-menu.dots-menu-border .page-menu-item.current > a { border-color: #f6901e; } .dots-menu .page-menu-item div { position: absolute; width: auto; top: 50%; right: 25px; background-color: #f6901e; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; color: #FFF; padding: 6px 14px; white-space: nowrap; pointer-events: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); border-radius: 2px; opacity: 0; transform: translateY(-50%); } body:not(.device-touch) .dots-menu .page-menu-item div { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .dots-menu .page-menu-item div::after { position: absolute; content: ''; top: 50%; left: auto; right: -5px; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 6px solid #f6901e; transform: translateY(-50%); } .dots-menu .page-menu-item > a:hover div { opacity: 1; right: 30px; } } /* ---------------------------------------------------------------- One Page -----------------------------------------------------------------*/ .one-page-arrow { position: absolute; z-index: 3; bottom: 20px; left: 50%; margin-left: -16px; width: 32px; height: 32px; font-size: 32px; text-align: center; color: #222; } /* ---------------------------------------------------------------- Side Push Panel -----------------------------------------------------------------*/ .side-push-panel { overflow-x: hidden; } #side-panel { position: fixed; top: 0; right: -300px; z-index: 699; width: 300px; height: 100%; background-color: #211d18; overflow: hidden; -webkit-backface-visibility: hidden; } .side-panel-left #side-panel { left: -300px; right: auto; } .side-push-panel.stretched #wrapper, .side-push-panel.stretched .sticky-header .container { right: 0; } .side-panel-left.side-push-panel.stretched #wrapper, .side-panel-left.side-push-panel.stretched .sticky-header .container { left: 0; right: auto; } #side-panel .side-panel-wrap { position: absolute; top: 0; left: 0; bottom: 0; width: 330px; height: 100%; overflow: auto; padding: 50px 70px 50px 40px; } .device-touch #side-panel .side-panel-wrap { overflow-y: scroll; } #side-panel .widget { margin-top: 40px; padding-top: 40px; width: 220px; border-top: 1px solid #E5E5E5; } #side-panel .widget:first-child { padding-top: 0; border-top: 0; margin: 0; } .side-panel-open #side-panel { right: 0; } .side-panel-left.side-panel-open #side-panel { left: 0; right: auto; } .side-push-panel.side-panel-open.stretched #wrapper, .side-push-panel.side-panel-open.stretched .sticky-header .container { right: 300px; } .side-push-panel.side-panel-open.stretched.device-xl .slider-inner, .side-push-panel.side-panel-open.stretched.device-lg .slider-inner { left: -300px; } .side-panel-left.side-push-panel.side-panel-open.stretched #wrapper, .side-panel-left.side-push-panel.side-panel-open.stretched .sticky-header .container, .side-panel-left.side-push-panel.side-panel-open.stretched .slider-inner { left: 300px; right: auto; } #side-panel-trigger { display: block; cursor: pointer; z-index: 11; margin-right: 5px; } #side-panel-trigger-close a { display: none; } #side-panel, .side-push-panel.stretched #wrapper, .side-push-panel.stretched #header .container { -webkit-transition: right .4s ease; -o-transition: right .4s ease; transition: right .4s ease; } .side-panel-left #side-panel, .side-panel-left.side-push-panel.stretched #wrapper, .side-panel-left.side-push-panel.stretched #header .container, .side-push-panel.stretched .slider-inner { -webkit-transition: left .4s ease; -o-transition: left .4s ease; transition: left .4s ease; } .body-overlay { opacity: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: -1; pointer-events: none; -webkit-backface-visibility: hidden; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .side-panel-open .body-overlay { opacity: 1; z-index: 599; pointer-events: auto; } .side-panel-open:not(.device-xs):not(.device-sm):not(.device-md) .body-overlay:hover { cursor: url('images/icons/close.png') 15 15, default; } /* ---------------------------------------------------------------- Slider -----------------------------------------------------------------*/ .slider-element { position: relative; width: 100%; overflow: hidden; } .slider-parallax { position: relative; } .slider-parallax, .slider-parallax .swiper-container { visibility: visible; -webkit-backface-visibility: hidden; } .slider-inner { position: absolute; overflow: hidden; opacity: 1; visibility: visible; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .slider-parallax .slider-inner { position: fixed; } .h-auto:not(.slider-parallax) .slider-inner, .h-auto .swiper-container, .min-vh-0:not(.slider-parallax) .slider-inner, .min-vh-0 .swiper-container { position: relative !important; height: auto !important; } .slider-parallax-invisible .slider-inner { opacity: 0; visibility: hidden; } @media (min-width: 992px) { .h-auto .swiper-wrapper, .min-vh-0 .swiper-wrapper { height: 75vh; } } .slider-inner.slider-inner-relative { position: relative !important; height: auto !important; } .device-touch .slider-parallax .slider-inner { position: relative; } body:not(.side-header) .slider-parallax .slider-inner { left: 0; } body:not(.stretched) .slider-parallax .slider-inner { left: auto; } .slider-parallax .slider-inner, .slider-parallax .slider-caption { will-change: transform; -webkit-transform: translate3d(0, 0, 0); -webkit-transition: transform 0s linear; -webkit-backface-visibility: hidden; } @media (max-width: 991.98px) { #slider { display: -ms-flexbox !important; display: flex !important; flex-direction: column; justify-content: center; } #slider .slider-inner { position: relative; display: -ms-flexbox; display: flex; flex-grow: 1; align-items: center; } } /* Boxed Slider -----------------------------------------------------------------*/ .boxed-slider { padding-top: 40px; } /* Swiper Slider -----------------------------------------------------------------*/ .swiper_wrapper { position: relative; width: 100%; overflow: hidden; } .full-screen .swiper_wrapper { height: auto; } .swiper_wrapper .swiper-container { position: absolute; width: 100%; height: 100%; margin: 0; } .swiper_wrapper .swiper-slide { position: relative; margin: 0; overflow: hidden; } .swiper-slide-bg { background-position: center center; background-repeat: no-repeat; background-size: cover; } .swiper-slide [data-caption-animate] { -webkit-backface-visibility: hidden; } .slider-element .video-wrap, .section .video-wrap, .swiper-slide .yt-bg-player, .section .yt-bg-player, .swiper-slide-bg { position: absolute; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; } .yt-bg-player .inlinePlayButton, .yt-bg-player .loading { display: none !important; } .slider-element .container, .slider-element .container-fuild { position: relative; height: 100%; } .slider-element.canvas-slider .swiper-slide img { width: 100%; } .slider-element.canvas-slider a { display: block; height: 100%; } .swiper-pagination { position: absolute; width: 100%; z-index: 20; margin: 0; top: auto; bottom: 20px !important; text-align: center; line-height: 1; } .swiper-pagination span { display: inline-block; cursor: pointer; width: 10px; height: 10px; margin: 0 4px; opacity: 1; background-color: transparent; border: 1px solid #FFF; border-radius: 50%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .swiper-pagination span:hover, .swiper-pagination span.swiper-pagination-bullet-active { background-color: #FFF !important; } /* Video Overlay -----------------------------------------------------------------*/ .video-wrap { overflow: hidden; width: 100%; position: relative; } .video-wrap video { position: relative; z-index: 1; opacity: 1; width: 100%; transition: opacity .3s 1s ease; /*min-width: 100%; min-height: 100%; top: 50%; transform: translateY(-50%);*/ } body:not(.has-plugin-html5video) .video-wrap video { opacity: 0; } .video-overlay, .video-placeholder { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; background: transparent url('images/grid.png') repeat; transform: translateZ(0); -webkit-backface-visibility: hidden; } .video-placeholder { z-index: 4; background-repeat: no-repeat !important; } /* Slider Caption -----------------------------------------------------------------*/ .slider-caption { position: relative; display: -ms-flexbox; display: flex; height: 100%; flex-flow: column; justify-content: center; z-index: 20; max-width: 550px; color: #EEE; font-size: 1.375rem; font-weight: 300; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); -webkit-transition: top .3s ease; -o-transition: top .3s ease; transition: top .3s ease; } .slider-caption:not(.dark), .slider-caption:not(.dark) h2 { color: #222; text-shadow: none; } .slider-caption h2 { font-size: 4rem; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; line-height: 1; margin-bottom: 0; } .slider-caption p { margin-top: 30px; margin-bottom: 10px; font-size: 1.5rem; } @media (max-width: 991.98px) { .swiper_wrapper .slider-caption h2 { font-size: 5.5vw; } .swiper_wrapper .slider-caption p { font-size: 2.6vw; } } .slider-caption.slider-caption-right { margin-left: auto; } .slider-caption.slider-caption-center { position: relative; max-width: 800px; text-align: center; margin: 0 auto; left: 0; right: 0; } .slider-caption-bg { padding: 5px 12px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.6); top: auto; bottom: 50px; left: 50px; } .slider-caption-bg.slider-caption-bg-light { background-color: rgba(255, 255, 255, 0.8); color: #333; font-weight: 400; text-shadow: none; } .slider-caption-top-left { top: 50px; bottom: auto; } .slider-caption-top-right { top: 50px; bottom: auto; left: auto; right: 50px; } .slider-caption-bottom-right { left: auto; right: 50px; } /* Slider Arrows -----------------------------------------------------------------*/ .slider-element .owl-carousel { margin: 0; } .slider-arrow-left, .slider-arrow-right, .flex-prev, .flex-next, .slider-arrow-top-sm, .slider-arrow-bottom-sm { position: absolute; cursor: pointer; z-index: 10; top: 50%; left: 0; background-color: rgba(0, 0, 0, 0.3); width: 52px; height: 52px; border: 0; border-radius: 0 3px 3px 0; transform: translateY(-50%); -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .slider-arrow-top-sm, .slider-arrow-bottom-sm { top: auto; bottom: 57px; left: auto; right: 20px; margin: 0; width: 32px; height: 32px; border-radius: 3px 3px 0 0; } .slider-arrow-bottom-sm { bottom: 20px; border-radius: 0 0 3px 3px; } .fslider[data-thumbs="true"] .flex-prev, .fslider[data-thumbs="true"] .flex-next { margin-top: -20px; } .slider-arrow-right, .slider-element .owl-next, .flex-next { left: auto; right: 0; border-radius: 3px 0 0 3px; } .slider-arrow-left i, .slider-arrow-right i, .flex-prev i, .flex-next i, .slider-arrow-top-sm i, .slider-arrow-bottom-sm i { line-height: 50px; width: 100%; height: 100%; color: #DDD; color: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); font-size: 34px; text-align: center; transition: color .3s ease-in-out; } .slider-arrow-top-sm i, .slider-arrow-bottom-sm i { width: 32px; height: 32px; margin: 0; line-height: 30px; font-size: 18px; color: #FFF; color: rgba(255, 255, 255, 1); } .slider-element .owl-prev i { margin-left: 0; } .slider-element .owl-next i { margin-right: 4px; } .slider-arrow-left:hover, .slider-arrow-right:hover, .flex-prev:hover, .flex-next:hover, .slider-arrow-top-sm:hover, .slider-arrow-bottom-sm:hover { background-color: rgba(0, 0, 0, 0.6) !important; } /* Slide Number -----------------------------------------------------------------*/ .slide-number { position: absolute; opacity: 0; top: auto; right: 20px; bottom: 20px; z-index: 20; width: 36px; height: 40px; text-align: center; color: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); font-size: 18px; font-weight: 300; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .slider-element:hover .slide-number { opacity: 1; } .slide-number-current, .slide-number-total { position: absolute; line-height: 1; top: 5px; left: 0; } .slide-number-total { top: auto; bottom: 5px; left: auto; right: 0; } .slide-number span { display: block; font-size: 32px; line-height: 40px; } /* Pagination -----------------------------------------------------------------*/ .slider-element .owl-dots { position: absolute; width: 100%; z-index: 20; margin: 0; top: auto; bottom: 15px; } .slider-element .owl-dots button { width: 10px; height: 10px; margin: 0 3px; opacity: 1 !important; background-color: transparent !important; border: 1px solid #FFF; } .slider-element .owl-dots .owl-dot.active, .slider-element .owl-dots .owl-dot:hover { background-color: #FFF !important; } /* Flex Slider - Navigation -----------------------------------------------------------------*/ .nav-offset .flex-prev, .nav-offset .flex-next { border-radius: 3px; } .nav-offset .flex-prev { left: 20px; } .nav-offset .flex-next { right: 20px; } .nav-circle .flex-prev, .nav-circle .flex-next { border-radius: 50%; } .nav-solid .flex-prev, .nav-solid .flex-next { opacity: 1; background-color: #FFF; } .nav-solid .flex-prev:hover, .nav-solid .flex-next:hover { background-color: #333 !important; } .nav-solid .flex-prev:not(:hover) i, .nav-solid .flex-next:not(:hover) i { color: #444; text-shadow: none; } .nav-size-sm .flex-prev, .nav-size-sm .flex-next { width: 32px; height: 32px; } .nav-size-sm .flex-prev i, .nav-size-sm .flex-next i { line-height: 32px; font-size: 1.5rem; } .fslider[class*="nav-pos-"] .flex-prev, .fslider[class*="nav-pos-"] .flex-next { position: relative; display: block; top: 0; left: 0; right: 0; margin: 0 5px; transform: none; } .fslider.nav-size-sm[class*="nav-pos-"] .flex-prev, .fslider.nav-size-sm[class*="nav-pos-"] .flex-next { margin: 0 3px; } .fslider[class*="nav-pos-"] .flex-direction-nav { display: -ms-flexbox; display: flex; align-items: center; justify-content: center; position: absolute; width: 100%; } .nav-pos-top .flex-direction-nav, .nav-pos-top-left .flex-direction-nav, .nav-pos-top-right .flex-direction-nav { top: 20px; left: 0; } .nav-pos-bottom .flex-direction-nav, .nav-pos-bottom-left .flex-direction-nav, .nav-pos-bottom-right .flex-direction-nav { top: auto; bottom: 20px; } .nav-pos-top-left .flex-direction-nav, .nav-pos-bottom-left .flex-direction-nav { width: auto !important; left: 16px; } .nav-pos-top-right .flex-direction-nav, .nav-pos-bottom-right .flex-direction-nav { width: auto !important; left: auto; right: 16px; } /* Flex Slider - Pagination & Thumbs -----------------------------------------------------------------*/ .fslider[data-animation="fade"][data-thumbs="true"] .flexslider, .fslider.testimonial[data-animation="fade"] .flexslider { height: auto !important; } .flex-control-nav { display: -ms-flexbox; display: flex; position: absolute; align-items: center; justify-content: center; width: auto; z-index: 10; text-align: center; top: 14px; right: 10px; margin: 0; } .flex-control-nav li { display: block; margin: 0 3px; width: 0.625rem; height: 0.625rem; } .flex-control-nav li a { display: block; cursor: pointer; text-indent: -9999px; width: 100% !important; height: 100% !important; border: 1px solid #FFF; color: transparent; border-radius: 50%; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .flex-control-nav li:hover a, .flex-control-nav li a.flex-active { background-color: #FFF; } .control-solid .flex-control-nav li a { border: none; background-color: #FFF; } .control-solid .flex-control-nav li:hover a, .control-solid .flex-control-nav li a.flex-active { background-color: #f6901e; } .control-square .flex-control-nav li a { border-radius: 3px; } .control-diamond .flex-control-nav li a { border-radius: 3px; transform: rotate(45deg); } /* Flex Slider: Pagination Positions -----------------------------------------------------------------*/ .control-offset-lg .flex-control-nav { top: 24px; right: 20px; } .control-pos-top-left .flex-control-nav, .control-pos-bottom-left .flex-control-nav { left: 10px; right: auto; } .control-offset-lg.control-pos-top-left .flex-control-nav, .control-offset-lg.control-pos-bottom-left .flex-control-nav { left: 20px; } .control-pos-bottom-right .flex-control-nav, .control-pos-bottom-left .flex-control-nav, .control-pos-bottom .flex-control-nav, .control-pos-bottom .flex-control-nav { top: auto; bottom: 14px; } .control-offset-lg.control-pos-bottom-right .flex-control-nav, .control-offset-lg.control-pos-bottom-left .flex-control-nav, .control-offset-lg.control-pos-bottom .flex-control-nav, .control-offset-lg.control-pos-bottom .flex-control-nav { bottom: 24px; } .control-pos-bottom .flex-control-nav, .control-pos-bottom .flex-control-nav, .control-pos-top .flex-control-nav, .control-pos-top .flex-control-nav { width: 100%; right: 0; } .control-size-lg .flex-control-nav li { width: 0.9325rem; height: 0.9325rem; margin: 0 5px; } /* Flex Slider: Thumbs -----------------------------------------------------------------*/ .flex-control-nav.flex-control-thumbs { position: relative; justify-content: left; top: 0; left: 0; right: 0; margin: 2px -2px -2px 0; height: auto; } .flex-control-nav.flex-control-thumbs li { margin: 0 2px 2px 0; } .flex-control-nav.flex-control-thumbs li img { cursor: pointer; text-indent: -9999px; border: 0; border-radius: 0; margin: 0; opacity: 0.5; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .flex-control-nav.flex-control-thumbs li, .flex-control-nav.flex-control-thumbs li img { display: block; width: 100px !important; height: auto !important; } .flex-control-nav.flex-control-thumbs li:hover img, .flex-control-nav.flex-control-thumbs li img.flex-active { border-width: 0; opacity: 1; } /* FlexSlider: Thumbs - Flexible -----------------------------------------------------------------*/ .fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs { margin: 2px -2px -2px 0; height: auto; } .fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; height: auto !important; margin: 0; padding: 0 2px 2px 0; } .fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li img { width: 100% !important; height: auto !important; } /* ---------------------------------------------------------------- Page Title -----------------------------------------------------------------*/ #page-title { position: relative; padding: 4rem 0; background-color: #F5F5F5; border-bottom: 1px solid #EEE; } #page-title .container { position: relative; } #page-title h1 { padding: 0; margin: 0; line-height: 1; font-weight: 600; letter-spacing: 1px; color: #333; font-size: 2rem; text-transform: uppercase; } #page-title span { display: block; margin-top: 10px; font-weight: 300; color: #777; font-size: 18px; } .breadcrumb { position: absolute !important; width: auto !important; top: 50% !important; left: auto !important; right: 15px !important; margin: 0 !important; background-color: transparent !important; padding: 0 !important; font-size: 90%; transform: translateY(-50%); } .transparent-header + .page-title-parallax .breadcrumb { margin-top: 35px !important; } .breadcrumb a { color: #555; } .breadcrumb a:hover { color: #f6901e; } .breadcrumb i { width: auto !important; } /* Page Title - Dark -----------------------------------------------------------------*/ #page-title.page-title-dark { background-color: #333; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) !important; border-bottom: none; } #page-title.page-title-dark h1 { color: rgba(255, 255, 255, 0.9) !important; } #page-title.page-title-dark span { color: rgba(255, 255, 255, 0.7) !important; } #page-title.page-title-dark .breadcrumb > .active { color: rgba(255, 255, 255, 0.6); } #page-title.page-title-dark .breadcrumb a { color: rgba(255, 255, 255, 0.8); } #page-title.page-title-dark .breadcrumb a:hover { color: rgba(255, 255, 255, 0.95); } #page-title.page-title-dark .breadcrumb-item + .breadcrumb-item::before { color: #CCC; } /* Page Title - Right Aligned -----------------------------------------------------------------*/ .page-title-right { text-align: right; } .page-title-right .breadcrumb { left: 15px !important; right: auto !important; } /* Page Title - Center Aligned -----------------------------------------------------------------*/ .page-title-center { text-align: center; } #page-title.page-title-center span { max-width: 700px; margin-left: auto; margin-right: auto; } #page-title.page-title-center .breadcrumb { position: relative !important; top: 0 !important; left: 0 !important; right: 0 !important; margin: 20px 0 0 !important; justify-content: center; transform: translateY(0); } /* Page Title - Background Pattern -----------------------------------------------------------------*/ .page-title-pattern { background-image: url('images/pattern.png'); background-repeat: repeat; background-attachment: fixed; } /* Page Title - Parallax Background -----------------------------------------------------------------*/ .page-title-parallax { padding: 100px 0; text-shadow: none; border-bottom: none; } #page-title.page-title-parallax h1 { font-size: 40px; font-weight: 600; letter-spacing: 2px; } #page-title.page-title-parallax span { font-size: 1.25rem; } #page-title.page-title-parallax .breadcrumb { font-size: 0.875rem; } .page-title-parallax { background-color: transparent; background-image: url('images/parallax/parallax-bg.jpg'); background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; } /* Page Title - Mini -----------------------------------------------------------------*/ #page-title.page-title-mini { padding: 20px 0; } #page-title.page-title-mini h1 { font-weight: 600; font-size: 18px; color: #444; } #page-title.page-title-mini span { display: none; } /* Page Title - No Background -----------------------------------------------------------------*/ #page-title.page-title-nobg { background: transparent !important; border-bottom: 1px solid #F5F5F5; } /* Page Title - Video -----------------------------------------------------------------*/ .page-title-video { background: none; position: relative; overflow: hidden; } .page-title-video .container { z-index: 3; } .page-title-video .video-wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .page-title-video .video-wrap video { width: 100%; } @media (max-width: 767.98px) { .game-wrapper { width: 100%; overflow: auto; } .game-logo { width: max-content; } #page-title { padding: 2rem 0; text-align: center; } #page-title h1 { line-height: 1.5; font-size: calc(1rem + 2vw); } .page-title-parallax span { font-size: 1rem; } #page-title .breadcrumb { position: relative !important; top: 0 !important; left: 0 !important; right: 0 !important; margin: 20px 0 0 !important; justify-content: center; -webkit-transform: translateY(0); transform: translateY(0); } #page-title #portfolio-navigation, #portfolio-ajax-title #portfolio-navigation { position: relative; top: 0; left: 0; margin: 15px auto 0; } } /* ---------------------------------------------------------------- Content -----------------------------------------------------------------*/ #content { position: relative; background-color: #FFF; } #content p { line-height: 1.8; } .content-wrap { position: relative; padding: 30px 0; overflow: hidden; } #content .container { position: relative; } .grid-container, .grid-inner { position: relative; overflow: hidden; will-change: transform; } .grid-inner { width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; } body:not(.device-touch) .grid-container { -webkit-transition: height .4s ease; -o-transition: height .4s ease; transition: height .4s ease; } /* ---------------------------------------------------------------- Portfolio -----------------------------------------------------------------*/ /* Grid Filter -----------------------------------------------------------------*/ .grid-filter-wrap { display: -ms-flexbox; display: flex; justify-content: space-between; } .grid-filter { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 3.5rem; list-style: none; } .grid-filter li { position: relative; width: 50%; } .grid-filter li a { display: block; position: relative; padding: 10px 20px; font-size: 0.9375rem; color: #666; text-align: center; border-radius: 2px; } .grid-filter li a:hover { color: #f6901e; } .grid-filter li.activeFilter a { color: #FFF; background-color: #f6901e; margin: 0; font-weight: bold; } @media (min-width: 576px) { .grid-filter li { width: 33.333333%; } } @media (min-width: 768px) { .grid-filter li { width: auto; } .grid-filter { border: 1px solid rgba(0, 0, 0, 0.07); border-radius: 4px; } .grid-filter li a { border-left: 1px solid rgba(0, 0, 0, 0.07); border-radius: 0; } .grid-filter li:first-child a { border-left: none; border-radius: 4px 0 0 4px; } .grid-filter li:last-child a { border-radius: 0 4px 4px 0; } .grid-filter li.activeFilter a { margin: -1px 0; padding-top: 11px; padding-bottom: 11px; } .bothsidebar .grid-filter li a { padding: 12px 14px; } .bothsidebar .grid-filter li.activeFilter a { padding: 13px 18px; } } /* Grid Filter: Style 2 -----------------------------------------------------------------*/ .grid-filter.style-2, .grid-filter.style-3, .grid-filter.style-4 { border: none; border-radius: 0; margin-bottom: 2.75rem; } .grid-filter.style-2 li, .grid-filter.style-3 li, .grid-filter.style-4 li { margin-bottom: 0.75rem; } @media (min-width: 768px) { .grid-filter.style-2 li:not(:first-child), .grid-filter.style-3 li:not(:first-child) { margin-left: 10px; } } .grid-filter.style-2 li a, .grid-filter.style-3 li a, .grid-filter.style-4 li a { padding-top: 9px; padding-bottom: 9px; border-radius: 22px; border: none; } .grid-filter.style-2 li.activeFilter a { color: #FFF !important; margin: 0; } /* Grid Filter: Style 3 -----------------------------------------------------------------*/ .grid-filter.style-3 li a { border: 1px solid transparent; } .grid-filter.style-3 li.activeFilter a { color: #f6901e !important; border-color: #f6901e; background-color: transparent; margin: 0; } /* Grid Filter: Style 4 -----------------------------------------------------------------*/ @media (min-width: 768px) { .grid-filter.style-4 li:not(:first-child) { margin-left: 30px; } } .grid-filter.style-4 li a { padding: 13px 5px; border-radius: 0; } .grid-filter.style-4 li a::after { content: ''; position: absolute; top: auto; bottom: 0; left: 50%; width: 0; height: 2px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .grid-filter.style-4 li.activeFilter a { color: #444 !important; background-color: transparent; margin: 0; } .grid-filter.style-4 li.activeFilter a::after { width: 100%; left: 0%; background-color: #f6901e; } /* Portfolio - Shuffle Icon -----------------------------------------------------------------*/ .grid-shuffle { width: 42px; height: 42px; border: 1px solid rgba(0, 0, 0, 0.07); font-size: 1rem; text-align: center; line-height: 40px; color: #333; cursor: pointer; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .grid-shuffle:hover { background-color: #f6901e; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } /* Portfolio - Items -----------------------------------------------------------------*/ .portfolio, .portfolio-item { position: relative; } .portfolio-rounded .portfolio-image { border-radius: 5px; overflow: hidden; } body:not(.device-touch) .portfolio { -webkit-transition: height .4s linear; -o-transition: height .4s linear; transition: height .4s linear; } .portfolio-reveal .portfolio-item { overflow: hidden; } .portfolio-item .portfolio-image { position: relative; overflow: hidden; } .portfolio-item .portfolio-image, .portfolio-item .portfolio-image > a, .portfolio-item .portfolio-image img { display: block; width: 100%; height: auto; } @media (min-width: 768px) { .portfolio-reveal .portfolio-image img, .portfolio-reveal .bg-overlay { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } } /* Portfolio - Item Title -----------------------------------------------------------------*/ .portfolio-desc { position: relative; z-index: 6; padding: 20px 5px; } .portfolio-desc h3 { margin: 0; padding: 0; font-size: 1.25rem; } .portfolio-desc h3 a { color: #222; } .portfolio-desc h3 a:hover { color: #f6901e; } .portfolio-desc span { display: block; } .portfolio-desc span, .portfolio-desc span a { color: #888; } .portfolio-desc span a:hover { color: #000; } .desc-lg .portfolio-desc { padding: 20px 8px; } .desc-lg .portfolio-desc h3 { font-size: 1.5rem; } .desc-lg .portfolio-desc span { font-size: 110%; } .desc-sm .portfolio-desc { padding: 15px 5px; } .desc-sm .portfolio-desc h3 { font-size: 1rem; } .desc-sm .portfolio-desc span { font-size: 90%; } .portfolio.no-gutters .portfolio-desc { padding-left: 15px; padding-right: 15px; } .portfolio.desc-sm.no-gutters .portfolio-desc { padding-left: 10px; padding-right: 10px; } .portfolio-reveal .portfolio-desc { background-color: #FFF; top: -100%; -webkit-transform: translateY(100%); transform: translateY(100%); } @media (min-width: 768px) { .portfolio-reveal .portfolio-desc { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } } .portfolio-reveal .portfolio-item:hover .portfolio-desc { -webkit-transform: translateY(0); transform: translateY(0); } .portfolio-reveal .portfolio-item:hover .portfolio-image img, .portfolio-reveal .portfolio-item:hover .bg-overlay { -webkit-transform: translateY(0); transform: translateY(0); } @media (min-width: 768px) { .portfolio-reveal .portfolio-item:hover .portfolio-image img, .portfolio-reveal .portfolio-item:hover .bg-overlay { -webkit-transform: translateY(-15%); transform: translateY(-15%); } } @media (max-width: 767.98px) { .portfolio-reveal .portfolio-desc, .portfolio-reveal .portfolio-desc { display: none !important; } } .col-md-9 .portfolio-desc h3 { font-size: 1.125rem; } .col-md-9 .portfolio-desc span { font-size: 0.875rem; } /* Portfolio - Parallax -----------------------------------------------------------------*/ .portfolio-parallax .portfolio-image { height: 60vh; background-attachment: fixed; } @media(min-width: 992px) { .portfolio-parallax .portfolio-image { height: 500px; } } /* Portfolio Single -----------------------------------------------------------------*/ .portfolio-single {} /* Portfolio Single - Image -----------------------------------------------------------------*/ .portfolio-single-image > a, .portfolio-single-image .slide a, .portfolio-single-image img, .portfolio-single-image iframe, .portfolio-single-image video { display: block; width: 100%; } .portfolio-single-image-full { position: relative; height: 600px; overflow: hidden; margin: -80px 0 80px !important; } .portfolio-single-video { height: auto !important; } /* Masonry Thumbs -----------------------------------------------------------------*/ .masonry-thumbs { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -1px; margin-right: -1px; margin-bottom: -2px; } .masonry-thumbs .grid-item { display: block; position: relative; width: 25%; max-width: 100%; height: auto; overflow: hidden; padding-left: 1px; padding-right: 1px; padding-bottom: 2px; padding-top: 0; } .masonry-gap-0 { margin: 0; } .masonry-gap-0 .grid-item { padding: 0; } .masonry-gap-lg { margin-left: -3px; margin-right: -3px; margin-bottom: -6px; } .masonry-gap-lg .grid-item { padding-left: 3px; padding-right: 3px; padding-bottom: 6px; } .masonry-gap-xl { margin-left: -5px; margin-right: -5px; margin-bottom: -10px; } .masonry-gap-xl .grid-item { padding-left: 5px; padding-right: 5px; padding-bottom: 10px; } .grid-item > img, .grid-item .grid-inner > img { width: 100%; height: auto; border-radius: 0; } .grid-1 > .grid-item { width: 100%; } .grid-2 > .grid-item { width: 50%; } .grid-3 > .grid-item { width: 33.333333%; } .grid-4 > .grid-item { width: 25%; } .grid-5 > .grid-item { width: 20%; } .grid-6 > .grid-item { width: 16.666667%; } .grid-8 > .grid-item { width: 12.50%; } .grid-10 > .grid-item { width: 10%; } .grid-12 > .grid-item { width: 8.333333%; } @media (min-width: 576px) { .grid-sm-1 > .grid-item { width: 100%; } .grid-sm-2 > .grid-item { width: 50%; } .grid-sm-3 > .grid-item { width: 33.333333%; } .grid-sm-4 > .grid-item { width: 25%; } .grid-sm-5 > .grid-item { width: 20%; } .grid-sm-6 > .grid-item { width: 16.666667%; } .grid-sm-8 > .grid-item { width: 12.50%; } .grid-sm-10 > .grid-item { width: 10%; } .grid-sm-12 > .grid-item { width: 8.333333%; } } @media (min-width: 768px) { .grid-md-1 > .grid-item { width: 100%; } .grid-md-2 > .grid-item { width: 50%; } .grid-md-3 > .grid-item { width: 33.333333%; } .grid-md-4 > .grid-item { width: 25%; } .grid-md-5 > .grid-item { width: 20%; } .grid-md-6 > .grid-item { width: 16.666667%; } .grid-md-8 > .grid-item { width: 12.50%; } .grid-md-10 > .grid-item { width: 10%; } .grid-md-12 > .grid-item { width: 8.333333%; } } @media (min-width: 992px) { .grid-lg-1 > .grid-item { width: 100%; } .grid-lg-2 > .grid-item { width: 50%; } .grid-lg-3 > .grid-item { width: 33.333333%; } .grid-lg-4 > .grid-item { width: 25%; } .grid-lg-5 > .grid-item { width: 20%; } .grid-lg-6 > .grid-item { width: 16.666667%; } .grid-lg-8 > .grid-item { width: 12.50%; } .grid-lg-10 > .grid-item { width: 10%; } .grid-lg-12 > .grid-item { width: 8.333333%; } } @media (min-width: 1200px) { .grid-xl-1 > .grid-item { width: 100%; } .grid-xl-2 > .grid-item { width: 50%; } .grid-xl-3 > .grid-item { width: 33.333333%; } .grid-xl-4 > .grid-item { width: 25%; } .grid-xl-5 > .grid-item { width: 20%; } .grid-xl-6 > .grid-item { width: 16.666667%; } .grid-xl-8 > .grid-item { width: 12.50%; } .grid-xl-10 > .grid-item { width: 10%; } .grid-xl-12 > .grid-item { width: 8.333333%; } } /* Portfolio Single - Content -----------------------------------------------------------------*/ .portfolio-single-content h2 { margin: 0 0 20px; padding: 0; font-size: 1.25rem; font-weight: 600 !important; } .portfolio-ajax-modal { width: 1000px !important; } .modal { z-index: 1201; } .modal-padding { padding: 40px; } .ajax-modal-title { background-color: #F9F9F9; border-bottom: 1px solid #EEE; padding: 25px 40px; } .ajax-modal-title h2 { font-size: 1.75rem; margin-bottom: 0; } #portfolio-ajax-wrap { position: relative; max-height: 0; overflow: hidden; -webkit-transition: max-height .4s ease; -o-transition: max-height .4s ease; transition: max-height .4s ease; } #portfolio-ajax-wrap.portfolio-ajax-opened { max-height: 1200px; } #portfolio-ajax-container { display: none; padding-bottom: 60px; } #portfolio-ajax-title h2 { font-size: 1.75rem; } /* Portfolio Single - Meta -----------------------------------------------------------------*/ .portfolio-meta, .portfolio-share { list-style: none; font-size: 0.875rem; } .portfolio-meta li { margin: 10px 0; color: #666; } .portfolio-meta li:first-child { margin-top: 0; } .portfolio-meta li span { display: inline-block; width: 150px; font-weight: bold; color: #333; } .portfolio-meta li span i { position: relative; top: 1px; width: 14px; text-align: center; margin-right: 7px; } /* Portfolio Single Navigation -----------------------------------------------------------------*/ #portfolio-navigation { position: absolute; top: 50%; left: auto; right: 10px; max-width: 96px; height: 24px; margin-top: -12px; } .page-title-right #portfolio-navigation { left: 10px; right: auto; } .page-title-center #portfolio-navigation { position: relative; top: 0; left: 0; margin: 20px auto 0; } #portfolio-navigation a { display: block; float: left; margin-left: 12px; width: 24px; height: 24px; text-align: center; color: #444; transition: color .3s linear; -webkit-transition: color .3s linear; -o-transition: color .3s linear; } .page-title-dark #portfolio-navigation a { color: #EEE; } .page-title-parallax #portfolio-navigation a { color: #FFF; } #portfolio-navigation a i { position: relative; top: -1px; font-size: 1.5rem; line-height: 1; } #portfolio-navigation a i.icon-angle-left, #portfolio-navigation a i.icon-angle-right { font-size: 32px; top: -6px; } #portfolio-navigation a i.icon-angle-right { left: -1px; } #portfolio-navigation a:first-child { margin-left: 0; } #portfolio-navigation a:hover { color: #f6901e; } #portfolio-ajax-show #portfolio-navigation { top: 0; margin-top: 0; } /* ---------------------------------------------------------------- Blog -----------------------------------------------------------------*/ #posts { position: relative; } .entry { position: relative; margin-bottom: 50px; } .posts-md .entry, .posts-sm .entry { margin-bottom: 0; } .entry::after { content: ''; position: relative; height: 2px; margin-top: 50px; background-color: #F5F5F5; } .entry-image { margin-bottom: 30px; } .posts-md .entry-image, .posts-sm .entry-image { margin-bottom: 0; } .entry-image, .entry-image > a, .entry-image .slide a, .entry-image img { display: block; position: relative; width: 100%; height: auto; } .posts-sm .entry-image { width: 64px; } .entry-image iframe { display: block; } .entry-image video { display: block; width: 100%; } .entry-image img { border-radius: 3px; } .posts-md .entry-image + .entry-title { margin-top: 0.875rem; } .entry-title h2, .entry-title h3, .entry-title h4 { margin: 0; font-size: 1.5rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; } .entry-title.title-sm h2, .entry-title.title-sm h3 { font-size: 1.25rem; letter-spacing: 0; } .entry-title.title-sm h3 { font-size: 1.125rem; } .entry-title.title-xs h2, .entry-title.title-xs h3 { font-size: 1rem; letter-spacing: 0; } .entry-title h4 { font-size: 0.875rem; letter-spacing: 0; } .entry-title.nott h2, .entry-title.nott h3, .entry-title h4 { text-transform: none; } .entry-title h2 a, .entry-title h3 a, .entry-title h4 a { color: #333; } .entry-title h2 a:hover, .entry-title h3 a:hover, .entry-title h4 a:hover { color: #f6901e; } .entry-meta { position: relative; overflow: hidden; margin-top: 10px; } .posts-sm .entry-meta { margin-top: 6px; } .single-post .entry-meta { margin-bottom: 20px; } .posts-md .entry-meta, .posts-sm .entry-meta { margin-bottom: 0px; } .entry-meta ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; margin: 0 0 -10px -20px; list-style: none; } .entry-meta.no-separator ul, .entry-meta ul.flex-column { align-items: start; margin-left: 0; } .posts-sm .entry-meta ul { margin-bottom: -5px; } .entry-meta li { font-size: 90%; margin: 0 15px 10px 0; color: #999; } .entry-meta ul.flex-column li { margin-left: 0; } .posts-sm .entry-meta li { margin-bottom: 5px; } .entry-meta:not(.no-separator) li::before { content: '\205E'; width: 5px; text-align: center; display: inline-block; margin-right: 15px; opacity: 0.5; } .entry-meta i { position: relative; top: 1px; padding-left: 1px; margin-right: 5px; } .entry-meta a:not(:hover) { color: #999; } .entry-meta ins { font-weight: 700; text-decoration: none; } .entry-content { margin-top: 30px; } .single-post .entry-content { margin-top: 0; } .posts-md .entry-content, .posts-sm .entry-content { margin-top: 20px; } .single-post .entry-content .entry-image { max-width: 350px; } .entry-content { position: relative; } .entry-link { display: block; width: 100%; background-color: #F5F5F5; padding: 30px 0; text-align: center; color: #444; font-family: 'Poppins', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 1.5rem; font-weight: 700; border-radius: 3px; } body:not(.device-touch) .entry-link { -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .entry-link:hover { color: #FFF; background-color: #f6901e; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .entry-link span { display: block; margin-top: 5px; font-family: 'PT Serif', serif; font-style: italic; font-weight: normal; text-transform: none; letter-spacing: 0; font-size: 0.875rem; color: #AAA; } .entry-link:hover span { color: #EEE; } .entry blockquote p { font-weight: 400; font-family: 'PT Serif', serif; font-style: italic; } /* Blog - Grid -----------------------------------------------------------------*/ .post-grid .entry { margin-bottom: 30px; } .post-grid .entry-title h2 { font-size: 1.125rem; letter-spacing: 0; font-weight: 600; } .post-grid .entry-link { font-size: 1.5rem; } .post-grid .entry-link span { font-size: 0.875rem; } /* Blog - Timeline -----------------------------------------------------------------*/ .entry-timeline { display: none; } @media (min-width: 992px) { .timeline-border { position: absolute; top: 0; left: 50%; width: 0; border-left: 1px dashed #CCC; height: 100%; transform: translateX(-50%); } .postcontent .post-timeline::before { content: ''; position: absolute; top: 0; left: 50%; width: 0; border-left: 1px dashed #CCC; height: 100%; } .post-timeline .entry-timeline { display: none; position: absolute; border: 2px solid #CCC; background-color: #FFF; padding-top: 0; text-indent: -9999px; top: 40px; left: auto; right: -6px; width: 13px; height: 13px; border-radius: 50%; font-size: 1.75rem; font-weight: bold; color: #AAA; text-align: center; line-height: 1; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .post-timeline .entry-timeline .timeline-divider { position: absolute; top: 4px; left: auto; right: 15px; width: 70px; height: 0; border-top: 1px dashed #CCC; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .post-timeline .entry:not(.entry-date-section) { padding-right: 85px; } .post-timeline .entry.alt:not(.entry-date-section) { padding-right: inherit; padding-left: 85px; } .post-timeline .alt .entry-timeline { right: auto; left: -6px; } .post-timeline .alt .entry-timeline .timeline-divider { left: 15px; right: auto; } .post-timeline .entry-timeline span { display: block; margin-top: 3px; font-size: 13px; font-weight: normal; } .post-timeline .entry:hover .entry-timeline, .post-timeline .entry:hover .timeline-divider { border-color: #f6901e; color: #f6901e; } } .entry.entry-date-section { margin: 50px 0 80px; text-align: center; } .entry.entry-date-section:first-child { margin-top: 0; } .entry.entry-date-section span { display: inline-block; width: 250px; background-color: #FFF; border: 2px solid #EEE; font-size: 18px; line-height: 50px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; font-family: 'Poppins', sans-serif; } @media (min-width: 992px) { /* Blog - Timeline - Sidebar -----------------------------------------------------------------*/ .postcontent .post-timeline::before { left: -68px; margin-left: 0; } .postcontent .post-timeline { padding-left: 0; margin-left: 100px; margin-right: 0 !important; overflow: visible; } .postcontent .post-timeline .entry { width: 100% !important; padding: 0 !important; } .postcontent .post-timeline .entry-timeline { display: block; border: 3px solid #CCC; background-color: #FFF; padding-top: 10px; text-indent: 0; top: 20px; left: -100px; right: auto; width: 64px; height: 64px; font-size: 1.5rem; } .postcontent .post-timeline .entry-timeline div.timeline-divider { top: 29px; left: 64px; width: 32px; } } .more-link { display: inline-block; border-bottom: 1px solid #f6901e; padding: 0 2px; font-family: 'PT Serif', serif; font-style: italic; } .more-link:hover { border-bottom-color: #555; } .post-navigation + .line { margin-top: 50px; } /* ---------------------------------------------------------------- Blog - Author -----------------------------------------------------------------*/ .author-image { float: left; width: 64px; height: 64px; margin-right: 15px; } .author-image img { width: 64px; height: 64px; } .author-desc { position: relative; overflow: hidden; } /* ---------------------------------------------------------------- Comments List -----------------------------------------------------------------*/ #comments { position: relative; margin-top: 50px; padding-top: 50px; border-top: 1px solid #EEE; } .commentlist { list-style: none; padding-bottom: 50px; margin: 0 0 50px; border-bottom: 1px solid #EEE; } #reviews .commentlist { padding-bottom: 30px; margin: 0 0 20px; } .commentlist ul { list-style: none; } .commentlist li, .commentlist li ul, .commentlist li ul li { margin: 30px 0 0 0; } .commentlist ul:first-child { margin-top: 0; } .commentlist li { position: relative; margin: 30px 0 0 30px; } #reviews .commentlist li { margin-top: 20px; } .comment-wrap { position: relative; border: 1px solid #E5E5E5; border-radius: 5px; padding: 20px 20px 20px 35px; } .commentlist ul .comment-wrap { margin-left: 25px; padding-left: 20px; } #reviews .comment-wrap { border: 0; padding: 10px 0 0 35px; } .commentlist > li:first-child, #reviews .commentlist > li:first-child { padding-top: 0; margin-top: 0; } .commentlist li .children { margin-top: 0; } .commentlist li li .children { margin-left: 30px; } .commentlist li .comment-content, .pingback { position: relative; overflow: hidden; } .commentlist li .comment-content p, .pingback p { margin: 20px 0 0 0; } .commentlist li .comment-content { padding: 0 0 0 15px; } .commentlist li .comment-meta { float: left; margin-right: 0; line-height: 1; } .comment-avatar { position: absolute; top: 15px; left: -35px; padding: 4px; background: #FFF; border: 1px solid #E5E5E5; border-radius: 50%; } .comment-avatar img { display: block; border-radius: 50%; } .commentlist li .children .comment-avatar { left: -25px; } .comment-content .comment-author { margin-bottom: -10px; font-size: 1rem; font-weight: bold; color: #555; } .comment-content .comment-author a { border: none; color: #333; } .comment-content .comment-author a:hover { color: #f6901e; } .comment-content .comment-author span { display: block; } .comment-content .comment-author span, .comment-content .comment-author span a { font-size: 12px; font-weight: normal; font-family: 'PT Serif', serif; font-style: italic; color: #AAA; } .comment-content .comment-author span a:hover { color: #888; } .comment-reply-link, .review-comment-ratings { display: block; position: absolute; top: 4px; left: auto; text-align: center; right: 0px; width: 14px; height: 14px; color: #CCC; font-size: 0.875rem; line-height: 1; } .review-comment-ratings { width: auto; color: #333; } .comment-reply-link:hover { color: #888; } /* ---------------------------------------------------------------- Comment Form -----------------------------------------------------------------*/ #respond, #respond form { margin-bottom: 0; } .commentlist li #respond { margin: 30px 0 0; } .commentlist li li #respond { margin-left: 30px; } #respond p { margin: 10px 0 0 0; } #respond p:first-child { margin-top: 0; } #respond label small { color: #999; font-weight: normal; } #respond input[type="text"], #respond textarea { margin-bottom: 0; } .fb-comments, .fb_iframe_widget, .fb-comments > span, .fb_iframe_widget > span, .fb-comments > span > iframe, .fb_iframe_widget > span > iframe { display: block !important; width: 100% !important; margin: 0; } /* Post Elements -----------------------------------------------------------------*/ img.alignleft, div.alignleft { float: left; margin: 5px 20px 13px 0; max-width: 100%; } div.alignleft > img, div.alignnone > img, div.aligncenter > img, div.alignright > img { display: block; float: none; } img.alignnone, img.aligncenter, div.alignnone, div.aligncenter { display: block; margin: 10px 0; float: none; } img.aligncenter, div.aligncenter, div.aligncenter img { margin-left: auto; margin-right: auto; clear: both; } img.alignright, div.alignright { float: right; margin: 5px 0 13px 20px; } .wp-caption { text-align: center; margin: 10px 20px 13px 20px; font-family: 'Lato', Georgia, "Times New Roman", Times, serif; font-style: italic; } .wp-caption img, .wp-caption img a { display: block; margin: 0; } p.wp-caption-text { display: inline-block; margin: 10px 0 0 0; padding: 5px 10px; background-color: #EEE; border-radius: 50px; } .wp-smiley { max-height: 13px; margin: 0 !important; } /* Infinity Scroll - Message Style -----------------------------------------------------------------*/ #infscr-loading, #portfolio-ajax-loader { position: fixed; z-index: 20; top: 50%; left: 50%; width: 48px; height: 48px; margin: -24px 0 0 -24px; background-color: rgba(0, 0, 0, 0.7); border-radius: 3px; line-height: 48px; font-size: 1.5rem; color: #FFF; text-align: center; } #infscr-loading img, #portfolio-ajax-loader img { display: none; width: 24px; height: 24px; margin: 12px; } #portfolio-ajax-loader { display: none; } #portfolio-ajax-loader img { display: block; } .page-load-status { position: relative; display: none; padding: 30px 0; } .page-load-status .css3-spinner-ball-pulse-sync > div { background-color: #333; } /* ---------------------------------------------------------------- Shop -----------------------------------------------------------------*/ .shop, .product { position: relative; } .product .product-image { position: relative; overflow: hidden; } .product-image > a, .product-image .slide a, .product-image img { display: block; width: 100%; } body:not(.device-touch):not(.device-sm):not(.device-xs) .product-image > a { -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .product-image > a:nth-of-type(2) { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; } .product-image:hover > a:nth-of-type(2) { opacity: 1; z-index: 2; } .product-desc { padding: 15px 0; } .product-title { margin-bottom: 7px; } .product-title h3 { margin: 0; font-size: 1.25rem; } .product-title h3 a, .single-product .product-title h2 a { color: #333; } .product-title h3 a:hover, .single-product .product-title h2 a:hover { color: #f6901e; } .product-price { font-size: 1.125rem; font-weight: 700; color: #444; margin-bottom: 4px; } .product-price del { font-weight: 400; font-size: 90%; color: #888; } .product-price ins { text-decoration: none; color: #f6901e; } .product-image > .badge, .sale-flash { position: absolute; top: 10px; left: 10px; z-index: 5; } /* Shop - Single -----------------------------------------------------------------*/ .single-product .product { width: 100%; margin: 0; } .shop-quick-view-ajax, .portfolio-ajax-modal { position: relative; background-color: #FFF; width: 800px; margin: 0 auto; } .single-product .product-image, .single-product .product-image img { height: auto; } .single-product .product-title h2 { font-size: 1.75rem; margin-bottom: 8px; } .single-product .product-price { font-size: 1.5rem; color: #f6901e; margin-bottom: 0; } .single-product .product-desc .line { margin: 20px 0; } .quantity { display: -ms-inline-flexbox; display: inline-flex; justify-content: center; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 30px; } .quantity input[type=number]::-webkit-inner-spin-button, .quantity input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .quantity .qty { width: 50px; height: 40px; line-height: 40px; border: 0; border-left: 1px solid #DDD; border-right: 1px solid #DDD; background-color: #EEE; text-align: center; margin-bottom: 0; } .quantity .plus, .quantity .minus { display: block; cursor: pointer; border: 0px transparent; padding: 0; width: 36px; height: 40px; line-height: 40px; text-align: center; background-color: #EEE; font-size: 1rem; font-weight: bold; transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; } .quantity .plus:hover, .quantity .minus:hover { background-color: #DDD; } .quantity .qty:focus, .quantity .plus:focus, .quantity .minus:focus { box-shadow: none !important; outline: 0 !important; } .product-meta { font-size: 90%; color: #777; } .product-meta > .card-body > span { display: inline-block; margin: 0 5px; } .single-product .fbox-plain.fbox-sm .fbox-icon { width: 2.25rem; } .single-product .fbox-plain.fbox-sm .fbox-icon i { font-size: 1.125rem; line-height: 1.5; } /* ---------------------------------------------------------------- Cart -----------------------------------------------------------------*/ .cart .remove { font-size: 0.875rem; color: #FF0000; } .cart .remove:hover { color: #000; } .cart th { padding: 12px 15px !important; font-size: 0.875rem; color: #555; } .cart td { padding: 12px 15px !important; vertical-align: middle !important; border-color: #E5E5E5 !important; } .cart-product-thumbnail a { display: block; width: 68px; } .cart-product-thumbnail img { display: block; width: 64px; height: 64px; border: 2px solid #EEE; } .cart-product-thumbnail img:hover { border-color: #f6901e; } .cart-product-name a, .product-name a { font-weight: bold; font-size: 13px; color: #333; } .cart-product-name a:hover, .product-name a:hover { color: #666; } .cart-product-price, .cart-product-quantity, .cart-product-subtotal { text-align: center !important; } .cart-product-quantity .quantity { margin: 0; } @media (max-width: 767.98px) { .cart-product-quantity .quantity { -ms-flex-direction: column; flex-direction: column; } .cart-product-quantity .quantity .qty, .cart-product-quantity .quantity .plus, .cart-product-quantity .quantity .minus { width: 100%; } .cart-product-quantity .quantity .qty { border: 0; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; } } td.actions { padding: 20px 15px !important; vertical-align: top !important; background-color: #F5F5F5; } /* ---------------------------------------------------------------- Events -----------------------------------------------------------------*/ .event.entry::after { display: none !important; } .event .grid-inner { background-color: #F9F9F9; border-bottom: 3px solid #EEE; } .event .entry-image .entry-date { position: absolute; top: 10px; left: 10px; background-color: rgba(0, 0, 0, 0.7); color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); width: 60px; height: 64px; text-align: center; padding-top: 9px; font-size: 1.75rem; line-height: 1; } .event .entry-image .entry-date span { display: block; font-size: 12px; margin-top: 7px; } .single-event .event-meta .iconlist li, .parallax .iconlist li { margin: 5px 0; } .single-event .entry-overlay, .parallax .entry-overlay-meta { position: absolute; top: auto; bottom: 0; left: 0; width: 100%; height: 80px; background-color: rgba(0, 0, 0, 0.85); text-align: center; line-height: 80px; font-size: 1.25rem; color: #FFF; z-index: 5; } .single-event .countdown-section { padding: 0 15px; border-left-color: rgba(255, 255, 255, 0.3); color: #CCC; } .single-event .countdown-amount { color: #FFF; } .parallax .entry-overlay, .parallax .entry-overlay-meta { background: transparent; width: auto; text-align: right; bottom: 30px; left: auto; right: 30px; } .parallax .entry-overlay-meta { padding: 20px; font-size: 0.875rem; text-align: left; right: 38px; bottom: 130px; width: 368px; height: auto; line-height: inherit; background-color: rgba(0, 0, 0, 0.7); border-radius: 3px; } .parallax.overlay-left .entry-overlay, .parallax.overlay-left .entry-overlay-meta { right: auto; left: 30px; } .parallax.overlay-left .entry-overlay-meta { left: 38px; } .parallax.overlay-center .entry-overlay, .parallax.overlay-center .entry-overlay-meta { bottom: 100px; right: auto; left: 50%; margin-left: -192px; } .parallax.overlay-center .entry-overlay-meta { top: 100px; bottom: auto; margin-left: -184px; } .parallax .entry-overlay-meta h2 { font-size: 1.25rem; text-transform: uppercase; border-bottom: 1px dashed rgba(255, 255, 255, 0.2); padding-bottom: 17px; } .parallax .entry-overlay-meta h2 a { color: #FFF; } .parallax .entry-overlay-meta h2 a:hover { color: #DDD; } .parallax .countdown { top: 0; } .parallax .countdown-section { border-left: 0; width: 80px; height: 80px; margin: 0 8px; font-size: 13px; background-color: rgba(0, 0, 0, 0.7); border-radius: 3px; padding-top: 14px; } .parallax .countdown-amount { font-size: 28px; margin-bottom: 6px; } /* ---------------------------------------------------------------- Countdown -----------------------------------------------------------------*/ .countdown { position: relative; display: block; } .countdown-row { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .countdown-section { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; font-size: 11px; line-height: 1; text-align: center; border-left: 1px dotted #BBB; color: #888; text-transform: capitalize; } .countdown-section:first-child { border-left: 0; } .countdown-amount { display: block; font-size: 1.25rem; color: #333; margin-bottom: 5px; } .countdown-descr { display: block; width: 100%; } /* Countdown - Medium -----------------------------------------------------------------*/ .countdown-medium .countdown-section { font-size: 0.875rem; } .countdown-medium .countdown-amount { font-size: 30px; margin-bottom: 7px; } /* Countdown - Large -----------------------------------------------------------------*/ .countdown-large .countdown-section { font-size: 18px; } .countdown-large .countdown-amount { font-size: 44px; font-weight: 700; margin-bottom: 8px; } /* Countdown - Inline -----------------------------------------------------------------*/ .countdown.countdown-inline { display: inline-block; } .countdown.countdown-inline .countdown-row { display: inline-block; text-align: center; } .countdown.countdown-inline .countdown-section { display: inline-block; font-size: inherit; line-height: inherit; width: auto; border: none; color: inherit; margin-left: 7px; text-transform: inherit; } .countdown.countdown-inline .countdown-section:first-child { margin-left: 0; } .countdown.countdown-inline .countdown-amount { display: inline-block; font-size: inherit; color: inherit; font-weight: bold; margin: 0 3px 0 0; } .countdown.countdown-inline .countdown-descr { display: inline-block; width: auto; } @media (min-width: 768px) { /* Countdown - Coming Soon -----------------------------------------------------------------*/ .countdown.countdown-large.coming-soon .countdown-section { border: none; padding: 15px; } .countdown.countdown-large.coming-soon .countdown-amount { width: 140px; height: 140px; line-height: 140px; margin-left: auto; margin-right: auto; border-radius: 50%; background-color: rgba(0, 0, 0, 0.2); margin-bottom: 15px !important; } } /* ---------------------------------------------------------------- Buttons -----------------------------------------------------------------*/ .button { display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; margin: 5px; padding: 0px 20px; font-size: 0.875rem; line-height: 24px; background: rgb(250, 204, 59); color: #000; font-weight: 500; text-transform: uppercase; letter-spacing: normal; border-radius: 20px; border: 2px solid #825e00; transition: all 0.5s ease; } body:not(.device-touch) .button { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .button.button-dark { background-color: #444; } .button.button-light { background-color: #EEE; color: #333; text-shadow: none !important; } .button:hover { background: rgb(250, 204, 59); color: #000; transition: all 0.5s ease; } .button.button-dark:hover { background-color: #f6901e; } .button.button-mini { padding: 4px 14px !important; font-size: 12px !important; /*line-height: 15px !important;*/ } .button.button-xs { padding: 2px 9px !important; font-size: 11px; line-height: 18px; } .button.button-small { padding: 7px 17px !important; font-size: 12px; line-height: 20px; } .button.button-large { padding: 8px 26px !important; font-size: 1rem; line-height: 30px; } .button.button-xlarge { padding: 9px 32px; font-size: 18px; letter-spacing: 2px; line-height: 34px; } .button.button-desc { text-align: left; padding: 24px 34px; font-size: 1.25rem; height: auto; line-height: 1; font-family: 'Poppins', sans-serif; } .button.button-desc span { display: block; margin-top: 10px; font-size: 0.875rem; font-weight: 400; letter-spacing: 1px; font-family: 'PT Serif', serif; font-style: italic; text-transform: none; } .button i { position: relative; margin-right: 5px; width: 16px; text-align: center; } .button.text-right i { margin: 0 0 0 5px; } .button-mini i { margin-right: 3px; } .button-mini.text-right i { margin: 0 0 0 3px; } .button-small i { margin-right: 4px; } .button-small.text-right i { margin: 0 0 0 4px; } .button-xlarge i { margin-right: 8px; } .button-xlarge.text-right i { margin: 0 0 0 8px; } .button.button-desc i { font-size: 48px; width: 48px; text-align: center; margin-right: 12px; } .button.button-desc.text-right i { margin: 0 0 0 12px; } .button.button-desc div { display: inline-block; } .button.button-rounded { border-radius: 50px; } .btn-color { margin: 20px 0px; } /* Buttons - Border -----------------------------------------------------------------*/ .button.button-border { border: 2px solid #444; background-color: transparent; color: #333; font-weight: 700; text-shadow: none; } .button.button-border-thin { border-width: 1px; } .button.button-border.button-desc { line-height: 1; } .button.button-border:not(.button-fill):hover { background-color: #444; color: #FFF; border-color: transparent !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .button.button-border.button-light { border-color: #FFF; color: #FFF; } .button.button-border.button-light:hover { background-color: #FFF; color: #333; text-shadow: none; } /* Buttons - Border -----------------------------------------------------------------*/ .button.button-3d { border-radius: 3px; box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15); -webkit-transition: none; -o-transition: none; transition: none; } .button.button-3d:hover { background-color: #f6901e; opacity: 0.9; } .button.button-3d.button-light:hover, .button.button-reveal.button-light:hover { text-shadow: none; color: #333; } /* Buttons - Icon Reveal -----------------------------------------------------------------*/ .button.button-reveal { padding-left: 28px; padding-right: 28px; overflow: hidden; } .button.button-reveal i { display: block; position: absolute; top: 0; left: -32px; width: 32px; height: 100%; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; margin: 0; background-color: rgba(0, 0, 0, 0.1); } .button.button-reveal.button-border i { top: -2px; } .button.button-reveal.text-right i { left: auto; right: -32px; } .button.button-reveal.button-3d i, .button.button-reveal.button-rounded i { border-radius: 3px 0 0 3px; } .button.button-reveal.button-3d.text-right i, .button.button-reveal.button-rounded.text-right i { border-radius: 0 3px 3px 0; } .button.button-reveal span { display: inline-block; position: relative; left: 0; } body:not(.device-touch) .button.button-reveal i, body:not(.device-touch) .button.button-reveal span { -webkit-transition: left 0.3s ease, right 0.3s ease; -o-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .button.button-reveal.button-mini { padding-left: 17px; padding-right: 17px; } .button.button-reveal.button-mini i { left: -22px; width: 22px; } .button.button-reveal.button-mini.text-right i { left: auto; right: -22px; } .button.button-reveal.button-small { padding-left: 22px; padding-right: 22px; } .button.button-reveal.button-small i { left: -26px; width: 26px; } .button.button-reveal.button-small.text-right i { left: auto; right: -26px; } .button.button-reveal.button-large { padding-left: 32px; padding-right: 32px; } .button.button-reveal.button-large i { left: -38px; width: 38px; } .button.button-reveal.button-large.text-right i { left: auto; right: -38px; } .button.button-reveal.button-xlarge { padding-right: 40px; padding-left: 40px; } .button.button-reveal.button-xlarge i { left: -44px; width: 44px; } .button.button-reveal.button-xlarge.text-right i { left: auto; right: -44px; } .button.button-reveal:hover i { left: 0; } .button.button-reveal.text-right:hover i { left: auto; right: 0; } .button.button-reveal:hover span { left: 16px; } .button.button-reveal.button-mini:hover span { left: 11px; } .button.button-reveal.button-small:hover span { left: 13px; } .button.button-reveal.button-large:hover span { left: 19px; } .button.button-reveal.button-xlarge:hover span { left: 22px; } .button.button-reveal.text-right:hover span { left: -16px; } .button.button-reveal.button-mini.text-right:hover span { left: -11px; } .button.button-reveal.button-small.text-right:hover span { left: -13px; } .button.button-reveal.button-large.text-right:hover span { left: -19px; } .button.button-reveal.button-xlarge.text-right:hover span { left: -22px; } /* Buttons - Promo 100% Width -----------------------------------------------------------------*/ .button.button-full { display: block; width: 100%; white-space: normal; margin: 0; height: auto; line-height: 1.6; padding: 30px 0; font-size: 30px; font-weight: 300; text-transform: none; border-radius: 0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .button.button-full.button-light { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .button.button-full strong { font-weight: 700; border-bottom: 2px solid #EEE; } body:not(.device-touch) .button.button-full strong { -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } .button.button-full.button-light strong { border-bottom-color: #333; } .button.button-full.button-light:hover strong { border-bottom-color: #EEE; } /* Buttons - Circle -----------------------------------------------------------------*/ .button.button-circle { border-radius: 20px; } .button.button-mini.button-circle { border-radius: 14px; } .button.button-small.button-circle { border-radius: 17px; } .button.button-large.button-circle { border-radius: 23px; } .button.button-xlarge.button-circle { border-radius: 26px; } /* Buttons - Fill Effect -----------------------------------------------------------------*/ .button.button-border.button-fill { overflow: hidden; transform-style: preserve-3d; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-backface-visibility: hidden; } .button.button-border.button-fill span { position: relative; } .button.button-border.button-fill:hover { background-color: transparent !important; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .button.button-border.button-fill.button-light:hover { border-color: #EEE !important; color: #333 !important; text-shadow: none; } .button.button-border.button-fill::before { content: ''; position: absolute; background-color: #444; top: 0; left: 0; width: 0; height: 100%; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; -webkit-backface-visibility: hidden; } .button.button-border.button-fill.button-light::before { background-color: #EEE; } .button.button-border.button-fill.fill-from-right::before { left: auto; right: 0; } .button.button-border.button-fill:hover::before { width: 100%; } .button.button-border.button-fill.fill-from-top::before, .button.button-border.button-fill.fill-from-bottom::before { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .button.button-border.button-fill.fill-from-top::before { width: 100%; height: 0; } .button.button-border.button-fill.fill-from-top:hover::before { height: 100%; } .button.button-border.button-fill.fill-from-bottom::before { width: 100%; height: 0; top: auto; bottom: 0; } .button.button-border.button-fill.fill-from-bottom:hover::before { height: 100%; } /* Buttons - Colors -----------------------------------------------------------------*/ .button-red { background-color: #C02942; } .button-3d.button-red:hover, .button-reveal.button-red:hover, .button-border.button-red:hover, .button-border.button-red.button-fill::before { background-color: #C02942 !important; } .button-border.button-red { color: #C02942; border-color: #C02942; } .button-teal { background-color: #53777A; } .button-3d.button-teal:hover, .button-reveal.button-teal:hover, .button-border.button-teal:hover, .button-border.button-teal.button-fill::before { background-color: #53777A !important; } .button-border.button-teal { color: #53777A; border-color: #53777A; } .button-light.button-yellow { background-color: #ECD078; } .button-3d.button-yellow:hover, .button-reveal.button-yellow:hover, .button-border.button-yellow:hover, .button-border.button-yellow.button-fill::before { background-color: #ECD078 !important; } .button-border.button-yellow, .button-border.button-yellow.button-fill.button-light:hover { color: #ECD078 !important; border-color: #ECD078 !important; } .button-border.button-yellow:hover, .button-border.button-yellow.button-fill.button-light:hover { color: #333 !important; } .button-green { background-color: #59BA41; border: 2px solid #4aa234; } .button-green:hover { background: #70e852; } .button-3d.button-green:hover, .button-reveal.button-green:hover, .button-border.button-green:hover, .button-border.button-green.button-fill::before { background-color: #59BA41 !important; } .button-border.button-green { color: #59BA41; border-color: #59BA41; } .button-brown { background-color: #774F38; } .button-3d.button-brown:hover, .button-reveal.button-brown:hover, .button-border.button-brown:hover, .button-border.button-brown.button-fill::before { background-color: #774F38 !important; } .button-border.button-brown { color: #774F38; border-color: #774F38; } .button-aqua { background-color: #40C0CB; } .button-3d.button-aqua:hover, .button-reveal.button-aqua:hover, .button-border.button-aqua:hover, .button-border.button-aqua.button-fill::before { background-color: #40C0CB !important; } .button-border.button-aqua { color: #40C0CB; border-color: #40C0CB; } .button-light.button-lime { background-color: #AEE239; } .button-3d.button-lime:hover, .button-reveal.button-lime:hover, .button-border.button-lime:hover, .button-border.button-lime.button-fill::before { background-color: #AEE239 !important; } .button-border.button-lime { color: #AEE239; border-color: #AEE239; } .button-purple { background-color: #5D4157; } .button-3d.button-purple:hover, .button-reveal.button-purple:hover, .button-border.button-purple:hover, .button-border.button-purple.button-fill::before { background-color: #5D4157 !important; } .button-border.button-purple { color: #5D4157; border-color: #5D4157; } .button-leaf { background-color: #A8CABA; } .button-3d.button-leaf:hover, .button-reveal.button-leaf:hover, .button-border.button-leaf:hover, .button-border.button-leaf.button-fill::before { background-color: #A8CABA !important; } .button-border.button-leaf { color: #A8CABA; border-color: #A8CABA; } .button-pink { background-color: #F89FA1; } .button-3d.button-pink:hover, .button-reveal.button-pink:hover, .button-border.button-pink:hover, .button-border.button-pink.button-fill::before { background-color: #F89FA1 !important; } .button-border.button-pink { color: #F89FA1; border-color: #F89FA1; } .button-dirtygreen { background-color: #1693A5; } .button-3d.button-dirtygreen:hover, .button-reveal.button-dirtygreen:hover, .button-border.button-dirtygreen:hover, .button-border.button-dirtygreen.button-fill::before { background-color: #1693A5 !important; } .button-border.button-dirtygreen { color: #1693A5; border-color: #1693A5; } .button-blue { background-color: #1265A8; } .button-3d.button-blue:hover, .button-reveal.button-blue:hover, .button-border.button-blue:hover, .button-border.button-blue.button-fill::before { background-color: #1265A8 !important; } .button-border.button-blue { color: #1265A8; border-color: #1265A8; } .button-amber { background-color: #ff9200; } .button-3d.button-amber:hover, .button-amber:hover, .button-reveal.button-amber:hover, .button-border.button-amber:hover, .button-border.button-amber.button-fill::before { background-color: #EB9C4D !important; } .button-border.button-amber { color: #EB9C4D; border-color: #EB9C4D; } .button-black { background-color: #111; } .button-3d.button-black:hover, .button-reveal.button-black:hover, .button-border.button-black:hover, .button-border.button-black.button-fill::before { background-color: #111 !important; } .button-border.button-black { color: #111; border-color: #111; } .button-white { background: linear-gradient(to bottom, #fff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); border: 2px solid #ccc; } .button-white:hover { background: linear-gradient(to bottom, #f5f5f5 0%, #f1f1f1 50%, #cccccc 51%, #e6e6e6 100%); } .button-3d.button-white:hover, .button-reveal.button-white:hover, .button-white:hover { background-color: #F9F9F9 !important; color: #000; } /* Buttons - No Hover -----------------------------------------------------------------*/ .button.button-nohover:hover { opacity: inherit !important; background-color: inherit !important; color: inherit !important; border-color: inherit !important; } /* ---------------------------------------------------------------- Promo Boxes -----------------------------------------------------------------*/ .promo { position: relative; } .promo h3 { font-weight: bold; margin-bottom: 0; } .promo h3 + span { display: block; color: #444; font-weight: 300; font-size: 1.125rem; margin-top: 6px; } /* Promo Uppercase -----------------------------------------------------------------*/ .promo-uppercase { text-transform: uppercase; } .promo-uppercase h3 { font-size: 1.25rem; } .promo-uppercase h3 + span { font-size: 1rem; } /* Promo - with Border -----------------------------------------------------------------*/ .promo-border { border: 1px solid #E5E5E5; border-radius: 3px; } /* Promo - Light -----------------------------------------------------------------*/ .promo-light { background-color: #F5F5F5; border-radius: 3px; } /* Promo - Dark -----------------------------------------------------------------*/ .promo-dark { border: 0 !important; background-color: #333; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); border-radius: 3px; } .promo-dark h3 { color: #FFF; } .promo-dark h3 + span { color: #EEE; font-weight: 400; } /* Promo - 100% Full Width -----------------------------------------------------------------*/ .promo-full { border-radius: 0 !important; border-left: 0 !important; border-right: 0 !important; } /* Promo - Parallax -----------------------------------------------------------------*/ .promo.parallax { padding: 80px 0 !important; } /* Promo - Mini -----------------------------------------------------------------*/ .promo-mini { text-align: left; } .promo-mini h3 { font-size: 1.25rem; } .promo-mini.promo-uppercase h3 { font-size: 18px; } /* ---------------------------------------------------------------- Featured Boxes -----------------------------------------------------------------*/ .feature-box { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -0.75rem; margin-right: -0.75rem; } .feature-box:first-child { margin-top: 0; } .fbox-icon { width: 5.5rem; height: 4rem; padding: 0 0.75rem; } .fbox-icon a, .fbox-icon i, .fbox-icon img { display: block; position: relative; width: 100%; height: 100%; color: #FFF; } .fbox-icon i, .fbox-icon img { border-radius: 50%; background-color: #f6901e; } .fbox-icon i { font-style: normal; font-size: 1.75rem; line-height: 4rem; text-align: center; } .fbox-content { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; padding: 0 0.75rem; } .fbox-content h3 { font-size: 1rem; font-weight: 600; font-family: 'Poppins', sans-serif; text-transform: uppercase; margin-bottom: 0; color: #333; } .fbox-content p { margin-top: 0.5rem; margin-bottom: 0px; color: #999; } .fbox-content .before-heading { font-size: 0.875rem; } .fbox-content-sm h3, .fbox-content-sm p { font-size: 0.875rem; } .fbox-content-sm .before-heading { font-size: 0.75rem; } .fbox-content-lg h3 { font-size: 1.25rem; } .fbox-content-lg p { font-size: 1.125rem; margin-top: 0.75rem; } .fbox-content-lg .before-heading { font-size: 1rem; } /* Feature Box - Icon Small -----------------------------------------------------------------*/ .fbox-sm { margin-left: -0.5rem; margin-right: -0.5rem; } .fbox-sm .fbox-icon { width: 3rem; height: 2rem; padding: 0 0.5rem; } .fbox-sm .fbox-icon i { font-size: 1rem; line-height: 2rem; } .fbox-sm .fbox-content { padding: 0 0.5rem; } /* Feature Box - Icon Large -----------------------------------------------------------------*/ .fbox-lg .fbox-icon { width: 7.5rem; height: 6rem; } .fbox-lg .fbox-icon i { font-size: 2.5rem; line-height: 6rem; } /* Feature Box - Icon X-Large -----------------------------------------------------------------*/ .fbox-xl .fbox-icon { width: 9.5rem; height: 8rem; } .fbox-xl .fbox-icon i { font-size: 4.5rem; line-height: 8rem; } /* Feature Box - Icon Outline -----------------------------------------------------------------*/ .fbox-outline .fbox-icon a { border: 1px solid #f6901e; padding: 0.25rem; border-radius: 50%; } .fbox-outline .fbox-icon i { line-height: 3.5rem; } /* Feature Box - Icon Outline Sizes -----------------------------------------------------------------*/ .fbox-outline.fbox-sm .fbox-icon i { line-height: 1.5rem; } .fbox-outline.fbox-lg .fbox-icon i { line-height: 5.5rem; } .fbox-outline.fbox-xl .fbox-icon i { line-height: 7.5rem; } /* Feature Box - Icon Rounded -----------------------------------------------------------------*/ .fbox-rounded .fbox-icon { border-radius: 3px !important; } .fbox-rounded .fbox-icon i, .fbox-rounded .fbox-icon img { border-radius: 3px !important; } /* Feature Box - Icon Rounded Sizes -----------------------------------------------------------------*/ .fbox-rounded.fbox-lg .fbox-icon { border-radius: 4px !important; } .fbox-rounded.fbox-lg .fbox-icon i, .fbox-rounded.fbox-lg .fbox-icon img { border-radius: 4px !important; } .fbox-rounded.fbox-xl .fbox-icon { border-radius: 6px !important; } .fbox-rounded.fbox-xl .fbox-icon i, .fbox-rounded.fbox-xl .fbox-icon img { border-radius: 6px !important; } /* Feature Box - Light Background -----------------------------------------------------------------*/ .fbox-light.fbox-outline .fbox-icon a { border-color: #E5E5E5; } .fbox-light .fbox-icon i, .fbox-light .fbox-icon img { border: 1px solid #E5E5E5; background-color: #F5F5F5; color: #444; } /* Feature Box - Dark Background -----------------------------------------------------------------*/ .fbox-dark.fbox-outline .fbox-icon a { border-color: #444; } .fbox-dark .fbox-icon i, .fbox-dark .fbox-icon img { background-color: #333; } /* Feature Box - Border -----------------------------------------------------------------*/ .fbox-border .fbox-icon a { border: 1px solid #f6901e; border-radius: 50%; } .fbox-border .fbox-icon i, .fbox-border .fbox-icon img { border: none; background-color: transparent !important; color: #f6901e; } /* Feature Box - Border - Light -----------------------------------------------------------------*/ .fbox-border.fbox-light .fbox-icon a { border-color: #E5E5E5; } .fbox-border.fbox-light .fbox-icon i, .fbox-border.fbox-light .fbox-icon img { color: #888; } /* Feature Box - Border - Dark -----------------------------------------------------------------*/ .fbox-border.fbox-dark .fbox-icon a { border-color: #333; } .fbox-border.fbox-dark .fbox-icon i, .fbox-border.fbox-dark .fbox-icon img { color: #444; } /* Feature Box - Plain -----------------------------------------------------------------*/ .fbox-plain .fbox-icon { border: none !important; } .fbox-plain .fbox-icon i, .fbox-plain .fbox-icon img { border: none; background-color: transparent !important; color: #f6901e; border-radius: 0; } .fbox-plain .fbox-icon i { font-size: 3rem; line-height: 1; } .fbox-plain.fbox-image .fbox-icon { width: auto; } .fbox-plain.fbox-image .fbox-icon img { width: auto; display: inline-block; } .fbox-plain.fbox-light .fbox-icon i, .fbox-plain.fbox-light .fbox-icon img { color: #888; } .fbox-plain.fbox-dark .fbox-icon i, .fbox-plain.fbox-dark .fbox-icon img { color: #444; } /* Feature Box - Icon Plain Sizes -----------------------------------------------------------------*/ .fbox-plain.fbox-sm .fbox-icon i { font-size: 2rem; } .fbox-plain.fbox-lg .fbox-icon i { font-size: 4.5rem; } .fbox-plain.fbox-xl .fbox-icon i { font-size: 6rem; } /* Feature Box - Center & Large Icons -----------------------------------------------------------------*/ .fbox-center { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; text-align: center; } .fbox-center .fbox-icon { margin-bottom: 1.5rem; } /* Feature Box - Subtitle -----------------------------------------------------------------*/ .fbox-content + .fbox-icon { margin-top: 1.5rem; margin-bottom: 0 !important; } .fbox-content h3 span.subtitle { display: block; margin-top: 5px; color: #444; font-weight: 300; text-transform: none; } .fbox-center.fbox-sep:not(.fbox-bg) h3::after { content: ''; display: block; margin: 1.25rem auto; width: 2rem; height: 2px; background-color: #555; -webkit-transition: width .3s ease; -o-transition: width .3s ease; transition: width .3s ease; } .fbox-center.fbox-sep:not(.fbox-bg):hover h3::after { width: 3rem; } .fbox-center.fbox-italic p { font-style: italic; font-family: 'Lato', sans-serif; } /* Feature Box - Background -----------------------------------------------------------------*/ .fbox-bg.fbox-center { margin-top: 2rem; margin-left: 0; margin-right: 0; padding: 0 2rem 2rem; border: 1px solid #E5E5E5; border-radius: 5px; } .fbox-bg.fbox-center .fbox-icon { margin-top: -2rem; } .fbox-bg.fbox-center .fbox-icon { background-color: #FFF; } .fbox-bg.fbox-center.fbox-lg { margin-top: 3rem; } .fbox-bg.fbox-center.fbox-lg .fbox-icon { margin-top: -3rem; } .fbox-bg.fbox-center.fbox-xl { margin-top: 4rem; } .fbox-bg.fbox-center.fbox-xl .fbox-icon { margin-top: -4rem; } /* Animated Icon Hovers -----------------------------------------------------------------*/ .fbox-effect .fbox-icon i { z-index: 1; } .fbox-effect .fbox-icon i::after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fbox-rounded.fbox-effect .fbox-icon i::after { border-radius: 3px; } .fbox-effect .fbox-icon i { -webkit-transition: background-color 0.3s, color 0.3s; -o-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } .fbox-effect .fbox-icon i::after { top: -3px; left: -3px; padding: 3px; box-shadow: 0 0 0 2px #333; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -webkit-transform: scale(.8); -moz-transition: -moz-transform 0.3s, opacity 0.3s; -moz-transform: scale(.8); -ms-transform: scale(.8); transition: transform 0.3s, opacity 0.3s; transform: scale(.8); opacity: 0; } .fbox-effect .fbox-icon i:hover, .fbox-effect:hover .fbox-icon i { background-color: #333; color: #FFF; } .fbox-effect.fbox-dark .fbox-icon i::after { box-shadow: 0 0 0 2px #f6901e; } .fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-effect.fbox-dark:hover .fbox-icon i { background-color: #f6901e; } .fbox-effect .fbox-icon i:hover::after, .fbox-effect:hover .fbox-icon i::after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Icon Effects - Bordered -----------------------------------------------------------------*/ .fbox-border.fbox-effect .fbox-icon i { -webkit-transition: color 0.5s, box-shadow 0.5s, background-color 0.5s; -o-transition: color 0.5s, box-shadow 0.5s, background-color 0.5s; transition: color 0.5s, box-shadow 0.5s, background-color 0.5s; } .fbox-border.fbox-effect .fbox-icon i::after { top: -2px; left: -2px; padding: 2px; z-index: -1; box-shadow: none; background-image: url('images/icons/iconalt.svg'); background-position: center center; background-size: 100% 100%; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, background-color 0.5s; -o-transition: -moz-transform 0.5s, opacity 0.5s, background-color 0.5s; transition: transform 0.5s, opacity 0.5s, background-color 0.5s; } .fbox-border.fbox-rounded.fbox-effect .fbox-icon i::after { border-radius: 3px; } .fbox-border.fbox-effect .fbox-icon i:hover, .fbox-border.fbox-effect:hover .fbox-icon i { color: #FFF; box-shadow: 0 0 0 1px #333; } .fbox-border.fbox-effect .fbox-icon i::after { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; background-color: #333; } .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #f6901e; } .fbox-border.fbox-effect.fbox-dark .fbox-icon i::after { background-color: #f6901e; } .fbox-border.fbox-effect .fbox-icon i:hover::after, .fbox-border.fbox-effect:hover .fbox-icon i::after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Media Featured Box -----------------------------------------------------------------*/ .media-box { padding: 0; margin-left: 0; margin-right: 0; -ms-flex-direction: column; flex-direction: column; } .media-box .fbox-media { margin: 0 0 1.5rem; } .media-box .fbox-media, .media-box .fbox-media a, .media-box .fbox-media img { position: relative; display: block; width: 100%; height: auto; } .media-box .fbox-media iframe { display: block; } .media-box p { margin-top: 1rem; } .media-box.fbox-bg .fbox-media { margin: 0; } .media-box.fbox-bg .fbox-content { padding: 1.5rem; background-color: #FFF; border: 1px solid #E5E5E5; border-top: 0; border-radius: 0 0 5px 5px; } .media-box.fbox-bg .fbox-media img { border-radius: 5px 5px 0 0; } /* ---------------------------------------------------------------- Flipbox -----------------------------------------------------------------*/ .flipbox { perspective: 1000px; } .flipbox-inner { transition: 0.5s; transition-timing-function: ease; position: relative; transform-style: preserve-3d; } .flipbox-front, .flipbox-back { -webkit-backface-visibility: hidden; } .flipbox-front { z-index: 2; } .flipbox-back { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .flipbox:not(.flipbox-vertical) .flipbox-front { transform: rotateY(0deg); } .flipbox:not(.flipbox-vertical) .flipbox-back { transform: rotateY(-180deg); } .flipbox.flipbox-vertical .flipbox-front { transform: rotateX(0deg); } .flipbox.flipbox-vertical .flipbox-back { transform: rotateX(-180deg); } .flipbox:not(.flipbox-vertical):hover .flipbox-inner, .flipbox:not(.flipbox-vertical).hover .flipbox-inner { transform: rotateY(180deg); } .flipbox.flipbox-vertical:hover .flipbox-inner, .flipbox.flipbox-vertical.hover .flipbox-inner { transform: rotateX(180deg); } /* ---------------------------------------------------------------- Process Steps -----------------------------------------------------------------*/ .process-steps { margin: 0 0 40px; list-style: none; } .process-steps li { position: relative; text-align: center; overflow: hidden; } .process-steps li .i-circled { margin-bottom: 0 !important; } .process-steps li .i-bordered { background-color: #FFF; } .process-steps li h5 { margin: 15px 0 0 0; font-size: 1rem; font-weight: 300; } .process-steps li.active h5, .process-steps li.ui-tabs-active h5 { font-weight: 600; color: #f6901e; } .process-steps li.active a, .process-steps li.ui-tabs-active a { background-color: #f6901e !important; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); border-color: #f6901e !important; } @media (min-width: 992px) { .process-steps li::before, .process-steps li::after { content: ''; position: absolute; top: 30px; left: 0; margin-left: -26px; width: 50%; border-top: 1px dashed #DDD; } .process-steps li::after { left: auto; right: 0; margin: 0 -26px 0 0; } .process-steps li:first-child::before, .process-steps li:last-child::after { display: none; } } /* ---------------------------------------------------------------- Alerts -----------------------------------------------------------------*/ .style-msg, .style-msg2 { position: relative; display: block; color: #444; border-left: 4px solid rgba(0, 0, 0, 0.1); margin-bottom: 20px; } .style-msg2 { border-left: 4px solid rgba(0, 0, 0, 0.2); } .successmsg { background: #d4edda; color: #155724; } .errormsg { background: #f8d7da; color: #721c24; } .infomsg { background: #d1ecf1; color: #0c5460; } .alertmsg { background: #fff3cd; color: #856404; } .style-msg .sb-msg, .style-msg2 .msgtitle, .style-msg2 .sb-msg { display: block; padding: 15px; border-left: 1px solid rgba(255, 255, 255, 0.5); font-size: 1rem; } .style-msg2 .msgtitle { background: rgba(0, 0, 0, 0.15); border-top: none; border-bottom: none; font-weight: bold; } .style-msg-light .sb-msg, .style-msg-light .msgtitle { color: #FFF; } .style-msg2 .sb-msg { font-weight: normal; } .style-msg2 ol, .style-msg2 ul { margin: 0 0 0 30px; } .style-msg2 ol { list-style-type: decimal; } .style-msg2 ul { list-style-type: disc; } .alert i, .sb-msg i, .msgtitle i { position: relative; top: 1px; font-size: 0.875rem; width: 14px; text-align: center; margin-right: 5px; } .style-msg .close { position: absolute; top: 10px; left: auto; right: 10px; } /* ---------------------------------------------------------------- Styled Icons -----------------------------------------------------------------*/ .i-rounded, .i-plain, .i-circled, .i-bordered, .social-icon { display: block; float: left; margin: 4px 11px 7px 0; text-align: center !important; font-size: 28px; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); cursor: pointer; font-style: normal; } body:not(.device-touch) .i-rounded, body:not(.device-touch) .i-plain, body:not(.device-touch) .i-circled, body:not(.device-touch) .i-bordered, body:not(.device-touch) .social-icon { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .i-rounded, .i-circled, .i-bordered { width: 52px !important; height: 52px !important; line-height: 52px !important; background-color: #444; border-radius: 3px; } .i-bordered { border: 1px solid #555; line-height: 50px !important; background-color: transparent !important; color: #444; text-shadow: none; } .i-plain { width: 36px !important; height: 36px !important; font-size: 28px; line-height: 36px !important; color: #444; text-shadow: 1px 1px 1px #FFF; } .i-plain:hover { color: #777; } .i-circled { border-radius: 50%; } .i-light { background-color: #F5F5F5; color: #444; text-shadow: 1px 1px 1px #FFF; box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2); } .i-alt { background-image: url('images/icons/iconalt.svg'); background-position: center center; background-size: 100% 100%; } .i-rounded:hover, .i-circled:hover { background-color: #f6901e; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); } .i-bordered:hover { background-color: #444 !important; color: #FFF; border-color: #444; } /* Icon Size - Small -----------------------------------------------------------------*/ .i-small.i-rounded, .i-small.i-plain, .i-small.i-circled, .i-small.i-bordered { margin: 4px 11px 7px 0; font-size: 0.875rem; } .i-small.i-rounded, .i-small.i-circled, .i-small.i-bordered { width: 28px !important; height: 28px !important; line-height: 28px !important; } .i-small.i-bordered { line-height: 26px !important; } .i-small.i-plain { width: 18px !important; height: 18px !important; font-size: 0.875rem; line-height: 18px !important; } /* Icon Size - Small -----------------------------------------------------------------*/ .i-medium.i-rounded, .i-medium.i-plain, .i-medium.i-circled, .i-medium.i-bordered { margin: 6px 13px 9px 0; font-size: 21px; } .i-medium.i-rounded, .i-medium.i-circled, .i-medium.i-bordered { width: 36px !important; height: 36px !important; line-height: 36px !important; } .i-medium.i-bordered { line-height: 34px !important; } .i-medium.i-plain { width: 28px !important; height: 28px !important; font-size: 1.25rem; line-height: 28px !important; } /* Icon Size - Large -----------------------------------------------------------------*/ .i-large.i-rounded, .i-large.i-plain, .i-large.i-circled, .i-large.i-bordered { margin: 4px 11px 7px 0; font-size: 42px; } .i-large.i-rounded, .i-large.i-circled, .i-large.i-bordered { width: 64px !important; height: 64px !important; line-height: 64px !important; } .i-large.i-bordered { line-height: 62px !important; } .i-large.i-plain { width: 48px !important; height: 48px !important; font-size: 42px; line-height: 48px !important; } /* Icon Size - Extra Large -----------------------------------------------------------------*/ .i-xlarge.i-rounded, .i-xlarge.i-plain, .i-xlarge.i-circled, .i-xlarge.i-bordered { margin: 4px 11px 7px 0; font-size: 56px; } .i-xlarge.i-rounded, .i-xlarge.i-circled, .i-xlarge.i-bordered { width: 84px !important; height: 84px !important; line-height: 84px !important; } .i-xlarge.i-bordered { line-height: 82px !important; } .i-xlarge.i-plain { width: 64px !important; height: 64px !important; font-size: 56px; line-height: 64px !important; } /* Icon Size - Extra Extra Large -----------------------------------------------------------------*/ .i-xxlarge.i-rounded, .i-xxlarge.i-plain, .i-xxlarge.i-circled, .i-xxlarge.i-bordered { margin: 6px 15px 10px 0; font-size: 64px; } .i-xxlarge.i-rounded, .i-xxlarge.i-circled, .i-xxlarge.i-bordered { width: 96px !important; height: 96px !important; line-height: 96px !important; } .i-xxlarge.i-bordered { line-height: 94px !important; } .i-xxlarge.i-plain { width: 80px !important; height: 80px !important; font-size: 64px; line-height: 80px !important; } /* ---------------------------------------------------------------- Social Icons -----------------------------------------------------------------*/ .social-icon { margin: 0 5px 5px 0; width: 40px; height: 40px; font-size: 1.25rem; line-height: 38px !important; color: #555; text-shadow: none; border: 1px solid #AAA; border-radius: 3px; overflow: hidden; } .d-flex > .social-icon, .d-sm-flex > .social-icon, .d-md-flex > .social-icon, .d-lg-flex > .social-icon, .d-xl-flex > .social-icon { float: none; margin-bottom: 0px; } /* Social Icons - Rounded -----------------------------------------------------------------*/ .si-rounded { border-radius: 50%; } /* Social Icons - Borderless -----------------------------------------------------------------*/ .si-borderless { border-color: transparent !important; } /* Social Icons - Dark -----------------------------------------------------------------*/ .si-dark { background-color: #444; color: #FFF !important; border-color: transparent; } /* Social Icons - Light -----------------------------------------------------------------*/ .si-light { background-color: rgba(0, 0, 0, 0.05); color: #666 !important; border-color: transparent; } /* Social Icons - Colored -----------------------------------------------------------------*/ .si-colored { border-color: transparent !important; } .si-colored i { color: #FFF; } /* Social Icons - Large -----------------------------------------------------------------*/ .social-icon.si-large { margin: 0 10px 10px 0; width: 56px; height: 56px; font-size: 30px; line-height: 54px !important; } /* Social Icons - Small -----------------------------------------------------------------*/ .social-icon.si-small { width: 32px; height: 32px; font-size: 0.875rem; line-height: 30px !important; } .social-icon i { display: block; position: relative; } body:not(.device-touch) .social-icon i { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .social-icon i:last-child { color: #FFF !important; } .social-icon:hover i:first-child { margin-top: -38px; } .social-icon.si-large:hover i:first-child { margin-top: -54px; } .social-icon.si-small:hover i:first-child { margin-top: -30px; } .social-icon:hover { color: #555; border-color: transparent; } .si-colored.social-icon { border-color: transparent; } /* Social Icons - Sticky -----------------------------------------------------------------*/ .si-sticky { position: fixed; top: 50%; left: 5px; width: 36px; z-index: 499; transform: translateY(-50%); } /* Social Icons - Sticky Right -----------------------------------------------------------------*/ .si-sticky.si-sticky-right { left: auto; right: 8px; } /* Social Icons - Share -----------------------------------------------------------------*/ .si-share { position: relative; padding-left: 5px; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; } .si-share span { line-height: 36px; font-weight: bold; font-size: 13px; } .si-share .social-icon { margin: -1px 0; border-radius: 0; font-size: 15px; } .si-facebook:hover, .si-colored.si-facebook { background-color: #3B5998 !important; } .si-delicious:hover, .si-colored.si-delicious { background-color: #205CC0 !important; } .si-paypal:hover, .si-colored.si-paypal { background-color: #00588B !important; } .si-flattr:hover, .si-colored.si-flattr { background-color: #F67C1A !important; } .si-android:hover, .si-colored.si-android { background-color: #A4C639 !important; } .si-smashmag:hover, .si-colored.si-smashmag { background-color: #E53B2C !important; } .si-gplus:hover, .si-colored.si-gplus { background-color: #DD4B39 !important; } .si-wikipedia:hover, .si-colored.si-wikipedia { background-color: #333 !important; } .si-stumbleupon:hover, .si-colored.si-stumbleupon { background-color: #F74425 !important; } .si-foursquare:hover, .si-colored.si-foursquare { background-color: #25A0CA !important; } .si-call:hover, .si-colored.si-call { background-color: #444 !important; } .si-ninetyninedesigns:hover, .si-colored.si-ninetyninedesigns { background-color: #F26739 !important; } .si-forrst:hover, .si-colored.si-forrst { background-color: #5B9A68 !important; } .si-digg:hover, .si-colored.si-digg { background-color: #191919 !important; } .si-spotify:hover, .si-colored.si-spotify { background-color: #81B71A !important; } .si-reddit:hover, .si-colored.si-reddit { background-color: #C6C6C6 !important; } .si-blogger:hover, .si-colored.si-blogger { background-color: #FC4F08 !important; } .si-cc:hover, .si-colored.si-cc { background-color: #688527 !important; } .si-dribbble:hover, .si-colored.si-dribbble { background-color: #EA4C89 !important; } .si-evernote:hover, .si-colored.si-evernote { background-color: #5BA525 !important; } .si-flickr:hover, .si-colored.si-flickr { background-color: #FF0084 !important; } .si-google:hover, .si-colored.si-google { background-color: #DD4B39 !important; } .si-instapaper:hover, .si-colored.si-instapaper { background-color: #333 !important; } .si-klout:hover, .si-colored.si-klout { background-color: #FF5F52 !important; } .si-linkedin:hover, .si-colored.si-linkedin { background-color: #0E76A8 !important; } .si-vk:hover, .si-colored.si-vk { background-color: #2B587A !important; } .si-rss:hover, .si-colored.si-rss { background-color: #EE802F !important; } .si-skype:hover, .si-colored.si-skype { background-color: #00AFF0 !important; } .si-twitter:hover, .si-colored.si-twitter { background-color: #00ACEE !important; } .si-youtube:hover, .si-colored.si-youtube { background-color: #C4302B !important; } .si-vimeo:hover, .si-colored.si-vimeo { background-color: #86C9EF !important; } .si-aim:hover, .si-colored.si-aim { background-color: #FCD20B !important; } .si-yahoo:hover, .si-colored.si-yahoo { background-color: #720E9E !important; } .si-email3:hover, .si-colored.si-email3 { background-color: #6567A5 !important; } .si-macstore:hover, .si-colored.si-macstore { background-color: #333333 !important; } .si-myspace:hover, .si-colored.si-myspace { background-color: #666666 !important; } .si-podcast:hover, .si-colored.si-podcast { background-color: #E4B21B !important; } .si-cloudapp:hover, .si-colored.si-cloudapp { background-color: #525557 !important; } .si-dropbox:hover, .si-colored.si-dropbox { background-color: #3D9AE8 !important; } .si-ebay:hover, .si-colored.si-ebay { background-color: #89C507 !important; } .si-github:hover, .si-colored.si-github { background-color: #171515 !important; } .si-googleplay:hover, .si-colored.si-googleplay { background-color: #DD4B39 !important; } .si-itunes:hover, .si-colored.si-itunes { background-color: #222 !important; } .si-plurk:hover, .si-colored.si-plurk { background-color: #CF5A00 !important; } .si-pinboard:hover, .si-colored.si-pinboard { background-color: #0000E6 !important; } .si-soundcloud:hover, .si-colored.si-soundcloud { background-color: #FF7700 !important; } .si-tumblr:hover, .si-colored.si-tumblr { background-color: #34526F !important; } .si-wordpress:hover, .si-colored.si-wordpress { background-color: #1E8CBE !important; } .si-yelp:hover, .si-colored.si-yelp { background-color: #C41200 !important; } .si-intensedebate:hover, .si-colored.si-intensedebate { background-color: #009EE4 !important; } .si-eventbrite:hover, .si-colored.si-eventbrite { background-color: #F16924 !important; } .si-scribd:hover, .si-colored.si-scribd { background-color: #666666 !important; } .si-stripe:hover, .si-colored.si-stripe { background-color: #008CDD !important; } .si-print:hover, .si-colored.si-print { background-color: #111 !important; } .si-dwolla:hover, .si-colored.si-dwolla { background-color: #FF5C03 !important; } .si-statusnet:hover, .si-colored.si-statusnet { background-color: #131A30 !important; } .si-acrobat:hover, .si-colored.si-acrobat { background-color: #D3222A !important; } .si-drupal:hover, .si-colored.si-drupal { background-color: #27537A !important; } .si-buffer:hover, .si-colored.si-buffer { background-color: #333333 !important; } .si-pocket:hover, .si-colored.si-pocket { background-color: #EE4056 !important; } .si-bitbucket:hover, .si-colored.si-bitbucket { background-color: #0E4984 !important; } .si-stackoverflow:hover, .si-colored.si-stackoverflow { background-color: #EF8236 !important; } .si-hackernews:hover, .si-colored.si-hackernews { background-color: #FF6600 !important; } .si-xing:hover, .si-colored.si-xing { background-color: #126567 !important; } .si-instagram:hover, .si-colored.si-instagram { background-color: #8A3AB9 !important; } .si-quora:hover, .si-colored.si-quora { background-color: #A82400 !important; } .si-openid:hover, .si-colored.si-openid { background-color: #E16309 !important; } .si-steam:hover, .si-colored.si-steam { background-color: #111 !important; } .si-amazon:hover, .si-colored.si-amazon { background-color: #E47911 !important; } .si-disqus:hover, .si-colored.si-disqus { background-color: #E4E7EE !important; } .si-plancast:hover, .si-colored.si-plancast { background-color: #222 !important; } .si-appstore:hover, .si-colored.si-appstore { background-color: #000 !important; } .si-pinterest:hover, .si-colored.si-pinterest { background-color: #C8232C !important; } .si-fivehundredpx:hover, .si-colored.si-fivehundredpx { background-color: #111 !important; } .si-tiktok:hover, .si-colored.si-tiktok { background-color: #000 !important; } .si-whatsapp:hover, .si-colored.si-whatsapp { background-color: #25D366 !important; } .si-tripadvisor:hover, .si-colored.si-tripadvisor { background-color: #00AF87 !important; } .si-gpay:hover, .si-colored.si-gpay { background-color: #6877DF !important; } .si-unsplash:hover, .si-colored.si-unsplash { background-color: #111 !important; } .si-snapchat:hover, .si-colored.si-snapchat { background-color: #FFFC00 !important; } /* Social Icons Text Color -----------------------------------------------------------------*/ .si-text-color.si-facebook i { color: #3B5998; } .si-text-color.si-delicious i { color: #205CC0; } .si-text-color.si-paypal i { color: #00588B; } .si-text-color.si-flattr i { color: #F67C1A; } .si-text-color.si-android i { color: #A4C639; } .si-text-color.si-smashmag i { color: #E53B2C; } .si-text-color.si-gplus i { color: #DD4B39; } .si-text-color.si-wikipedia i { color: #333; } .si-text-color.si-stumbleupon i { color: #F74425; } .si-text-color.si-foursquare i { color: #25A0CA; } .si-text-color.si-call i { color: #444; } .si-text-color.si-ninetyninedesigns i { color: #F26739; } .si-text-color.si-forrst i { color: #5B9A68; } .si-text-color.si-digg i { color: #191919; } .si-text-color.si-spotify i { color: #81B71A; } .si-text-color.si-reddit i { color: #C6C6C6; } .si-text-color.si-blogger i { color: #FC4F08; } .si-text-color.si-cc i { color: #688527; } .si-text-color.si-dribbble i { color: #EA4C89; } .si-text-color.si-evernote i { color: #5BA525; } .si-text-color.si-flickr i { color: #FF0084; } .si-text-color.si-google i { color: #DD4B39; } .si-text-color.si-instapaper i { color: #333; } .si-text-color.si-klout i { color: #FF5F52; } .si-text-color.si-linkedin i { color: #0E76A8; } .si-text-color.si-vk i { color: #2B587A; } .si-text-color.si-rss i { color: #EE802F; } .si-text-color.si-skype i { color: #00AFF0; } .si-text-color.si-twitter i { color: #00ACEE; } .si-text-color.si-youtube i { color: #C4302B; } .si-text-color.si-vimeo i { color: #86C9EF; } .si-text-color.si-aim i { color: #FCD20B; } .si-text-color.si-yahoo i { color: #720E9E; } .si-text-color.si-email3 i { color: #6567A5; } .si-text-color.si-macstore i { color: #333333; } .si-text-color.si-myspace i { color: #666666; } .si-text-color.si-podcast i { color: #E4B21B; } .si-text-color.si-cloudapp i { color: #525557; } .si-text-color.si-dropbox i { color: #3D9AE8; } .si-text-color.si-ebay i { color: #89C507; } .si-text-color.si-github i { color: #171515; } .si-text-color.si-googleplay i { color: #DD4B39; } .si-text-color.si-itunes i { color: #222; } .si-text-color.si-plurk i { color: #CF5A00; } .si-text-color.si-pinboard i { color: #0000E6; } .si-text-color.si-soundcloud i { color: #FF7700; } .si-text-color.si-tumblr i { color: #34526F; } .si-text-color.si-wordpress i { color: #1E8CBE; } .si-text-color.si-yelp i { color: #C41200; } .si-text-color.si-intensedebate i { color: #009EE4; } .si-text-color.si-eventbrite i { color: #F16924; } .si-text-color.si-scribd i { color: #666666; } .si-text-color.si-stripe i { color: #008CDD; } .si-text-color.si-print i { color: #111; } .si-text-color.si-dwolla i { color: #FF5C03; } .si-text-color.si-statusnet i { color: #131A30; } .si-text-color.si-acrobat i { color: #D3222A; } .si-text-color.si-drupal i { color: #27537A; } .si-text-color.si-buffer i { color: #333333; } .si-text-color.si-pocket i { color: #EE4056; } .si-text-color.si-bitbucket i { color: #0E4984; } .si-text-color.si-stackoverflow i { color: #EF8236; } .si-text-color.si-hackernews i { color: #FF6600; } .si-text-color.si-xing i { color: #126567; } .si-text-color.si-instagram i { color: #8A3AB9; } .si-text-color.si-quora i { color: #A82400; } .si-text-color.si-openid i { color: #E16309; } .si-text-color.si-steam i { color: #111; } .si-text-color.si-amazon i { color: #E47911; } .si-text-color.si-disqus i { color: #E4E7EE; } .si-text-color.si-plancast i { color: #222; } .si-text-color.si-appstore i { color: #000; } .si-text-color.si-pinterest i { color: #C8232C; } .si-text-color.si-fivehundredpx i { color: #111; } .si-text-color.si-tiktok i { color: #000; } .si-text-color.si-whatsapp i { color: #25D366; } .si-text-color.si-tripadvisor i { color: #00AF87; } .si-text-color.si-gpay i { color: #6877DF; } .si-text-color.si-unsplash i { color: #111; } .si-text-color.si-snapchat i { color: #FFFC00; } .si-text-color:hover { color: #FFF; } /* ---------------------------------------------------------------- Toggle -----------------------------------------------------------------*/ .toggle { display: block; position: relative; margin: 0 0 30px 0; } .toggle-header, .accordion-header { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px; cursor: pointer; color: #444; font-size: 1rem; font-weight: 700; } .toggle-icon, .accordion-icon { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; padding: 0 5px; text-align: center; } .toggle-icon i, .toggle-icon span { width: 1rem; } .toggle-title, .accordion-title { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding: 0 5px; } .toggle:not(.toggle-active) .toggle-open, .toggle-active .toggle-closed { display: none; } .toggle-active .toggle-open { display: inline-block; } .toggle-content, .accordion-content { display: none; position: relative; padding: 0.75rem 0; } /* Toggle - with Title Background -----------------------------------------------------------------*/ .toggle-bg .toggle-header { background-color: #EEE; margin: 0; padding: 0.75rem; border-radius: 2px; } .toggle-bg .toggle-content { padding: 1rem 0.75rem; } /* Toggle - Bordered -----------------------------------------------------------------*/ .toggle-border { border: 1px solid #CCC; border-radius: 4px; } .toggle-border .toggle-header { padding: 0.75rem; margin: 0; } .toggle-border .toggle-content { padding: 1rem; padding-top: 0; } /* Toggle - FAQs -----------------------------------------------------------------*/ .faqs .toggle { border-bottom: 1px solid #EEE; padding-bottom: 12px; margin-bottom: 12px; } .faqs .toggle-content { padding-bottom: 10px; } /* ---------------------------------------------------------------- Accordions -----------------------------------------------------------------*/ .accordion { margin-bottom: 20px; } .accordion-header { padding: 0.75rem 0; border-top: 1px dotted #DDD; cursor: pointer; } .accordion:not([data-collapsible="true"]) .accordion-header.accordion-active { cursor: auto; } .accordion-header:first-child { border-top: none; } .accordion-header:not(.accordion-active) .accordion-open, .accordion-active .accordion-closed { display: none; } .accordion-active .accordion-open { display: inline-block; } .accordion-content { padding-top: 0; padding-bottom: 1.5rem; } /* Accordion - with Title Background -----------------------------------------------------------------*/ .accordion-bg .accordion-header { background-color: #EEE; padding: 0.75rem; border-radius: 2px; margin: 0; margin-bottom: 5px; border-top: 0; } .accordion-bg .accordion-content { padding: 0.75rem 0.75rem 1.5rem; } /* Accordion - Bordered -----------------------------------------------------------------*/ .accordion-border { border: 1px solid #DDD; border-radius: 4px; } .accordion-border .accordion-header { border-color: #CCC; padding: 0.75rem; margin: 0; } .accordion-border .accordion-content { padding: 0 1.125rem 1.5rem; } /* Accordion - Large -----------------------------------------------------------------*/ .accordion-lg .accordion-header { font-size: 1.25rem; } /* ---------------------------------------------------------------- Tabs -----------------------------------------------------------------*/ .tabs { position: relative; margin: 0 0 30px 0; } .tab-nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; border-bottom: 1px solid #DDD; list-style: none; padding: 0 15px; } .tab-nav li { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; border: 1px solid #DDD; border-bottom: 0; border-left: 0; height: 41px; text-align: center; } .tabs-justify .tab-nav li { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; } .tab-nav li:first-child { border-left: 1px solid #DDD; } .tab-nav li a { display: block; padding: 0 15px; color: #444; height: 40px; line-height: 40px; background-color: #F2F2F2; font-weight: bold; } @media (max-width: 767.98px) { .tab-nav li a { font-size: 0.875rem; } } .tab-nav li.ui-tabs-active a { position: relative; top: 1px; background-color: #FFF; } /* Tabs - Alternate Nav -----------------------------------------------------------------*/ .tabs-alt .tab-nav li { border-color: transparent; } .tabs-alt .tab-nav li:first-child { border-left: 0; } .tabs-alt .tab-nav li a { background-color: #FFF; } .tabs-alt .tab-nav li.ui-tabs-active a { border: 1px solid #DDD; border-bottom: 0; } /* Tabs - Top Border -----------------------------------------------------------------*/ .tabs-tb .tab-nav li.ui-tabs-active a { top: -1px; height: 43px; line-height: 38px; border-top: 2px solid #f6901e; } .tabs-alt.tabs-tb .tab-nav li.ui-tabs-active a { height: 42px; } /* Tabs - Bottom Border -----------------------------------------------------------------*/ .tabs-bb .tab-nav { padding: 0; } .tabs-bb .tab-nav li { border: 0 !important; margin: 0; } .tabs-bb .tab-nav li a { background-color: transparent; border-bottom: 2px solid transparent; } .tabs-bb .tab-nav li.ui-tabs-active a { border-bottom: 2px solid #f6901e; top: -2px; height: 44px; line-height: 44px; } /* Tabs - Navigation Style 2 -----------------------------------------------------------------*/ .tab-nav.tab-nav2 { border-bottom: 0; padding: 0; } .tab-nav.tab-nav2 li { border: 0; margin-left: 10px; } .tab-nav.tab-nav2 li:first-child { margin-left: 0; border-left: 0; } .tab-nav.tab-nav2 li a { background-color: #F5F5F5; border-radius: 2px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .tab-nav.tab-nav2 li.ui-state-active a { top: 0; background-color: #f6901e; color: #FFF; } /* Tabs - Large Navigation -----------------------------------------------------------------*/ .tab-nav-lg { margin-bottom: 20px; list-style: none; } .tab-nav-lg li { position: relative; text-align: center; padding: 1rem; } .tab-nav-lg li a { display: inline-block; color: #444; font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; } .tab-nav.tab-nav-lg li i { display: block; font-size: 28px; margin: 0 0 7px; } .tab-nav-lg li.ui-tabs-active a { color: #f6901e; } .tab-nav-lg.tab-nav-section li.ui-tabs-active::before, .tab-nav-lg.tab-nav-section li.ui-tabs-active::after { content: ''; position: absolute; z-index: 2; top: auto; bottom: -50px; border: solid transparent; } .tab-nav-lg.tab-nav-section li.ui-tabs-active::after { border-top-color: #FFF; border-width: 16px; left: 50%; margin-left: -16px; } .tab-nav-lg.tab-nav-section li.ui-tabs-active::before { border-top-color: #FFF; border-width: 16px; left: 50%; margin-left: -16px; } /* Tabs - Content Area -----------------------------------------------------------------*/ .tab-container { position: relative; padding: 20px 0 0; } .tabs .tab-content:not(:first-child) { display: none; } .tab-nav i { position: relative; top: 1px; margin-right: 3px; } /* Tabs - Bordered -----------------------------------------------------------------*/ .tabs-bordered .tab-nav { padding: 0; } .tabs-bordered .tab-nav li:first-child { margin-left: 0; } .tabs-bordered .tab-container { border: 1px solid #DDD; border-top: 0; padding: 20px; } /* Tabs - Side Tabs -----------------------------------------------------------------*/ @media (min-width: 768px) { .side-tabs { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .side-tabs .tab-nav { -ms-flex: 0 0 auto; flex: 0 0 auto; flex-flow: column; min-width: 200px; width: auto; max-width: 100%; padding: 20px 0; border-bottom: 0; border-right: 1px solid #DDD; } .side-tabs .tab-nav li { border: 1px solid #DDD; border-right: 0; border-top: 0; height: auto; text-align: left; } .side-tabs .tab-nav li:first-child { margin-left: 0; border-top: 1px solid #DDD; border-left: 1px solid #DDD; } .side-tabs .tab-nav li a { height: auto; line-height: 44px; } .side-tabs .tab-nav li.ui-tabs-active a { top: 0; right: -1px; } .side-tabs .tab-container { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; padding: 15px 0 0 20px; } .ui-tabs .ui-tabs-hide { position: absolute !important; left: -10000px !important; display: block !important; } /* Tabs - Side Tabs & Nav Style 2 -----------------------------------------------------------------*/ .side-tabs .tab-nav.tab-nav2 { border: 0; } .side-tabs .tab-nav.tab-nav2 li { border: 0; margin: 6px 0 0; } .side-tabs .tab-nav.tab-nav2 li:first-child { margin-top: 0; } .side-tabs .tab-nav.tab-nav2 li a { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } .side-tabs .tab-nav.tab-nav2 li.ui-state-active a { right: 0; } /* Tabs - Side Tabs & Bordered -----------------------------------------------------------------*/ .tabs-bordered.side-tabs .tab-nav { position: relative; padding: 0; z-index: 2; margin-right: -1px; } .tabs-bordered.side-tabs .tab-nav li a { height: auto; line-height: 44px; } .tabs-bordered.side-tabs .tab-nav li.ui-tabs-active a { right: -1px; border-right: 1px solid #FFF; } .tabs-bordered.side-tabs .tab-container { overflow: hidden; padding: 20px; border-top: 1px solid #DDD; } } /* ---------------------------------------------------------------- Side Navigation -----------------------------------------------------------------*/ .sidenav { width: 100%; padding: 0; background-color: #FFF; border-radius: 4px; } .sidenav li { list-style-type: none; } .sidenav li a { display: block; position: relative; margin: 0 0 -1px; padding: 11px 20px 11px 14px; border: 1px solid #E5E5E5; border-right-width: 2px; color: #666; } .sidenav > li:first-child > a { border-radius: 4px 4px 0 0; } .sidenav > li:last-child > a { border-radius: 0 0 4px 4px; border-bottom-width: 2px; } .sidenav > .ui-tabs-active > a, .sidenav > .ui-tabs-active > a:hover { position: relative; z-index: 2; border-color: rgba(0, 0, 0, 0.1) !important; color: #FFF !important; font-weight: 700; background-color: #f6901e !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .sidenav li ul { display: none; } .sidenav li.ui-tabs-active ul { display: block; } .sidenav li li a { padding: 6px 20px 6px 35px; font-size: 0.875rem; border-top: none; border-bottom: none; } .sidenav li li:first-child a { padding-top: 20px; } .sidenav li li:last-child a { padding-bottom: 20px; } .sidenav li i { position: relative; top: 1px; margin-right: 6px; font-size: 0.875rem; text-align: center; width: 16px; } /* Chevrons */ .sidenav .icon-chevron-right { position: absolute; width: 14px; height: 14px; top: 50%; left: auto; right: 6px; margin-top: -8px; margin-right: 0; opacity: .4; font-size: 12px !important; } .sidenav > li > a:hover { background-color: #F5F5F5; color: #222; } .sidenav a:hover .icon-chevron-right { opacity: .5; } .sidenav .ui-tabs-active .icon-chevron-right, .sidenav .ui-tabs-active a:hover .icon-chevron-right { opacity: 1; } /* ---------------------------------------------------------------- FAQ List -----------------------------------------------------------------*/ .faqlist li { margin-bottom: 5px; font-size: 15px; } .faqlist li a { color: #444; } .faqlist li a:hover { color: #f6901e !important; } /* ---------------------------------------------------------------- Clients -----------------------------------------------------------------*/ .clients-grid, .testimonials-grid { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; list-style: none; overflow: hidden; } .clients-grid .grid-item, .testimonials-grid .grid-item { position: relative; padding: 20px 0; -webkit-backface-visibility: hidden; } .clients-grid .grid-item a { opacity: 0.6; } body:not(.device-touch) .clients-grid .grid-item a { -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .clients-grid .grid-item a:hover { opacity: 1; } .clients-grid .grid-item a, .clients-grid .grid-item img { display: block; width: 75%; margin-left: auto; margin-right: auto; } .clients-grid .grid-item a img { width: 100%; } .clients-grid .grid-item::before, .clients-grid .grid-item::after, .testimonials-grid .grid-item::before, .testimonials-grid .grid-item::after { content: ''; position: absolute; } .clients-grid .grid-item::before, .testimonials-grid .grid-item::before { height: 100%; top: 0; left: -1px; border-left: 1px dashed #DDD; } .clients-grid .grid-item::after, .testimonials-grid .grid-item::after { width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px dashed #DDD; } /* ---------------------------------------------------------------- Testimonials -----------------------------------------------------------------*/ /* Testimonials - Grid -----------------------------------------------------------------*/ .testimonials-grid .grid-item { padding: 2rem; } .testimonials-grid .grid-item .testimonial { padding: 0; background-color: transparent !important; border: 0 !important; box-shadow: none !important; } /* Testimonials - Item -----------------------------------------------------------------*/ .testimonial { position: relative; padding: 20px; background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .testi-image { float: left; margin-right: 15px; } .testi-image, .testi-image a, .testi-image img, .testi-image i { display: block; width: 64px; height: 64px; } .testi-image i { text-align: center; background-color: #EEE; border-radius: 50%; line-height: 64px; font-size: 28px; color: #888; text-shadow: 1px 1px 1px #FFF; } .testi-image img { border-radius: 50%; } .testi-content { position: relative; overflow: hidden; } .testi-content p { margin-bottom: 0; font-family: 'PT Serif', serif; font-style: italic; } .testi-content p::before, .testi-content p::after { content: '"'; } .testi-meta { margin-top: 10px; font-size: 15px; font-weight: bold; text-transform: uppercase; } .testi-meta::before { content: '\2013'; } .testi-meta span { display: block; font-weight: normal; color: #999; font-size: 13px; text-transform: none; padding-left: 10px; } /* Twitter - Small Scroller -----------------------------------------------------------------*/ .testimonial.twitter-scroll .testi-content p::before, .testimonial.twitter-scroll .testi-content p::after, .testimonial.twitter-scroll .testi-meta::before { content: ''; } .testimonial.twitter-scroll .testi-meta span { padding-left: 0; } .testimonial.twitter-scroll .testi-meta span a { color: #999; } .testimonial.twitter-scroll .testi-meta span a:hover { color: #222; } /* Testimonials - Full Width -----------------------------------------------------------------*/ .testimonial.testimonial-full { padding: 30px; } .testimonial.testimonial-full[data-animation="fade"] { padding: 30px; } .testimonial.testimonial-full[data-animation="fade"] .flexslider { overflow: visible !important; } .testimonial-full .testi-image { float: none; margin: 0 auto 20px; } .testimonial-full .testi-image, .testimonial-full .testi-image a, .testimonial-full .testi-image img, .testimonial-full .testi-image i { display: block; width: 72px; height: 72px; } .testimonial-full .testi-image i { line-height: 72px; } .testimonial-full .testi-content { text-align: center; font-size: 18px; } .testimonial-full .testi-meta { margin-top: 15px; } .testimonial-full .testi-meta span { padding-left: 0; } /* Testimonial - Section Scroller -----------------------------------------------------------------*/ .section > .testimonial { padding: 0; background-color: transparent !important; border: 0 !important; box-shadow: none !important; max-width: 800px; margin: 0 auto; } .section > .testimonial[data-animation="fade"] { padding: 0; } .section > .testimonial .testi-content { font-size: 1.25rem; } .section > .testimonial .testi-meta, .section > .testimonial .testi-meta span { font-size: 0.875rem; } /* Testimonial - Pagination -----------------------------------------------------------------*/ .testimonial .flex-control-nav { top: auto; bottom: 6px; right: 0; } .testimonial .flex-control-nav li { margin: 0 2px; width: 6px; height: 6px; } .testimonial .flex-control-nav li a { width: 6px !important; height: 6px !important; border: none; background-color: #f6901e; opacity: 0.5; } .testimonial .flex-control-nav li:hover a { opacity: 0.75; } .testimonial .flex-control-nav li a.flex-active { opacity: 1; } /* Testimonial - Full Scroller -----------------------------------------------------------------*/ .testimonial.testimonial-full .flex-control-nav { position: relative; top: 0; bottom: 0; right: 0; left: 0; height: 6px; margin-top: 20px; } .testimonial.testimonial-full .flex-control-nav li { display: inline-block; float: none; } /* ---------------------------------------------------------------- Team -----------------------------------------------------------------*/ .team, .team-image { position: relative; } .team-image > a, .team-image img { display: block; width: 100%; } .team-desc { text-align: center; } .team-desc.team-desc-bg { background-color: #FFF; padding: 10px 0 30px; } .team .si-share { margin-top: 30px; text-align: left; } .team .si-share .social-icon { font-size: 0.875rem; width: 34px; } .team-title { position: relative; padding-top: 20px; } .team-title h4 { display: block; margin-bottom: 0; font-size: 1.25rem; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } .team-title span { display: block; color: #f6901e; font-weight: 400; font-family: 'PT Serif', serif; font-style: italic; font-size: 1rem; margin-top: 5px; } .team-content { margin-top: 1rem; color: #777; } .team-content p:last-child { margin-bottom: 0; } /* Team Center -----------------------------------------------------------------*/ .team.center .team-title::after { left: 50%; margin-left: -40px; } /* Team List -----------------------------------------------------------------*/ .team-list .team-desc { text-align: left; } .team-list .team-title { padding-top: 0; } .team .team-desc > .social-icon { margin-top: 20px; } .team .team-content ~ .social-icon { margin-top: 30px; } .team:not(.team-list) .social-icon { display: inline-block !important; vertical-align: middle; float: none; margin-left: 4px; margin-right: 4px; } /* ---------------------------------------------------------------- Pricing Boxes -----------------------------------------------------------------*/ .pricing { position: relative; } .pricing [class^=col-] { margin-top: 1.25rem; } /* Pricing Boxes -----------------------------------------------------------------*/ .pricing-box { position: relative; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.075); border-radius: 3px; background-color: #FFF; } /* Pricing Boxes - Title -----------------------------------------------------------------*/ .pricing-title { padding: 1rem 0; background-color: #F9F9F9; border-bottom: 1px solid rgba(0, 0, 0, 0.075); letter-spacing: 1px; } .pricing-title h3 { margin: 0; font-size: 1.5rem; font-weight: bold; color: #555; } .pricing-title span { display: block; color: #777; font-size: 1rem; margin: 3px 0; } .pricing-title.title-sm h3 { font-size: 1.25rem; } .pricing-title.title-sm span { font-size: 0.875rem; } /* Pricing Boxes - Price -----------------------------------------------------------------*/ .pricing-price { position: relative; padding: 1.5rem 0; color: #333; font-size: 4rem; line-height: 1; } .pricing-price .price-unit { display: inline-block; vertical-align: top; margin: 7px 3px 0 0; font-size: 28px; font-weight: normal; } .pricing-price .price-tenure { vertical-align: baseline; font-size: 1rem; font-weight: normal; letter-spacing: 1px; color: #999; margin: 0 0 0 3px; } /* Pricing Boxes - Features -----------------------------------------------------------------*/ .pricing-features { border-top: 1px solid rgba(0, 0, 0, 0.075); border-bottom: 1px solid rgba(0, 0, 0, 0.075); background-color: #F9F9F9; padding: 2rem 0; } .pricing-features ul { margin: 0; list-style: none; } .pricing-features li { padding: 0.375rem 0; } /* Pricing Boxes - Action -----------------------------------------------------------------*/ .pricing-action { padding: 1.25rem 0; } /* Pricing Boxes - Best Price -----------------------------------------------------------------*/ .pricing-highlight { box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); z-index: 10; } .pricing-highlight { margin: -20px -1px; } .pricing-highlight .pricing-title { padding: 20px 0; } .pricing-highlight .pricing-title, .pricing-highlight .pricing-features { background-color: #fff; } .pricing-highlight .pricing-price { font-size: 72px; } /* Pricing Boxes - Simple -----------------------------------------------------------------*/ .pricing-simple, .pricing-simple .pricing-title, .pricing-simple .pricing-features { border: 0; } .pricing-simple .pricing-title, .pricing-simple .pricing-features { background-color: transparent; } /* Pricing Boxes - Minimal -----------------------------------------------------------------*/ .pricing-minimal .pricing-price { background-color: #FFF; border-bottom: 1px solid rgba(0, 0, 0, 0.075); } .pricing-minimal .pricing-price::after { display: none; } /* Pricing Boxes - Extended -----------------------------------------------------------------*/ .pricing-extended { background-color: #FFF; text-align: left; } .pricing-extended .pricing-title { background-color: transparent; padding-top: 0; } .pricing-extended .pricing-features { border: 0; background-color: transparent; } .pricing-extended .pricing-action-area { border-left: 1px solid rgba(0, 0, 0, 0.05); background-color: #F9F9F9; padding: 30px; text-align: center; } .pricing-extended .pricing-action-area .pricing-price, .pricing-extended .pricing-action-area .pricing-action { padding: 0; } .pricing-extended .pricing-action-area .pricing-price { padding-bottom: 20px; } .pricing-extended .pricing-action-area .pricing-price::after { display: none; } .pricing-extended .pricing-action-area .pricing-price span.price-tenure { display: block; margin: 10px 0 0 0; font-weight: 300; text-transform: uppercase; font-size: 0.875rem; } .pricing-extended .pricing-meta { color: #999; font-weight: 300; font-size: 0.875rem; letter-spacing: 1px; text-transform: uppercase; padding-bottom: 10px; } .table-comparison, .table-comparison th { text-align: center; } .table-comparison th:first-child, .table-comparison td:first-child { text-align: left; font-weight: bold; } /* ---------------------------------------------------------------- Counter -----------------------------------------------------------------*/ .counter { font-size: 42px; font-weight: 600; font-family: 'Poppins', sans-serif; } .counter.counter-small { font-size: 28px; } .counter.counter-large { font-size: 56px; } .counter.counter-xlarge { font-size: 64px; font-weight: 400; } .counter.counter-inherit { font-size: inherit; font-weight: inherit; } .counter + h5 { font-weight: 400; text-transform: uppercase; letter-spacing: 1px; } .counter.counter-lined + h5::before { display: block; position: relative; margin: 20px auto 25px auto; content: ''; width: 15%; border-top: 2px solid #444; opacity: 0.9; } .counter.counter-small + h5 { font-size: 0.875rem; } .counter.counter-large + h5, .counter.counter-xlarge + h5 { font-size: 15px; font-weight: 300; } .widget .counter + h5 { opacity: 0.7; } /* ---------------------------------------------------------------- Animated Rounded Skills -----------------------------------------------------------------*/ .rounded-skill { display: inline-block; margin: 0 15px 15px; display: inline-block; position: relative; text-align: center; font-size: 1.25rem; font-weight: bold; color: #333; } body:not(.device-touch) .rounded-skill { -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; } .rounded-skill + h5 { margin-bottom: 0; } .rounded-skill i { font-size: 42px; } .rounded-skill canvas { position: absolute; top: 0; left: 0; } /* ---------------------------------------------------------------- Skills Bar -----------------------------------------------------------------*/ .skills { margin: 0; list-style: none; padding-top: 25px; } .skills li { position: relative; margin-top: 38px; height: 4px; background-color: #F5F5F5; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 2px; } .skills li:first-child { margin-top: 0; } .skills li .progress { position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #f6901e; overflow: visible !important; border-radius: 2px; -webkit-transition: width 1.2s ease-in-out; -o-transition: width 1.2s ease-in-out; transition: width 1.2s ease-in-out; } .skills li .progress-percent { position: absolute; top: -28px; right: 0; background-color: #333; color: #F9F9F9; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); height: 22px; line-height: 22px; padding: 0px 5px; font-size: 11px; border-radius: 2px; } .skills li .progress-percent .counter { font-weight: 400; font-family: 'Lato', sans-serif; } .progress-percent::after, .progress-percent::before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .progress-percent::after { border-top-color: #333; border-width: 4px; left: 50%; margin-left: -4px; } .progress-percent::before { border-top-color: #333; border-width: 5px; left: 50%; margin-left: -5px; } .skills li > span { position: absolute; z-index: 1; top: -23px; left: 0; line-height: 20px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #222; } /* ---------------------------------------------------------------- Quotes & Blockquotes -----------------------------------------------------------------*/ blockquote p { margin-bottom: 15px; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 1.125rem; border-left: 5px solid #EEE; } .blockquote-reverse { padding-right: 15px; padding-left: 0; border-right: 5px solid #EEE; border-left: 0; text-align: right; } blockquote.float-left { max-width: 300px; margin: 5px 20px 10px 0; padding-right: 0; } blockquote.float-right { max-width: 300px; margin: 5px 0 10px 20px; padding-left: 0; } .quote { border: none !important; position: relative; } .quote p { position: relative; } .quote::before { font-family: 'font-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; content: "\e7ad"; position: absolute; width: 48px; height: 48px; line-height: 48px; font-size: 42px; top: 0; left: 0; color: #EEE; } .quote.blockquote-reverse::before { content: "\e7ae"; left: auto; right: 0; } /* ---------------------------------------------------------------- Dropcaps & Highlights -----------------------------------------------------------------*/ .dropcap { float: left; font-size: 42px; line-height: 1; margin: 0 5px 0 0; text-transform: uppercase; } .highlight { padding: 2px 5px; background-color: #444; color: #FFF; border-radius: 2px; } /* ---------------------------------------------------------------- Text Rotater -----------------------------------------------------------------*/ .text-rotater .t-rotate:not(.morphext) { display: none; } .text-rotater > .t-rotate > .animated { display: inline-block; } /* ---------------------------------------------------------------- Owl Carousel CSS -----------------------------------------------------------------*/ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { -webkit-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel { display: none; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; width: 100%; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel.owl-loaded { display: block } .owl-carousel.owl-loading { display: block; min-height: 100px; background: no-repeat center center; } .owl-carousel .owl-refresh .owl-item { display: none } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .slider-element .owl-carousel .owl-item img { -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-nav .owl-prev, .owl-nav .owl-next, .owl-dot, .owl-dots button { cursor: pointer; cursor: hand; padding: 0; border: 0; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .mega-menu-content .owl-carousel.owl-hidden { opacity: 1; } .owl-carousel.owl-refresh .owl-item { display: none; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease } .owl-carousel .owl-item img { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #111 } .owl-carousel .owl-video-play-icon { position: absolute; height: 64px; width: 64px; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; background: url("images/icons/play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* Owl Carousel - Controls -----------------------------------------------------------------*/ .owl-carousel .owl-dots, .owl-carousel .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; line-height: 1; } /* Owl Carousel - Controls - Arrows -----------------------------------------------------------------*/ .owl-carousel .owl-nav [class*=owl-] { position: absolute; top: 50%; margin-top: -18px; left: 0; zoom: 1; width: 36px; height: 36px; line-height: 32px; border: 1px solid rgba(0, 0, 0, 0.2); color: #666; background-color: #FFF; font-size: 18px; border-radius: 50%; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .owl-carousel.with-carousel-dots .owl-nav [class*=owl-] { margin-top: -38px; } .slider-element .owl-nav [class*=owl-], .owl-carousel-full .owl-nav [class*=owl-] { margin-top: -30px; left: 0 !important; height: 60px; line-height: 60px; border: none; color: #EEE; background-color: rgba(0, 0, 0, 0.4); font-size: 28px; border-radius: 0 3px 3px 0; } .owl-carousel-full .with-carousel-dots .owl-nav [class*=owl-] { margin-top: -50px; } .owl-carousel .owl-nav .owl-next { left: auto; right: 0; } .slider-element .owl-nav .owl-next, .owl-carousel-full .owl-nav .owl-next { left: auto !important; right: 0 !important; border-radius: 3px 0 0 3px; } .owl-carousel:hover .owl-nav [class*=owl-] { opacity: 1; left: 0; } .owl-carousel:hover .owl-nav .owl-next { left: auto; right: 0; } .owl-carousel .owl-nav [class*=owl-]:hover { background-color: #f6901e !important; color: #FFF !important; text-decoration: none; } .owl-carousel .owl-nav .disabled { display: none !important; } /* Owl Carousel - Controls - Dots -----------------------------------------------------------------*/ .owl-carousel .owl-dots .owl-dot { display: inline-block; zoom: 1; width: 8px; height: 8px; margin: 30px 4px 0 4px; opacity: 0.5; border-radius: 50%; background-color: #f6901e; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot:hover { opacity: 1; } /* ---------------------------------------------------------------- Flip Cards -----------------------------------------------------------------*/ .flip-card { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; perspective: 1000px; } .flip-card-front, .flip-card-back { background-size: cover; background-position: center; -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 280px; border-radius: 6px; color: #FFF; font-size: 1.5rem; } .flip-card-back { background-color: #666; } .flip-card:hover .flip-card-front, .flip-card:hover .flip-card-back { -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); } .flip-card-front.no-after::after, .flip-card-back.no-after::after { content: none } .flip-card-front::after, .flip-card-back::after { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ""; display: block; opacity: 0.6; background-color: #000; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 6px; } .flip-card-back { position: absolute; top: 0; left: 0; width: 100%; } .flip-card-inner { -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94); transform: translateY(-50%) translateZ(60px) scale(0.94); top: 50%; position: absolute; left: 0; width: 100%; padding: 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 1px solid transparent; -webkit-perspective: inherit; perspective: inherit; z-index: 2; } .flip-card-back { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .flip-card-front, .flip-card:hover .flip-card-back { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .flip-card:hover .flip-card-front { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .top-to-bottom .flip-card-back { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .top-to-bottom .flip-card-front, .top-to-bottom:hover .flip-card-back { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .top-to-bottom:hover .flip-card-front { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .flip-card-inner span { font-size: 18px; line-height: 20px; font-weight: 300; } .flip-card-inner p { position: relative; font-size: 1rem; margin-bottom: 0; color: rgba(255, 255, 255, 0.7); } /*.owl-carousel .owl-stage { padding: 20px 0; }*/ /* ---------------------------------------------------------------- Overlays -----------------------------------------------------------------*/ .bg-overlay, .bg-overlay-bg, .bg-overlay-content { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; } .bg-overlay [data-hover-animate]:not(.animated) { opacity: 0; } .bg-overlay { z-index: 5; } .bg-overlay-content { display: -ms-flexbox; display: flex; align-items: center; justify-content: center; z-index: 1; padding: 20px; } .bg-overlay-bg { background-color: rgba(255, 255, 255, 0.85); } .dark .bg-overlay-bg, .bg-overlay-bg.dark { background-color: rgba(0, 0, 0, 0.5); } .text-overlay-mask { opacity: 0.85; top: auto; bottom: 0; height: auto; padding: 40px 15px 15px; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); /* IE6-9 */ } .overlay-trigger-icon { display: block; width: 40px; height: 40px; line-height: 40px; margin: 0 0.25rem; font-size: 1.125rem; text-align: center; border-radius: 50%; -webkit-backface-visibility: hidden; transition: all .3s ease; } .overlay-trigger-icon .icon-line-play { position: relative; left: 2px; } .overlay-trigger-icon.size-sm { width: 30px; height: 30px; line-height: 30px; margin: 0 0.5rem; font-size: 0.875rem; } .overlay-trigger-icon.size-lg { width: 64px; height: 64px; line-height: 64px; margin: 0 0.5rem; font-size: 1.5rem; } /* News Carousel Overlays -----------------------------------------------------------------*/ .news-carousel .rounded-skill { position: absolute; margin: 0 !important; top: 30px; right: 30px; color: #FFF; font-weight: 700; } /* ---------------------------------------------------------------- Forms -----------------------------------------------------------------*/ .sm-form-control { display: block; width: 100%; height: 38px; padding: 8px 14px; font-size: 15px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 2px solid #DDD; border-radius: 0 !important; -webkit-transition: border-color ease-in-out .15s; -o-transition: border-color ease-in-out .15s; transition: border-color ease-in-out .15s; } .sm-form-control:focus { border-color: #AAA; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .sm-form-control::-moz-placeholder { color: #999; opacity: 1; } .sm-form-control:-ms-input-placeholder { color: #999; } .sm-form-control::-webkit-input-placeholder { color: #999; } .sm-form-control[disabled], .sm-form-control[readonly], fieldset[disabled] .sm-form-control { cursor: not-allowed; background-color: #eeeeee; opacity: 1; } .sm-form-control { height: auto; } .form-control { border-radius: 3px; padding: 0.35rem !important; height: calc(1.2em + 0.75rem + 2px) !important; } .form-control:active, .form-control:focus { border-color: #999; box-shadow: none; } label { display: inline-block; font-size: 13px; font-weight: 300; text-transform: uppercase; letter-spacing: 1px; color: #b5b5b5; margin-bottom: 10px; cursor: pointer; } label.label-muted { color: #999; font-weight: normal; margin-right: 5px; } /* ---------------------------------------------------------------- Contact Form -----------------------------------------------------------------*/ .contact-form-overlay { position: relative; background-color: #FFF; z-index: 10; border-radius: 4px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); } label.error { margin-top: 5px; color: #E42C3E; font-weight: 400; } label.error { display: none !important; } .show-error-msg + label.error { display: block !important; } input[type=checkbox]:not(:checked) + label.error { display: block !important; } .form-control.error, .sm-form-control.error { border-color: #E42C3E; } /* ---------------------------------------------------------------- Google Maps -----------------------------------------------------------------*/ .gmap { position: relative; width: 100%; height: 450px; } .gmap img { max-width: none !important; } .gm-style .gm-style-iw h3 span { font-size: inherit; font-family: inherit; } #map-overlay { position: relative; padding: 100px 0; } #map-overlay .gmap { position: absolute; height: 100%; top: 0; left: 0; } /* ---------------------------------------------------------------- Google Custom Search -----------------------------------------------------------------*/ #content .cse .gsc-control-cse, #content .gsc-control-cse, #content .gsc-above-wrapper-area, #content .gsc-adBlock, #content .gsc-thumbnail-inside, #content .gsc-url-top, #content .gsc-table-result, #content .gsc-webResult, #content .gsc-result { padding: 0 !important; } #content .gsc-selected-option-container { width: auto !important; } #content .gsc-result-info { padding-left: 0 !important; } #content .gsc-above-wrapper-area-container, #content .gsc-table-result { margin-bottom: 10px; } #content .gcsc-branding { display: none; } #content .gsc-results, #content .gsc-webResult { width: 100% !important; } #content .gs-no-results-result .gs-snippet, #content .gs-error-result .gs-snippet { margin: 0 !important; } /* ---------------------------------------------------------------- Heading Styles -----------------------------------------------------------------*/ /* Titular -----------------------------------------------------------------*/ .titular-title { font-weight: 500; letter-spacing: -1px; } h1.titular-title { font-size: 3.25rem; } h2.titular-title { font-size: 2.75rem; } h3.titular-title { font-size: 2rem; } .titular-sub-title { margin: 0; font-weight: 600; letter-spacing: 4px; font-size: 1rem; text-transform: uppercase; } .titular-title + .titular-sub-title { margin-top: -25px; margin-bottom: 30px; } /* Block Titles -----------------------------------------------------------------*/ .title-block { padding: 2px 0 10px 0; /* border-left: 7px solid #ccab4a; */ margin-bottom: 30px; border-bottom: 1px solid #3a3a3a; position: relative; } .title-block .h3 { border-left: 7px solid #ccab4a; padding-left: 15px; font-size: 20px } .title-block a { position: absolute; top: -26px; left: 0; font-size: 12px; } .title-block a i { margin-right: 5px; } .title-block-right { padding: 2px 20px 3px 0; border-left: 0; border-right: 7px solid #f6901e; text-align: right; } .title-block .h1, .title-block .h2, .title-block .h3, .title-block .h4 { margin-bottom: 0; } .title-block > span { display: block; margin-top: 4px; color: #555; font-weight: 300; } .title-block h1 + span, .title-block h2 + span { font-size: 1.25rem; } .title-block h3 + span { font-size: 1.125rem; } .title-block h4 + span { font-size: 0.9375px; } button:disabled, button[disabled] { /*border: 1px solid #999999; background-color: #cccccc;*/ color: #666666; } /* Heading Block - with Subtitle -----------------------------------------------------------------*/ .heading-block { margin-bottom: 50px; } .heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 { margin-bottom: 0; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #333; } .emphasis-title h1, .emphasis-title h2 { font-weight: 400; letter-spacing: 0; text-transform: none; } .heading-block h1 { font-size: 32px; } .heading-block h2 { font-size: 30px; } .heading-block h3 { font-size: 1.75rem; } .heading-block h4 { font-size: 1.25rem; font-weight: 700; } .heading-block > span:not(.before-heading) { display: block; margin-top: 10px; font-weight: 300; color: #777; } .heading-block .before-heading { margin-bottom: 7px; } .heading-block.center > span, .heading-block.text-center > span, .center .heading-block > span, .text-center .heading-block > span { max-width: 700px; margin-left: auto; margin-right: auto; } .heading-block h1 + span { font-size: 1.5rem; } .heading-block h2 + span { font-size: 1.25rem; } .heading-block h3 + span, .heading-block h4 + span { font-size: 1.25rem; } .heading-block::after { content: ''; display: block; margin-top: 30px; width: 40px; border-top: 2px solid #444; } .center .heading-block::after, .text-center .heading-block::after, .heading-block.center::after, .heading-block.text-center::after { margin: 30px auto 0; } .text-right .heading-block, .heading-block.text-right, .heading-block.title-right { direction: rtl; } .heading-block.border-0::after, .heading-block.border-bottom-0::after { display: none; } .heading-block.border-color::after { border-color: #f6901e; } /* Emphasis Title -----------------------------------------------------------------*/ .emphasis-title { margin: 0 0 50px; } .emphasis-title h1, .emphasis-title h2 { font-size: 64px; letter-spacing: -2px; } .emphasis-title h1 strong, .emphasis-title h2 strong { font-weight: 700; } /* Justify Border Title -----------------------------------------------------------------*/ .fancy-title { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 2rem; } .fancy-title .h1, .fancy-title .h2, .fancy-title .h3, .fancy-title .h4, .fancy-title .h5, .fancy-title .h6 { position: relative; margin-bottom: 0; text-transform: uppercase; } .fancy-title::before, .fancy-title::after { content: ''; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; height: 0; border-top: 3px double #8c7336; } .fancy-title::before { display: none; margin-right: 0.75rem; } .fancy-title::after { margin-left: 0.75rem; } .title-border::before, .title-border::after { border-top-width: 2px; border-top-style: solid; } .title-border-color::before, .title-border-color::after { border-top: 1px solid #f6901e !important; } /* Fancy Title - Center Align -----------------------------------------------------------------*/ .title-center::before { display: block; } /* Fancy Title - Right Align -----------------------------------------------------------------*/ .title-right::before { display: block; } .title-right::after { display: none; } /* Fancy Title - Bottom Short Border -----------------------------------------------------------------*/ .title-bottom-border::before, .title-bottom-border::after { display: none; } .title-bottom-border h1, .title-bottom-border h2, .title-bottom-border h3, .title-bottom-border h4, .title-bottom-border h5, .title-bottom-border h6 { width: 100%; padding: 0 0 0.75rem; border-bottom: 2px solid #f6901e; } /* Sub Heading -----------------------------------------------------------------*/ .before-heading { display: block; margin: 0 0 5px; font-size: 1rem; font-family: 'PT Serif', serif; font-style: italic; font-weight: 400; color: #999; } @media (max-width: 767.98px) { .title-block h1 + span { font-size: 18px; } .title-block h2 + span { font-size: 17px; } .title-block h3 + span { font-size: 15px; } .title-block h4 + span { font-size: 13px; } .heading-block h1 { font-size: 30px; } .heading-block h2 { font-size: 26px; } .heading-block h3 { font-size: 22px; } .heading-block h4 { font-size: 19px; } .heading-block h1 + span { font-size: 20px; } .heading-block h2 + span { font-size: 18px; } .heading-block h3 + span, .heading-block h4 + span { font-size: 17px; } .emphasis-title h1, .emphasis-title h2 { font-size: 44px !important; } } /* ---------------------------------------------------------------- Divider -----------------------------------------------------------------*/ .divider { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; overflow: hidden; margin: 3rem auto; color: #E5E5E5; width: 100%; } .divider.divider-margin-lg { margin: 5rem auto; } .divider::after, .divider::before { content: ''; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; height: 1px; background-color: #EEE; } .divider::before { display: none; margin-right: 0.5rem; } .divider::after { margin-left: 0.5rem; } .divider.divider-thick::after, .divider.divider-thick::before { height: 3px; } .divider.divider-sm { width: 55%; } .divider.divider-xs { width: 35%; } .divider i, .divider a, .divider-text { position: relative; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 24px; max-width: 100%; line-height: 1; font-size: 18px !important; text-align: center; } .divider a, .divider-text { width: auto; color: inherit; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .divider a:hover { color: #888; } /* Divider - Icon Align Right -----------------------------------------------------------------*/ .divider.divider-right::before { display: block; } .divider.divider-right::after { display: none; } /* Divider - Icon Align Center -----------------------------------------------------------------*/ .divider.divider-center::before { display: block; } /* Divider - Rounded Icon -----------------------------------------------------------------*/ .divider.divider-rounded i, .divider.divider-border i { width: 40px; height: 40px; line-height: 40px; color: #BBB; background-color: #F5F5F5; border-radius: 50%; } .divider.divider-rounded::before, .divider.divider-border::before, .divider.divider-rounded::after, .divider.divider-border::after { margin-left: 0; margin-right: 0; } /* Divider - Rounded & Border -----------------------------------------------------------------*/ .divider.divider-border { color: #E5E5E5; } .divider.divider-border i { line-height: 38px; background-color: transparent; border: 1px solid #EEE; } /* Divider - Line Only -----------------------------------------------------------------*/ .divider.divider-line::before, .divider.divider-line::after { margin-left: 0; margin-right: 0; } /* ---------------------------------------------------------------- Magazine Specific Classes -----------------------------------------------------------------*/ .top-advert { padding: 5px; border-left: 1px solid #EEE; border-right: 1px solid #EEE; } .top-advert a, .top-advert img { display: block; } .bnews-title { display: block; float: left; margin-top: 2px; padding-top: .3em; text-transform: uppercase; } .bnews-slider { float: left; width: 970px; margin-left: 20px; min-height: 0; } /* ---------------------------------------------------------------- Go To Top -----------------------------------------------------------------*/ #gotoTop { display: none; z-index: 599; position: fixed; width: 40px; height: 40px; background-color: #5a360c; font-size: 1.25rem; line-height: 36px; text-align: center; color: #FFF; top: auto; left: auto; right: 30px; bottom: 80px; cursor: pointer; border-radius: 2px; } body:not(.device-touch) #gotoTop { transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; } #gotoTop:hover { background-color: #f6901e; } #gotoTop:after { box-shadow: inset 0px 0px 0px 1px rgb(204 171 74), 7px 7px 20px 0px rgb(204 171 74 / 10%), 7px 7px 20px 0px rgb(204 171 74 / 10%) !important; background: rgb(204 171 74) !important; } /* ---------------------------------------------------------------- Read More -----------------------------------------------------------------*/ .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: linear-gradient(180deg, rgb(255, 225, 131) 0%, rgb(158, 117, 0) 51%, rgb(134, 101, 10) 51%, rgb(144, 113, 48) 100%); color: white; font-size: .9em; font-weight: 600 !important; padding: 5px 15px; font-weight: revert; text-transform: uppercase; border: none; border-radius: 50px; } .sidebar-box .read-more a.button:hover, .sidebar-box .read-more-btn a.button:hover { background: linear-gradient(to bottom, #f5ce57 0%, #b69743 50%, #f5ce57 100%); } .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); } } /* ---------------------------------------------------------------- GDPR Settings -----------------------------------------------------------------*/ .gdpr-settings { position: fixed; max-width: calc(100% - 2rem); margin-bottom: 1rem; border-radius: 4px; top: auto; bottom: 0; left: 1rem; opacity: 0; padding: 3rem; z-index: 999; background-color: #EEE; transition: all .3s ease; } .gdpr-settings-sm { max-width: 30rem; margin-right: 1rem; } .gdpr-settings-sm.gdpr-settings-right { left: auto; right: 1rem; margin-right: 0; margin-left: 1rem; } .gdpr-settings.dark { background-color: #111; } /* ---------------------------------------------------------------- Error 404 -----------------------------------------------------------------*/ .error404 { display: block; font-size: 18vw; font-weight: 700; color: #DDD; line-height: 1; letter-spacing: 4px; } .error404-wrap .container { z-index: 7; } .error404-wrap .error404 { line-height: 0.9; margin-bottom: 40px; font-weight: bold; font-size: 19vw; color: #FFF !important; opacity: 0.2; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4); } .error404-wrap .heading-block h4 { font-weight: 300; margin-bottom: 8px; } .error404-wrap .heading-block span { font-size: 1.125rem; } .error404-wrap form { max-width: 500px; } /* ---------------------------------------------------------------- Landing Pages -----------------------------------------------------------------*/ .landing-wide-form { background: rgba(0, 0, 0, 0.3); padding: 30px; border-radius: 3px; } .landing-form-overlay { position: absolute; z-index: 10; top: auto; left: auto; right: 0; bottom: -154px; background-color: rgba(0, 0, 0, 0.6); border-radius: 3px 3px 0 0; } .landing-video { z-index: 1; width: 560px; height: 315px; margin: 22px 0 0 95px; overflow: hidden; } .landing-promo h3 { font-size: 1.75rem; } .landing-promo > .container > span { font-size: 1.125rem; } /* ---------------------------------------------------------------- Preloaders -----------------------------------------------------------------*/ .preloader, .preloader2, .form-process { display: block; width: 100%; height: 100%; background: center center no-repeat #FFF; } .preloader2 { background-color: transparent; } .form-process { display: none; position: absolute; top: 0; left: 0; z-index: 3; background-color: transparent; } .form-process::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFF; opacity: 0.7; z-index: -1; } /* ---------------------------------------------------------------- Toastr Notifications -----------------------------------------------------------------*/ .toast-title { font-weight: bold; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 1.25rem; font-weight: bold; color: #FFFFFF; -webkit-text-shadow: 0 1px 0 #ffffff; text-shadow: 0 1px 0 #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); line-height: 1; } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } .rtl .toast-close-button { left: -0.3em; float: left; right: 0.3em; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 999999; pointer-events: none; /*overrides*/ } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #toast-container > div { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 20px 25px; width: 300px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999999; -webkit-box-shadow: 0 0 12px #999999; box-shadow: 0 0 12px #999999; color: #FFFFFF; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } #toast-container > div.rtl { direction: rtl; } #toast-container > div:hover { -moz-box-shadow: 0 0 12px #000000; -webkit-box-shadow: 0 0 12px #000000; box-shadow: 0 0 12px #000000; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer; } #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div { width: 300px; margin-left: auto; margin-right: auto; } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } .toast { background-color: #030303; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } /*Responsive Design*/ @media all and (max-width: 240px) { #toast-container > div { padding: 10px 15px; width: 11em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 10px 15px; width: 18em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 20px; width: 25em; } } /* ---------------------------------------------------------------- Footer -----------------------------------------------------------------*/ #footer { /*background-color: #000;*/ border-top: 10px solid #ccab4a; display: inline-block; width: 100%; } @media (min-width: 992px) { .sticky-footer #slider:not(.slider-parallax-invisible), .sticky-footer #page-submenu, .sticky-footer #page-title, .sticky-footer #content { z-index: 2; } .sticky-footer #footer { position: sticky; top: auto; bottom: 0; left: 0; } } #footer .footer-widgets-wrap { position: relative; padding: 80px 0; } #copyrights { padding: 10px 0; background-color: #181818; font-size: 13px; line-height: 1.8; } /*@media screen and (max-width:767px) { #copyrights { margin-bottom: 70px; } }*/ #copyrights i.footer-icon { position: relative; top: 1px; font-size: 0.875rem; width: 14px; text-align: center; margin-right: 3px; } .copyright-links a { display: inline-block; margin: 0 3px; color: #333; border-bottom: 1px dotted #444; } .copyright-links a:hover { color: #555; border-bottom: 1px solid #666; } .copyrights-menu { margin-bottom: 10px; } .copyrights-menu a { font-size: 0.875rem; margin: 0 10px; border-bottom: 0 !important; } #copyrights a:first-child { margin-left: 0; } #copyrights.text-right a:last-child { margin-right: 0; } .footer-logo { display: block; margin-bottom: 30px; } /* ---------------------------------------------------------------- Widgets -----------------------------------------------------------------*/ .widget { position: relative; margin-top: 50px; } .widget p { line-height: 1.7; } .sidebar-widgets-wrap .widget { padding-top: 50px; border-top: 1px solid #EEE; } .widget:first-child { margin-top: 0; } .sidebar-widgets-wrap .widget:first-child { padding-top: 0; border-top: 0; } @media (min-width: 768px) and (max-width: 991.98px) { .sidebar-widgets-wrap { position: relative; display: -ms-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px -40px -20px; } .sidebar-widgets-wrap .widget { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin: 0 0 40px 0; padding-top: 0; padding-left: 20px; padding-right: 20px; border-top: 0; } } .widget > h4 { margin-bottom: 25px; font-size: 15px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; } .sidebar-widgets-wrap .widget > h4 { letter-spacing: 1px; } /* Tag Cloud -----------------------------------------------------------------*/ .tagcloud { margin-bottom: -2px; } .tagcloud a { display: block; float: left; margin-right: 4px; margin-bottom: 4px; padding: 3px 6px; border: 1px solid #E5E5E5; font-size: 13px !important; color: #666; border-radius: 2px; } body:not(.device-touch) .tagcloud a { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .tagcloud a:hover { border-color: #f6901e !important; color: #f6901e !important; } /* Widget - Links -----------------------------------------------------------------*/ .widget_nav_menu ul, .widget_nav_menu li, .widget_links ul, .widget_links li, .widget_meta ul, .widget_meta li, .widget_archive ul, .widget_archive li, .widget_recent_comments ul, .widget_recent_comments li, .widget_recent_entries ul, .widget_recent_entries li, .widget_categories ul, .widget_categories li, .widget_pages ul, .widget_pages li, .widget_rss ul, .widget_rss li { list-style: none; margin: 0; } .widget_nav_menu li, .widget_links li, .widget_meta li, .widget_archive li, .widget_recent_comments li, .widget_recent_entries li, .widget_categories li, .widget_pages li, .widget_rss li { padding: 4px 0; font-size: 15px; } .widget_nav_menu:not(.widget-li-noicon) li::before, .widget_links:not(.widget-li-noicon) li::before, .widget_meta:not(.widget-li-noicon) li::before, .widget_archive:not(.widget-li-noicon) li::before, .widget_recent_entries:not(.widget-li-noicon) li::before, .widget_categories:not(.widget-li-noicon) li::before, .widget_pages:not(.widget-li-noicon) li::before, .widget_rss:not(.widget-li-noicon) li::before, .widget_recent_comments:not(.widget-li-noicon) li::before { content: "\e7a5"; font-family: 'font-icons'; display: inline-block; position: relative; top: 1px; left: 0; } .widget_recent_comments li::before { content: "\e9b8"; } .widget_nav_menu li a, .widget_links li a, .widget_meta li a, .widget_archive li a, .widget_recent_entries li a, .widget_categories li a, .widget_pages li a, .widget_rss li a, .widget_recent_comments li a { display: inline-block; padding: 0 3px 0 12px; border: none !important; color: #444; } .widget_nav_menu.widget-li-noicon li a, .widget_links.widget-li-noicon li a, .widget_meta.widget-li-noicon li a, .widget_archive.widget-li-noicon li a, .widget_recent_entries.widget-li-noicon li a, .widget_categories.widget-li-noicon li a, .widget_pages.widget-li-noicon li a, .widget_rss.widget-li-noicon li a, .widget_recent_comments.widget-li-noicon li a { padding-left: 0; } .widget_nav_menu li a:hover, .widget_links li a:hover, .widget_meta li a:hover, .widget_archive li a:hover, .widget_recent_entries li a:hover, .widget_categories li a:hover, .widget_pages li a:hover, .widget_rss li a:hover, .widget_recent_comments li a:hover { color: #000; } .widget_nav_menu > ul > li:first-child, .widget_links > ul > li:first-child, .widget_meta > ul > li:first-child, .widget_archive > ul > li:first-child, .widget_recent_comments > ul > li:first-child, .widget_recent_entries > ul > li:first-child, .widget_categories > ul > li:first-child, .widget_pages > ul > li:first-child, .widget_rss > ul > li:first-child { border-top: 0 !important; } .widget_nav_menu > ul, .widget_links > ul, .widget_meta > ul, .widget_archive > ul, .widget_recent_comments > ul, .widget_recent_entries > ul, .widget_categories > ul, .widget_pages > ul, .widget_rss > ul { margin-top: -4px !important; } .widget_nav_menu ul ul, .widget_links ul ul, .widget_meta ul ul, .widget_archive ul ul, .widget_recent_comments ul ul, .widget_recent_entries ul ul, .widget_categories ul ul, .widget_pages ul ul, .widget_rss ul ul { margin-left: 15px; } /* Widget - Testimonial & Twitter -----------------------------------------------------------------*/ .widget .testimonial.no-image .testi-image { display: none; } .widget .testimonial.twitter-scroll .testi-image { margin-right: 10px; } .widget .testimonial:not(.twitter-scroll) .testi-image, .widget .testimonial:not(.twitter-scroll) .testi-image a, .widget .testimonial:not(.twitter-scroll) .testi-image img { width: 42px; height: 42px; } .widget .testimonial.twitter-scroll .testi-image, .widget .testimonial.twitter-scroll .testi-image a, .widget .testimonial.twitter-scroll .testi-image img, .widget .testimonial.twitter-scroll .testi-image i { width: 28px; height: 28px; } .widget .testimonial.twitter-scroll .testi-image i { background-color: #EEE; line-height: 28px; font-size: 0.875rem; color: #888; } .widget .testimonial p { font-size: 0.875rem; } /* Widget - Quick Contact Form -----------------------------------------------------------------*/ .quick-contact-widget.form-widget .form-control, .quick-contact-widget.form-widget .input-group, .quick-contact-widget.form-widget .sm-form-control { margin-bottom: 10px; } .quick-contact-widget.form-widget .input-group .form-control { margin-bottom: 0; } .quick-contact-widget.form-widget form, #template-contactform { position: relative; } /* Newsletter Widget -----------------------------------------------------------------*/ .subscribe-widget h5 { font-weight: 300; font-size: 0.875rem; line-height: 1.5; } /* Twitter Feed Widget -----------------------------------------------------------------*/ .widget-twitter-feed li { margin: 15px 0 0 0; } .widget-twitter-feed li:first-child { margin-top: 0; } .widget-twitter-feed small { display: block; margin-top: 3px; } .widget-twitter-feed small a:not(:hover) { color: #999; } .widget-twitter-feed .twitter-feed:not(.twitter-feed-avatar) a.twitter-avatar { display: none; } .widget-twitter-feed .twitter-feed.twitter-feed-avatar i.icon-twitter { display: none; } .widget-twitter-feed .twitter-feed-avatar { margin-left: 44px; } .widget-twitter-feed .twitter-feed-avatar > li a.twitter-avatar { display: block; position: absolute; left: -44px; text-align: center; top: 2px; width: 32px; height: 32px; } .twitter-feed-avatar a.twitter-avatar img { border-radius: 50%; } /* Widget Filter Links -----------------------------------------------------------------*/ .widget-filter-links ul { list-style: none; margin-bottom: 0; } .widget-filter-links .widget-filter-reset { position: absolute; top: 0; left: auto; right: 0; font-size: 12px; line-height: 22px; } .widget:not(:first-child) .widget-filter-reset { top: 50px; } .widget-filter-links .widget-filter-reset a { color: red !important; } .widget-filter-links .widget-filter-reset.active-filter { display: none; } .widget-filter-links li { position: relative; font-size: 15px; line-height: 24px; } .widget-filter-links li:not(:first-child) { margin-top: 10px; } .widget-filter-links li a { display: block; color: #444; font-family: 'Poppins', sans-serif; font-weight: 500; } .widget-filter-links li span { position: absolute; top: 1px; left: auto; right: 0; font-size: 11px; width: 22px; height: 22px; line-height: 22px; text-align: center; color: #777; background-color: #EEE; border-radius: 50%; } .widget-filter-links li:hover a { color: #777; } .widget-filter-links li.active-filter a { font-weight: 700; } .widget-filter-links li.active-filter span { color: #FFF !important; background-color: #f6901e !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } /* Navigation Tree -----------------------------------------------------------------*/ .nav-tree { position: relative; margin-bottom: 40px; } .nav-tree ul { margin-bottom: 0; list-style: none; } .nav-tree > ul { margin: -8px 0; } .nav-tree li { position: relative; } .nav-tree li a { display: block; padding: 8px 0; color: #333; text-transform: uppercase; font-size: 13px; font-weight: 700; letter-spacing: 2px; font-family: 'Poppins', sans-serif; } .nav-tree li i { font-size: 0.875rem; width: 16px; text-align: center; } .nav-tree li i:not(.icon-angle-down) { margin-right: 8px; position: relative; top: 1px; } .nav-tree li a i.icon-angle-down { width: auto; font-size: 12px; margin-left: 2px; } .nav-tree li:hover > a, .nav-tree li.current > a, .nav-tree li.active > a { color: #f6901e !important; } .nav-tree ul ul { display: none; } .nav-tree li.current > ul { display: block; } .nav-tree ul ul a { font-size: 12px; padding: 6px 0; letter-spacing: 1px; font-family: 'Lato', sans-serif; } .nav-tree ul ul a i.icon-angle-down { font-size: 12px; } .nav-tree ul ul a { padding-left: 20px; } .nav-tree ul ul ul a { padding-left: 40px; } .nav-tree ul ul ul ul a { padding-left: 60px; } .nav-tree ul ul ul ul ul a { padding-left: 80px; } /* ---------------------------------------------------------------- Wedding -----------------------------------------------------------------*/ .wedding-head { position: relative; line-height: 1; font-size: 80px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); font-family: 'Poppins', sans-serif; } .wedding-head .first-name, .wedding-head .last-name, .wedding-head .and { display: inline-block; margin-right: 15px; font-weight: bold; text-align: right; text-transform: uppercase; letter-spacing: 2px; } .wedding-head .last-name { margin: 0 0 0 15px; text-align: left; } .wedding-head .first-name span, .wedding-head .last-name span { display: block; margin-top: 10px; font-size: 56px; font-weight: 400; font-style: italic; font-family: 'PT Serif', serif; text-transform: none; } .wedding-head .and { margin: 0; font-size: 200px; font-family: 'Times New Roman', serif; } /* ---------------------------------------------------------------- Styled Paginations -----------------------------------------------------------------*/ .pagination.pagination-circle .page-item .page-link { width: 35px; height: 35px; line-height: 33px; text-align: center; padding: 0; border-radius: 50%; } .pagination.pagination-circle.pagination-lg .page-item .page-link { width: 56px; height: 56px; line-height: 54px; } .pagination.pagination-circle.pagination-sm .page-item .page-link { width: 26px; height: 26px; line-height: 24px; } /* Pagination Rounded */ .pagination.pagination-rounded .page-item .page-link { border-radius: 4px; } /* Pagination Margins */ .pagination.pagination-circle .page-item:not(:first-child) .page-link, .pagination.pagination-rounded .page-item:not(:first-child) .page-link { margin-left: 5px; } .pagination.pagination-circle.pagination-lg .page-item:not(:first-child) .page-link, .pagination.pagination-rounded.pagination-lg .page-item:not(:first-child) .page-link { margin-left: 8px; } .pagination.pagination-circle.pagination-sm .page-item:not(:first-child) .page-link, .pagination.pagination-rounded.pagination-sm .page-item:not(:first-child) .page-link { margin-left: 3px; } /* Pagination 3d */ .pagination.pagination-3d .page-item .page-link { border-bottom: 3px solid rgba(0, 0, 0, 0.15) !important; } /* Pagination Transparent */ .pagination.pagination-transparent .page-item .page-link { border: 0; } /* Pagination Transparent */ .pagination.pagination-inside-transparent .page-item .page-link:not(:hover) { color: #222; } /* Pagination Inside Transparent */ .pagination.pagination-inside-transparent .page-item:not(:first-child):not(:nth-child(2)):not(:nth-last-child(1)) .page-link { border-left: 0; } .pagination.pagination-inside-transparent .page-item.active .page-link, .pagination.pagination-inside-transparent .page-link:hover, .pagination.pagination-inside-transparent .page-link:focus { border-color: transparent !important; } /* Pagination Button */ .pagination.pagination-inside-transparent.pagination-button .page-item:not(:first-child):not(:nth-last-child(1)) .page-link { border: 0; } /* Pagination Pill */ .pagination.pagination-pill .page-item:first-child .page-link { border-top-left-radius: 10rem; border-bottom-left-radius: 10rem; } .pagination.pagination-pill .page-item:last-child .page-link { border-top-right-radius: 10rem; border-bottom-right-radius: 10rem; } /* Pagination primary */ .pagination.pagination-primary .page-item .page-link { background-color: #007bff; background-color: var(--primary); border-color: #007bff; border-color: var(--primary); color: #FFF; } /* Pagination secondary */ .pagination.pagination-secondary .page-item .page-link { background-color: #6c757d; background-color: var(--secondary); border-color: #6c757d; border-color: var(--secondary); color: #FFF; } /* Pagination success */ .pagination.pagination-success .page-item .page-link { background-color: #28a745; background-color: var(--success); border-color: #28a745; border-color: var(--success); color: #FFF; } /* Pagination danger */ .pagination.pagination-danger .page-item .page-link { background-color: #dc3545; background-color: var(--danger); border-color: #dc3545; border-color: var(--danger); color: #FFF; } /* Pagination info */ .pagination.pagination-info .page-item .page-link { background-color: #17a2b8; background-color: var(--info); border-color: #17a2b8; border-color: var(--info); color: #FFF; } /* Pagination dark */ .pagination.pagination-dark .page-item .page-link { background-color: #343a40; background-color: var(--dark); border-color: #343a40; border-color: var(--dark); color: #FFF; } /* Pagination light */ .pagination.pagination-light .page-item .page-link { background-color: #f8f9fa; background-color: var(--light); border-color: #f8f9fa; border-color: var(--light); color: #222; } /* Pagination Bootstrap Background */ .pagination.pagination-primary .page-item.active .page-link, .pagination.pagination-primary .page-link:hover, .pagination.pagination-primary .page-link:focus, .pagination.pagination-secondary .page-item.active .page-link, .pagination.pagination-secondary .page-link:hover, .pagination.pagination-secondary .page-link:focus, .pagination.pagination-success .page-item.active .page-link, .pagination.pagination-success .page-link:hover, .pagination.pagination-success .page-link:focus, .pagination.pagination-danger .page-item.active .page-link, .pagination.pagination-danger .page-link:hover, .pagination.pagination-danger .page-link:focus, .pagination.pagination-info .page-item.active .page-link, .pagination.pagination-info .page-link:hover, .pagination.pagination-info .page-link:focus, .pagination.pagination-light .page-item.active .page-link, .pagination.pagination-light .page-link:hover, .pagination.pagination-light .page-link:focus { background-color: #222 !important; border-color: #222 !important; color: #FFF; } /* -------------------------------------------------------------- SWITCH -------------------------------------------------------------- */ .switch-toggle { position: absolute; margin-left: -9999px; visibility: hidden; } .switch-toggle + label { display: block; position: relative; cursor: pointer; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* -------------------------------------------------------------- SWITCH 1 - ROUND ----------------------------------------------------------------- */ input.switch-toggle-round + label { padding: 2px; width: 60px; height: 30px; background-color: #DDD; -webkit-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; } input.switch-toggle-round + label::before, input.switch-toggle-round + label::after { display: block; position: absolute; top: 1px; left: 1px; bottom: 1px; content: ""; } input.switch-toggle-round + label::before { right: 1px; background-color: #F1F1F1; -webkit-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } input.switch-toggle-round + label::after { width: 28px; background-color: #FFF; -webkit-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -webkit-transition: margin 0.4s; -moz-transition: margin 0.4s; -o-transition: margin 0.4s; transition: margin 0.4s; } input.switch-toggle-round:checked + label::before { background-color: #f6901e; } input.switch-toggle-round:checked + label::after { margin-left: 30px; } /* -------------------------------------------------------------- SWITCH 1 - ROUND- MINI ----------------------------------------------------------------- */ input.switch-rounded-mini.switch-toggle-round + label { padding: 1px; width: 32px; height: 16px; -webkit-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } input.switch-rounded-mini.switch-toggle-round + label::before { -webkit-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } input.switch-rounded-mini.switch-toggle-round + label::after { width: 15px; } input.switch-rounded-mini.switch-toggle-round:checked + label::after { margin-left: 15px; } /* -------------------------------------------------------------- SWITCH 1 - ROUND- LARGE ----------------------------------------------------------------- */ input.switch-rounded-large.switch-toggle-round + label { width: 90px; height: 45px; -webkit-border-radius: 45px; -o-border-radius: 45px; border-radius: 45px; } input.switch-rounded-large.switch-toggle-round + label::before { -webkit-border-radius: 45px; -o-border-radius: 45px; border-radius: 45px; } input.switch-rounded-large.switch-toggle-round + label::after { width: 43px; } input.switch-rounded-large.switch-toggle-round:checked + label::after { margin-left: 45px; } /* -------------------------------------------------------------- SWITCH 1 - ROUND- XLARGE ----------------------------------------------------------------- */ input.switch-rounded-xlarge.switch-toggle-round + label { width: 120px; height: 60px; -webkit-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; } input.switch-rounded-xlarge.switch-toggle-round + label::before { -webkit-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; } input.switch-rounded-xlarge.switch-toggle-round + label::after { width: 58px; } input.switch-rounded-xlarge.switch-toggle-round:checked + label::after { margin-left: 60px; } /* ----------------------------------------------------------- SWITCH 2 - ROUND FLAT -------------------------------------------------------------- */ input.switch-toggle-flat + label { padding: 2px; width: 60px; height: 30px; background-color: #DDD; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } input.switch-toggle-flat + label::before, input.switch-toggle-flat + label::after { display: block; position: absolute; content: ""; } input.switch-toggle-flat + label::before { top: 2px; left: 2px; bottom: 2px; right: 2px; background-color: #FFF; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } input.switch-toggle-flat + label::after { top: 4px; left: 4px; bottom: 4px; width: 22px; background-color: #DDD; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; -webkit-transition: margin 0.4s, background 0.4s; -moz-transition: margin 0.4s, background 0.4s; -o-transition: margin 0.4s, background 0.4s; transition: margin 0.4s, background 0.4s; } input.switch-toggle-flat:checked + label { background-color: #f6901e; } input.switch-toggle-flat:checked + label::after { margin-left: 30px; background-color: #f6901e; } /* ----------------------------------------------------------- SWITCH 2 - FLAT - MINI -------------------------------------------------------------- */ input.switch-flat-mini.switch-toggle-flat + label { padding: 1px; width: 32px; height: 16px; -webkit-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; } input.switch-flat-mini.switch-toggle-flat + label::before { top: 1px; left: 1px; bottom: 1px; right: 1px; -webkit-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; } input.switch-flat-mini.switch-toggle-flat + label::after { top: 2px; left: 2px; bottom: 2px; width: 12px; -webkit-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; } input.switch-flat-mini.switch-toggle-flat:checked + label::after { margin-left: 16px; } /* ----------------------------------------------------------- SWITCH 2 - FLAT - LARGE -------------------------------------------------------------- */ input.switch-flat-large.switch-toggle-flat + label { width: 90px; height: 45px; -webkit-border-radius: 45px; -o-border-radius: 45px; border-radius: 45px; } input.switch-flat-large.switch-toggle-flat + label::before { -webkit-border-radius: 45px; -o-border-radius: 45px; border-radius: 45px; } input.switch-flat-large.switch-toggle-flat + label::after { width: 37px; -webkit-border-radius: 37px; -o-border-radius: 37px; border-radius: 37px; } input.switch-flat-large.switch-toggle-flat:checked + label::after { margin-left: 45px; } /* ----------------------------------------------------------- SWITCH 2 - FLAT - XLARGE -------------------------------------------------------------- */ input.switch-flat-xlarge.switch-toggle-flat + label { padding: 2px; width: 120px; height: 60px; -webkit-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; } input.switch-flat-xlarge.switch-toggle-flat + label::before { -webkit-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; } input.switch-flat-xlarge.switch-toggle-flat + label::after { width: 52px; -webkit-border-radius: 52px; -o-border-radius: 52px; border-radius: 52px; } input.switch-flat-xlarge.switch-toggle-flat:checked + label::after { margin-left: 60px; } /* ---------------------------------------------------------------- Bootstrap Specific -----------------------------------------------------------------*/ .table .success { color: #3c763d; } .table .info { color: #31708f; } .table .warning { color: #8a6d3b; } .table .danger { color: #a94442; } .btn-link, .page-link, .page-link:hover, .page-link:focus { color: #f6901e; } .btn-link:hover, .btn-link:focus { color: #222; } .boot-tabs { margin-bottom: 20px !important; } .carousel-control .icon-chevron-left, .carousel-control .icon-chevron-right { position: absolute; top: 47.5%; z-index: 5; display: inline-block; } .carousel-control .icon-chevron-left { left: 50%; } .carousel-control .icon-chevron-right { right: 50%; } .responsive-utilities th small { display: block; font-weight: 400; color: #999; } .show-grid [class^=col-] { padding-top: 10px; padding-bottom: 10px; background-color: #EEE; border: 1px solid #DDD; } .img-circle { border-radius: 50% !important; } .page-item.active .page-link, .page-link:hover, .page-link:focus { color: #FFF !important; background-color: #f6901e !important; border-color: #f6901e !important; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: #f6901e; } label.radio, label.checkbox { padding-left: 20px; } .input-group-lg > .input-group-addon { line-height: 1; } /* ---------------------------------------------------------------- Stretched Layout -----------------------------------------------------------------*/ .stretched #wrapper { width: 100%; margin: 0; box-shadow: none; } /* ---------------------------------------------------------------- Shape Dividers -----------------------------------------------------------------*/ .shape-divider { position: absolute; top: -1px; left: 0; width: 100%; overflow: hidden; z-index: 1; } .shape-divider[data-position="bottom"] { top: auto; bottom: -1px; } .shape-divider[data-front="true"] { z-index: 4; } .shape-divider svg { position: relative; width: 100%; width: calc(100% + 1.3px); height: 50px; left: 50%; transform: translateX(-50%); opacity: 0; } .shape-divider[data-position="bottom"], .shape-divider[data-flip-vertical="true"] { transform: rotate(180deg); } .shape-divider[data-position="bottom"][data-flip-vertical="true"] { transform: rotate(0deg); } .shape-divider[data-flip="true"] svg { transform: translateX(-50%) rotateY(180deg); } .shape-divider-fill { fill: #FFF; transform-origin: center; transform: rotateY(0deg); } /* ---------------------------------------------------------------- Page Transitions -----------------------------------------------------------------*/ .page-transition #wrapper, .animsition-overlay { position: relative; opacity: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .page-transition-wrap, .css3-spinner { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; text-align: center; background-color: #FFF; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-perspective: 1000; } .css3-spinner { position: absolute; z-index: auto; background-color: transparent; } .css3-spinner > div { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: 13px; width: 18px; height: 18px; background-color: #DDD; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .css3-spinner .css3-spinner-bounce1 { margin-left: -31px; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .css3-spinner .css3-spinner-bounce2 { margin-left: -9px; -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .css3-spinner > .css3-spinner-flipper { width: 32px; height: 32px; margin-top: -16px; margin-left: -16px; border-radius: 0; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .css3-spinner > .css3-spinner-double-bounce1, .css3-spinner > .css3-spinner-double-bounce2 { width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border-radius: 50%; opacity: 0.6; -webkit-animation: cssspinnerbounce 2.0s infinite ease-in-out; animation: cssspinnerbounce 2.0s infinite ease-in-out; } .css3-spinner > .css3-spinner-double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes cssspinnerbounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes cssspinnerbounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .css3-spinner > .css3-spinner-rect1, .css3-spinner > .css3-spinner-rect2, .css3-spinner > .css3-spinner-rect3, .css3-spinner > .css3-spinner-rect4, .css3-spinner > .css3-spinner-rect5 { height: 30px; width: 6px; margin-top: -15px; margin-left: -21px; border-radius: 0; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; } .css3-spinner > .css3-spinner-rect2 { margin-left: -12px; -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .css3-spinner > .css3-spinner-rect3 { margin-left: -3px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .css3-spinner > .css3-spinner-rect4 { margin-left: 6px; -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .css3-spinner > .css3-spinner-rect5 { margin-left: 15px; -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } .css3-spinner > .css3-spinner-cube1, .css3-spinner > .css3-spinner-cube2 { width: 16px; height: 16px; border-radius: 0; margin-top: -20px; margin-left: -20px; -webkit-animation: cubemove 1.8s infinite ease-in-out; animation: cubemove 1.8s infinite ease-in-out; } .css3-spinner > .css3-spinner-cube2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes cubemove { 25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) } 50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) } 75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) } 100% { -webkit-transform: rotate(-360deg) } } @keyframes cubemove { 25% { transform: translateX(42px) rotate(-90deg) scale(0.5); -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { transform: translateX(42px) translateY(42px) rotate(-179deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); } 50.1% { transform: translateX(42px) translateY(42px) rotate(-180deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } .css3-spinner > .css3-spinner-scaler { width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; -webkit-animation: scaleout 1.0s infinite ease-in-out; animation: scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } .css3-spinner > .css3-spinner-grid-pulse { display: -ms-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 48px; height: 48px; margin-top: -24px; margin-left: -24px; background-color: transparent !important; -webkit-animation: none; animation: none; } .css3-spinner-grid-pulse > div { background-color: #DDD; width: 12px; height: 12px; max-width: 12px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation-name: ball-grid-pulse; animation-name: ball-grid-pulse; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0; } .css3-spinner-grid-pulse > div:nth-child(1) { -webkit-animation-delay: 0.73s; animation-delay: 0.73s; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; } .css3-spinner-grid-pulse > div:nth-child(2) { -webkit-animation-delay: 0.32s; animation-delay: 0.32s; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; } .css3-spinner-grid-pulse > div:nth-child(3) { -webkit-animation-delay: 0.71s; animation-delay: 0.71s; -webkit-animation-duration: 0.88s; animation-duration: 0.88s; } .css3-spinner-grid-pulse > div:nth-child(4) { -webkit-animation-delay: 0.62s; animation-delay: 0.62s; -webkit-animation-duration: 1.06s; animation-duration: 1.06s; } .css3-spinner-grid-pulse > div:nth-child(5) { -webkit-animation-delay: 0.31s; animation-delay: 0.31s; -webkit-animation-duration: 0.62s; animation-duration: 0.62s; } .css3-spinner-grid-pulse > div:nth-child(6) { -webkit-animation-delay: -0.14s; animation-delay: -0.14s; -webkit-animation-duration: 1.48s; animation-duration: 1.48s; } .css3-spinner-grid-pulse > div:nth-child(7) { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; -webkit-animation-duration: 1.47s; animation-duration: 1.47s; } .css3-spinner-grid-pulse > div:nth-child(8) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; -webkit-animation-duration: 1.49s; animation-duration: 1.49s; } .css3-spinner-grid-pulse > div:nth-child(9) { -webkit-animation-delay: 0.73s; animation-delay: 0.73s; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; } @-webkit-keyframes ball-grid-pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes ball-grid-pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .css3-spinner > .css3-spinner-clip-rotate { width: 33px; height: 33px; margin-top: -17px; margin-left: -17px; background-color: transparent !important; -webkit-animation: none; animation: none; } .css3-spinner-clip-rotate > div { border-radius: 100%; border: 2px solid #DDD; border-bottom-color: transparent !important; height: 33px; width: 33px; background: transparent !important; -webkit-animation: rotate 1s 0s linear infinite; animation: rotate 1s 0s linear infinite; } @keyframes rotate { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } .css3-spinner > .css3-spinner-ball-rotate { width: 12px; height: 12px; margin-top: -6px; margin-left: -6px; background-color: transparent !important; -webkit-animation: ballrotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite; animation: ballrotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite; } .css3-spinner-ball-rotate > div { background-color: #DDD; width: 12px; height: 12px; border-radius: 100%; position: relative; } .css3-spinner-ball-rotate > div:nth-child(1), .css3-spinner-ball-rotate > div:nth-child(3) { width: 12px; height: 12px; border-radius: 100%; content: ""; position: absolute; opacity: 0.7; } .css3-spinner-ball-rotate > div:nth-child(1) { top: 0px; left: -22px; } .css3-spinner-ball-rotate > div:nth-child(3) { top: 0px; left: 22px; } @-webkit-keyframes ballrotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ballrotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .css3-spinner > .css3-spinner-zig-zag { background-color: transparent !important; -webkit-transform: translate(-15px, -15px); -ms-transform: translate(-15px, -15px); transform: translate(-15px, -15px); -webkit-animation: none; animation: none; } .css3-spinner-zig-zag > div { background-color: #DDD; width: 12px; height: 12px; border-radius: 100%; position: absolute; margin-left: 15px; top: 4px; left: -7px; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .css3-spinner-zig-zag > div:first-child { -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear; animation: ball-zig-deflect 1.5s 0s infinite linear; } .css3-spinner-zig-zag > div:last-child { -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear; animation: ball-zag-deflect 1.5s 0s infinite linear; } @-webkit-keyframes ball-zig-deflect { 17% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 34% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 84% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zig-deflect { 17% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 34% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 84% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ball-zag-deflect { 17% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 34% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 84% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zag-deflect { 17% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 34% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 84% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .css3-spinner > .css3-spinner-ball-scale-multiple { width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; background-color: transparent !important; -webkit-animation: none; animation: none; } .css3-spinner-ball-scale-multiple > div { background-color: #DDD; border-radius: 100%; position: absolute; left: 0; top: 0; opacity: 0; width: 60px; height: 60px; -webkit-animation: ball-scale-multiple 1.25s 0s linear infinite; animation: ball-scale-multiple 1.25s 0s linear infinite; } .css3-spinner-ball-scale-multiple > div:nth-child(2) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .css3-spinner-ball-scale-multiple > div:nth-child(3) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } @-webkit-keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .css3-spinner > .css3-spinner-triangle-path { background-color: transparent !important; -webkit-transform: translate(-29.994px, -37.50938px); -ms-transform: translate(-29.994px, -37.50938px); transform: translate(-29.994px, -37.50938px); -webkit-animation: none; animation: none; } .css3-spinner-triangle-path > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; width: 10px; height: 10px; border-radius: 100%; background-color: #DDD; } .css3-spinner-triangle-path > div:nth-child(1) { -webkit-animation: ball-triangle-path-1 2s 0s ease-in-out infinite; animation: ball-triangle-path-1 2s 0s ease-in-out infinite; } .css3-spinner-triangle-path > div:nth-child(2) { -webkit-animation: ball-triangle-path-2 2s 0s ease-in-out infinite; animation: ball-triangle-path-2 2s 0s ease-in-out infinite; } .css3-spinner-triangle-path > div:nth-child(3) { -webkit-animation: ball-triangle-path-3 2s 0s ease-in-out infinite; animation: ball-triangle-path-3 2s 0s ease-in-out infinite; } .css3-spinner-triangle-path > div:nth-of-type(1) { top: 50px; } .css3-spinner-triangle-path > div:nth-of-type(2) { left: 25px; } .css3-spinner-triangle-path > div:nth-of-type(3) { top: 50px; left: 50px; } @-webkit-keyframes ball-triangle-path-1 { 33% { -webkit-transform: translate(25px, -50px); transform: translate(25px, -50px); } 66% { -webkit-transform: translate(50px, 0px); transform: translate(50px, 0px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes ball-triangle-path-1 { 33% { -webkit-transform: translate(25px, -50px); transform: translate(25px, -50px); } 66% { -webkit-transform: translate(50px, 0px); transform: translate(50px, 0px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-webkit-keyframes ball-triangle-path-2 { 33% { -webkit-transform: translate(25px, 50px); transform: translate(25px, 50px); } 66% { -webkit-transform: translate(-25px, 50px); transform: translate(-25px, 50px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes ball-triangle-path-2 { 33% { -webkit-transform: translate(25px, 50px); transform: translate(25px, 50px); } 66% { -webkit-transform: translate(-25px, 50px); transform: translate(-25px, 50px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-webkit-keyframes ball-triangle-path-3 { 33% { -webkit-transform: translate(-50px, 0px); transform: translate(-50px, 0px); } 66% { -webkit-transform: translate(-25px, -50px); transform: translate(-25px, -50px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes ball-triangle-path-3 { 33% { -webkit-transform: translate(-50px, 0px); transform: translate(-50px, 0px); } 66% { -webkit-transform: translate(-25px, -50px); transform: translate(-25px, -50px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } .css3-spinner > .css3-spinner-ball-pulse-sync { width: 70px; height: 34px; margin-left: -35px; margin-top: -17px; background-color: transparent !important; -webkit-animation: none; animation: none; } .css3-spinner-ball-pulse-sync > div { display: inline-block; background-color: #DDD; width: 14px; height: 14px; margin: 10px 3px 0; border-radius: 100%; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .css3-spinner-ball-pulse-sync > div:nth-child(0) { -webkit-animation: ball-pulse-sync 0.7s -0.21s infinite ease-in-out; animation: ball-pulse-sync 0.7s -0.21s infinite ease-in-out; } .css3-spinner-ball-pulse-sync > div:nth-child(1) { -webkit-animation: ball-pulse-sync 0.7s -0.14s infinite ease-in-out; animation: ball-pulse-sync 0.7s -0.14s infinite ease-in-out; } .css3-spinner-ball-pulse-sync > div:nth-child(2) { -webkit-animation: ball-pulse-sync 0.7s -0.07s infinite ease-in-out; animation: ball-pulse-sync 0.7s -0.07s infinite ease-in-out; } .css3-spinner-ball-pulse-sync > div:nth-child(3) { -webkit-animation: ball-pulse-sync 0.7s 0s infinite ease-in-out; animation: ball-pulse-sync 0.7s 0s infinite ease-in-out; } @-webkit-keyframes ball-pulse-sync { 33% { -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0.85; } 66% { -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0.7; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes ball-pulse-sync { 33% { -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0.85; } 66% { -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0.7; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .css3-spinner > .css3-spinner-scale-ripple { width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; background-color: transparent !important; -webkit-animation: none; animation: none; } .css3-spinner-scale-ripple > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; top: 0; width: 50px; height: 50px; border-radius: 100%; border: 2px solid #DDD; -webkit-animation: ball-scale-ripple-multiple 1.4s 0s infinite cubic-bezier(.21, .53, .56, .8); animation: ball-scale-ripple-multiple 1.4s 0s infinite cubic-bezier(.21, .53, .56, .8); } .css3-spinner-scale-ripple > div:nth-child(0) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .css3-spinner-scale-ripple > div:nth-child(1) { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .css3-spinner-scale-ripple > div:nth-child(2) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .css3-spinner-scale-ripple > div:nth-child(3) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } @-webkit-keyframes ball-scale-ripple-multiple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } @keyframes ball-scale-ripple-multiple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } /* ---------------------------------------------------------------- HTML5 Youtube Video Backgrounds -----------------------------------------------------------------*/ .mb_YTVPlayer:focus { outline: 0; } .mb_YTVPlayer { display: block; transform: translateZ(0); transform-style: preserve-3d; perspective: 1000; backface-visibility: hidden; transform: translate3d(0, 0, 0); animation-timing-function: linear; } .mb_YTVPlayer.fullscreen { display: block !important; position: fixed !important; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; margin: 0 !important; border: none !important; } .mb_YTVPlayer.fullscreen .mbYTP_wrapper { opacity: 1 !important; } .mbYTP_wrapper iframe { max-width: 4000px !important; } .inline_YTPlayer { margin-bottom: 20px; vertical-align: top; position: relative; left: 0; overflow: hidden; border-radius: 4px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .7); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .7); box-shadow: 0 0 5px rgba(0, 0, 0, .7); background: rgba(0, 0, 0, .5); } .inline_YTPlayer img { border: none !important; -moz-transform: none !important; -webkit-transform: none !important; -o-transform: none !important; transform: none !important; margin: 0 !important; padding: 0 !important } /* ---------------------------------------------------------------- Datepicker Component -----------------------------------------------------------------*/ .datepicker td, .datepicker th { padding: 5px; } /* ---------------------------------------------------------------- Star Ratings Component -----------------------------------------------------------------*/ .rating-xl { font-size: 3rem !important; } .rating-lg { font-size: 2.5rem !important; } .rating-md { font-size: 2rem !important; } .rating-sm { font-size: 1.75rem !important; } .rating-xs { font-size: 1.25rem !important; } .rating-container .star { margin: 0 2px !important; } .rating-container .filled-stars { -webkit-text-stroke: 0px !important; text-shadow: none !important; } .irs-bar, .irs-from, .irs-to, .irs-single, .irs-handle > i:first-child, .irs-handle.state_hover > i:first-child, .irs-handle:hover > i:first-child { background-color: #f6901e !important; } .irs-from::before, .irs-to::before, .irs-single::before { border-top-color: #f6901e !important; } /* ---------------------------------------------------------------- Custom Animate.css Styles -----------------------------------------------------------------*/ @-webkit-keyframes fadeInDownSmall { from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownSmall { from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownSmall { -webkit-animation-name: fadeInDownSmall; animation-name: fadeInDownSmall; } @-webkit-keyframes fadeInLeftSmall { from { opacity: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftSmall { from { opacity: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftSmall { -webkit-animation-name: fadeInLeftSmall; animation-name: fadeInLeftSmall; } @-webkit-keyframes fadeInRightSmall { from { opacity: 0; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightSmall { from { opacity: 0; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightSmall { -webkit-animation-name: fadeInRightSmall; animation-name: fadeInRightSmall; } @-webkit-keyframes fadeInUpSmall { from { opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpSmall { from { opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpSmall { -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall; } @-webkit-keyframes fadeOutDownSmall { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } } @keyframes fadeOutDownSmall { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } } .fadeOutDownSmall { -webkit-animation-name: fadeOutDownSmall; animation-name: fadeOutDownSmall; } @-webkit-keyframes fadeOutLeftSmall { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } } @keyframes fadeOutLeftSmall { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } } .fadeOutLeftSmall { -webkit-animation-name: fadeOutLeftSmall; animation-name: fadeOutLeftSmall; } @-webkit-keyframes fadeOutRightSmall { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } } @keyframes fadeOutRightSmall { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } } .fadeOutRightSmall { -webkit-animation-name: fadeOutRightSmall; animation-name: fadeOutRightSmall; } @-webkit-keyframes fadeOutUpSmall { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } } @keyframes fadeOutUpSmall { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } } .fadeOutUpSmall { -webkit-animation-name: fadeOutUpSmall; animation-name: fadeOutUpSmall; } /* ---------------------------------------------------------------- Custom CSS Add all your Custom Styled CSS here for New Styles or Overwriting Default Theme Styles for Better Handling Updates -----------------------------------------------------------------*/ /* offcanvas mobile css */ body.offcanvas-active { overflow: hidden; } .offcanvas-header { display: none; } .screen-overlay { width: 0%; height: 100%; z-index: 30; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; background-color: rgba(34, 34, 34, 0.6); transition: opacity .2s linear, visibility .1s, width 1s ease-in; } .screen-overlay.show { transition: opacity .5s ease, width 0s; opacity: 1; width: 100%; visibility: visible; } @media all and (max-width:992px) { #logo img { width: 120px !important; } #header-wrap { padding: 5px 0; } .offcanvas-header { display: block; } .menu-container li { padding: 0 0 0 15px; } .mobile-offcanvas { visibility: hidden; transform: translateX(-100%); border-radius: 0; display: block; position: fixed; top: 0; left: 0; height: 100%; background: #363636; z-index: 1200; width: 90%; overflow-y: auto; overflow-x: hidden; transition: visibility .4s ease-in-out, transform .4s ease-in-out; -webkit-transform: translateX(-100%); } .mobile-offcanvas.show { visibility: visible; transform: translateX(0); } } /* Primary Menu - Overlay Menu -----------------------------------------------------------------*/ .overlay-menu:not(.top-search-open) #primary-menu-trigger { display: -ms-flexbox; display: flex; opacity: 1; pointer-events: auto; width: 30px; height: 30px; line-height: 30px; } .overlay-menu .primary-menu > #overlay-menu-close { position: fixed; top: 25px; left: auto; right: 25px; width: 48px; height: 48px; line-height: 48px; font-size: 1.5rem; text-align: center; color: #444; } .overlay-menu #primary-menu-trigger { z-index: 599; } .overlay-menu .primary-menu { position: fixed; top: 0; left: 0; padding: 0 !important; margin: 0 !important; border: 0 !important; width: 100%; height: 100%; height: calc(100vh); background-color: rgba(255, 255, 255, 0.95); -webkit-transition: opacity .4s ease, transform .45s ease !important; transition: opacity .4s ease, transform .45s ease !important; } .overlay-menu .primary-menu, .overlay-menu .primary-menu > #overlay-menu-close { opacity: 0 !important; pointer-events: none; z-index: -2; -webkit-transform: translateY(-80px); transform: translateY(-80px); -webkit-transition: opacity .4s ease, transform .45s ease !important; transition: opacity .4s ease, transform .45s ease !important; } .overlay-menu.primary-menu-open .primary-menu, .overlay-menu.primary-menu-open #overlay-menu-close { opacity: 1 !important; pointer-events: auto; z-index: 499; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .3s ease, transform .45s ease !important; transition: opacity .3s ease, transform .45s ease !important; } .overlay-menu .primary-menu, .overlay-menu.primary-menu-open .primary-menu { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: opacity .4s ease, transform .45s ease !important; transition: opacity .4s ease, transform .45s ease !important; } .overlay-menu .primary-menu > .container { max-height: 90%; overflow-y: scroll; } .overlay-menu .menu-container { display: -ms-flexbox !important; display: flex !important; flex-direction: column; max-width: 250px; padding: 0 !important; margin: 0 auto !important; border: 0 !important; } .overlay-menu .menu-container > .menu-item > .menu-link { font-size: 0.9375rem; } .overlay-menu .menu-item { width: 100%; } .overlay-menu .menu-link { padding-top: 10px; padding-bottom: 10px; padding-left: 0; padding-right: 0; } .overlay-menu .sub-menu-container, .overlay-menu .mega-menu-content { display: none; position: relative; top: 0 !important; left: 0 !important; right: auto; width: 100%; max-width: 100%; box-shadow: none; background: transparent; border: 0; padding: 10px 0 !important; transform: translateX(0); } .overlay-menu .mega-menu-content .sub-menu-container { padding: 5px 0 !important; } .overlay-menu .mega-menu-title .sub-menu-container { padding-top: 0 !important; } .overlay-menu .mega-menu-content .mega-menu-column { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 0; padding-right: 0; border: 0 !important; } .overlay-menu .sub-menu-container .menu-link { padding: 5px 0; } .overlay-menu .sub-menu-container .menu-item:hover > .menu-link { padding-left: 0; padding-right: 0; background: transparent; } .overlay-menu .sub-menu-container .menu-link i.icon-angle-down { position: relative; display: inline-block; top: -1px; left: 0; margin-left: 5px; transform: rotate(0deg); } .overlay-menu { overflow: hidden !important; } /* ---------------------------------------------------------------- Custom CSS Add all your Custom Styled CSS here for New Styles or Overwriting Default Theme Styles for Better Handling Updates -----------------------------------------------------------------*/ ul, ol { list-style: none; } .hidden { display: none !important; } ul.login-register { margin: 0; display: flex; align-items: center; } #winner-slider .owl-dots, #slot-slider .owl-dots { display: none; } .header-wrap-clone { height: 59px !important; } #top-bar .col-lg-12 { display: flex; justify-content: space-between; align-items: center; } button:focus, .btn:focus, .btn:active, .btn:hover { box-shadow: none !important; outline: none !important; } .lang-eng { background: url(../images/united-kingdom.png) no-repeat; background-size: contain; padding: 0 0 0 30px; } .lang-cn { background: url(../images/china.png) no-repeat; background-size: contain; padding: 0 0 0 30px; } #top-bar .bootstrap-select { width: 150px; } #top-bar .bootstrap-select .btn { background: #fff; border: none; } #top-bar .bootstrap-select .btn:active, #top-bar .bootstrap-select .btn:focus { outline: none !important; } #top-bar .bootstrap-select span { font-size: 13px; } /* sticky header css */ #header.sticky-on-scrollup #header-wrap { -webkit-transition: height .4s ease, opacity .3s ease, margin-top .4s ease; -o-transition: height .4s ease, opacity .3s ease, margin-top .4s ease; transition: height .4s ease, opacity .3s ease, margin-top .4s ease; } #header.sticky-on-scrollup.sticky-header #header-wrap { margin-top: -60px; } #header.sticky-on-scrollup.show-sticky-onscroll.sticky-header #header-wrap { margin-top: 0px; } /* menu css */ .mega-menu-content .sub-menu-container .menu-item ul li img { width: 100px; transition: all 0.5s ease; } .mega-menu-content .sub-menu-container .menu-item ul li a span { display: block; text-transform: uppercase; font-size: 13px; margin: 8px 0; font-weight: 300; } .mega-menu-content .sub-menu-container .menu-item ul li a { color: #fff; } .mega-menu-content .sub-menu-container .menu-item ul li { display: inline-block; text-align: center; } .mega-menu-content .sub-menu-container .menu-item ul li:hover img { opacity: 0.3; transition: all 0.5s ease; } .hero-slider-wrapper .owl-dots {} .hero-slider-wrapper .owl-carousel .owl-dots { position: absolute; width: 100%; bottom: 30px; } .hero-slider-wrapper .owl-carousel .owl-dots .owl-dot { width: 24px; height: 24px; border: 1px solid #686869; border-color: #727272; border-radius: 4px; background-color: #050506; } .landing-page .content-wrap { padding: 25px 0; overflow: unset; } .offcanvas-header .btn:before { color: #fff; font-size: 1.2em; } button.btn-close i { color: white; } .offcanvas-header .btn span { display: none; } .offcanvas-header .btn { margin: 0 0 0 0; } .offcanvas-header { position: relative; text-align: right; justify-content: flex-end; } .footer-info { background: #000000; color: #b9b9b9; font-size: 14px; } .footer-info .content-wrap { padding: 40px 0; } .footer-info h3 { color: #f6901e; text-transform: uppercase; margin-bottom: 10px; font-size: 22px; } .footer-info h5 { color: #b9b9b9; font-weight: bold; margin-bottom: 10px; font-size: 15px; } #primary-menu-trigger .btn { color: #fff; padding: 2px 10px; border: 1px solid #313131; } .top-link { display: flex; margin-bottom: 0; } .top-link li { display: flex; align-items: center; justify-content: center; padding: 0 10px; border-right: 1px solid #191919; } /* marquee */ .footer-contents h3 { color: #fff; font-size: 18px; } .footer-contents h3 span { color: #f6901e; } #top-bar ul { margin-bottom: 0; text-transform: uppercase; font-size: 12px; } #top-bar ul li .button { padding: 0; display: flex; align-items: center; color: #fff; } /*.top-bar-user li:nth-child(3) .button { padding: 0!important; }*/ .top-bar-user .button { margin: 0; padding: 0; font-size: 13px; } .top-bar-user li:first-child .button { padding: 0; } .top-bar-user .button i { font-size: 20px; text-shadow: none; margin: 5px 5px 0 0; } .top-bar-user .button span.badge { background: #F0090D; border-radius: 3px; position: absolute; padding: 3px 5px; line-height: 1; color: #fff; display: block; font-size: 9px; font-weight: normal; top: -3px; right: -3px; border-radius: 80px; } .button-transparent { background: transparent; border-color: transparent; color: #333; } .button-transparent:hover { background: transparent; border-color: transparent; color: #333; } .top-bar-user .user-dropdown-menu .dropdown-menu a:last-child { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; display: block; /*padding: 6px 0 6px 40px;*/ color: #0a0a0a; font-weight: 500; } .dropdown-item { padding: .35rem 1.5rem; border-bottom: 1px solid #e0e0e0 !important; } .top-bar-user .user-dropdown-menu .dropdown-menu a:last-child:before { position: absolute; left: 24px; } .top-bar-user .notification-alert .dropdown-menu { padding: 0; border: none; } .top-bar-user .dropdown-menu { box-shadow: 0px 4px 19px -6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 4px 19px -6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 4px 19px -6px rgba(0, 0, 0, 0.4); } .top-bar-wallet-mobile { text-align: left; background: #d0ad44; padding: 8px 0 8px 22px; font-weight: 700; font-size: 14px; border-radius: 4px 4px 0 0; display: none; } .top-bar-user .user-dropdown-menu .dropdown-menu { width: 180px; font-size: 13px; padding: 0; border: none; } .top-bar-user .notification-alert .dropdown-menu .dropdown-item { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: capitalize; } .notif-hd-title { padding: 7px 15px 5px 15px; font-weight: 400; background: #ccab4a; color: #000; } .a-top-text-block { display: block; } .afb-textlimit { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 13px; } .notification-alert .dropdown-menu li { padding: 0; border-bottom: 1px solid #e5e5e5; margin: 0; } .notification-alert .dropdown-menu li a { padding: 8px 15px; width: 100%; } .notification-alert .dropdown-menu li a:hover { background: #ededed !important; } .notification-alert .dropdown-menu li:last-child { margin: 0; padding: 0; } .notification-alert .dropdown-menu li a.a-top-text-block { padding-left: 11px; color: #000; border-left: 4px solid #cbaa4a !important; } .notification-alert .dropdown-menu li:last-child .button { padding: 8px 15px !important; color: #333; background: #bd9d40; background: linear-gradient(174deg, rgba(204, 171, 74, 1) 0%, rgb(158, 127, 34) 100%); width: 100%; text-align: left; font-size: 12px; text-transform: capitalize; border-radius: 0 0 3px 3px; } .notification-alert .dropdown-menu li:last-child { border-bottom: none; } .notification-alert .dropdown-menu li:last-child div { width: 100%; display: block; } .a-top-text-light { font-size: 12px; color: #909090; } /* custom toggle */ .footer-toggle .toggle-header, .accordion-header { position: absolute; display: -ms-flexbox; display: block; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px; cursor: pointer; color: #444; font-size: 1rem; font-weight: 700; top: 3px; right: 0; width: 100%; /* background: aliceblue; */ } .footer-toggle .toggle-icon, .accordion-icon { text-align: right; color: #fff; } @media (max-width: 580px) { #slideout { display: none !important; } .dls-show { display: none !important; } #slideout p { font-size: 12px; } .nav-bottom .nav-link { width: 20%; } span.profile-username { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 64px; display: inline-block; } .top-link li:first-child { display: none !important; } #top-bar ul li:nth-child(3) .button { margin: 8px 0 !important; } .top-link li { padding: 0 10px 0 0 !important; } } @media (min-width: 580px) { .footer-toggle .toggle-content { display: block !important; } .footer-toggle .toggle-header, .accordion-header { display: none; } } #top-bar .dropdown-item.active, .dropdown-item:active { background-color: #ff9200 !important; } .button-transparent { background: transparent; } .lang-selection .button { text-transform: capitalize; font-weight: bold; font-size: 13px; } .lang-selection .dropdown-menu a { display: block; font-size: 13px; padding: 5px 10px 5px 40px; position: relative; } .lang-selection .dropdown-menu a img { width: 15px; position: absolute; left: 10px; top: 7px; } .lang-selection img { width: 18px; } .side-panel-app { position: fixed; top: 30%; z-index: 999; font-size: 18px; } .side-panel-app ul { list-style: none; } .side-panel-app * { margin: 0; padding: 0; outline: 0; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .side-panel-app li a { text-decoration: none; color: #000; display: block; position: relative; } .side-panel-app .fa { vertical-align: middle; font-size: 18px; width: 50px; height: 50px; line-height: 50px; text-align: center; position: relative; z-index: 4; } .side-panel-app li span { position: absolute; top: 0; opacity: 0; z-index: 3; } .side-panel-app a:hover span { opacity: 1; left: 50px; margin: 0; text-align: center; } .side-panel-app li span { z-index: -999; position: absolute; top: 0; left: 0; opacity: 0; background: #c44745; line-height: 100px; width: 100px; -webkit-transition: all .3s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; border-left: 3px solid #9b3735; } .side-panel-app li:last-child span { z-index: -999; position: absolute; top: -50px; left: 0; opacity: 0; background: #c44745; line-height: 100px; width: 100px; -webkit-transition: all .3s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; border-left: 3px solid #9b3735; } .side-panel-app li:last-child a:hover span { opacity: 1; left: 50px; top: -50px; margin: 0; text-align: center; } .side-panel-app li a { background: rgb(204, 171, 74); background: linear-gradient(162deg, rgba(204, 171, 74, 1) 0%, rgba(144, 116, 33, 1) 100%); color: #000; border-radius: 0 4px 4px 0; } .side-panel-app li a:hover .fa { transform: rotate(720deg); } .side-panel-app li:first-child a:hover { background-color: #32DE84; } .side-panel-app li:last-child a:hover { background-color: #000; } .marquee-content { margin: 0; position: relative; } .marquee-marquee { background: #1d1d1d; } /* .marquee-content:before { content: "\e6e0"; font-family: 'font-icons'; display: inline-block; font-style: normal; position: absolute; top: 2px; left: 0; color: #fff; font-size: 26px; } */ .marquee-content ul li { list-style: none; padding: 10px 0; font-size: 13px; color: #ababab; } .marquee-content ul { text-align: center; width: 100%; } .captcha-wrapper { display: flex; align-items: center; margin: 0 0 15px 0; } .captcha-wrapper .captcha-image { margin: 0 15px 0 0; } .captcha-input-field input { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .red { color: #ff0000; } #darkness { background: rgba(0, 0, 0, 0.5); transition: background 0.2s; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 99; display: none; } ul.mega-menu:hover + #darkness { display: block !important; } .modal-content { border: none; } #onenotdiv .text-muted { font-size: 13px; color: #bfbfbf !important; } #onenotdiv p { margin-bottom: 10px; } /* lobby*/ .lobby-game-listing .inner-game-listing { width: 25%; float: left; } .lobby-game-listing .inner-game-listing .game-listing { margin: 10px; border: 1px solid #eaeaea; border-radius: 5px; padding: 5px; position: relative; } .lobby-game-listing .inner-game-listing .previewbox { position: relative; padding-bottom: 46px; } .lobby-game-listing .inner-game-listing .previewbox a { display: block; } .lobby-game-listing .inner-game-listing .previewbox .button { position: absolute; bottom: 0; display: block; width: 100%; left: 0; right: 0; margin: 0; } .lobby-game-listing .inner-game-listing .previewbox img { opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .lobby-game-listing .inner-game-listing .previewbox:hover img { opacity: .5; } @media (max-width: 767.98px) { .news, .promos { flex-wrap: wrap; } .news div.news-wrapper, .promos div.promos-wrapper { width: 100% !important; margin-right: 0 !important; } .lobby-game-listing .inner-game-listing { width: 50%; } .side-panel-app li span { display: none; } .top-link li:first-child { display: none; } } .lobby-page-navigation { margin: 15px 0; } .dropdown-item { text-transform: capitalize; } /* */ #promoWG a { display: block; } #promoWG .button { display: block; width: 100%; margin: 0; } /* Width Control */ .width-control1024 { width: 100% !important; } /* top 5 game page */ .Promo-head-title { padding: 15px 0; } .Promo-head-title .h3 { margin: 0; } .top-five-provider-listing div { margin-bottom: 20px; } .top-five-provider-listing div a { display: block; text-align: center; background: #000; border-radius: 4px; } .top-five-provider-listing div.top-five-title { margin: 5px 0; background: #414141; padding: 8px; color: #afafaf; border-radius: 3px; font-size: .75rem; } .hov-img-zoom { display: block; overflow: hidden; border-radius: 4px 4px 0 0; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; margin-bottom: 0; } #slot-game .hov-img-zoom { background: rgb(139, 107, 29); background: radial-gradient(circle, rgba(139, 107, 29, 1) 0%, rgba(0, 0, 0, 1) 100%); border: 1px solid #886e27; } .hov-img-zoom:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.6s; -o-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; } .hov-img-zoom img { -webkit-transition: all 0.6s; -o-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; } .top-five-game-carousel { position: relative; overflow: hidden; } .top-five-game-carousel .overlay { position: absolute; bottom: -55px; width: 100%; text-align: center; font-size: 20px; display: block; transition: bottom 0.5s ease; } .top-five-game-carousel:hover .overlay { bottom: 20px; transition: bottom 0.5s ease; } #top5id .owl-nav { width: 100%; text-align: center; } #top5id button.owl-prev, #top5id button.owl-next { width: 30px; height: 30px; background: #f88c00; border-radius: 100px; margin: 0 5px; } /*language icon */ .lang-selection .dropdown-menu a span { left: 8px !important; } /* 09/12/2020 Contact Us */ #slideout { position: fixed; top: 44%; right: 0; z-index: 999; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } #slideout p { width: 35px; padding: 12px 0; text-align: center; background: rgb(204, 171, 74); background: linear-gradient(320deg, rgba(204, 171, 74, 1) 0%, rgba(144, 116, 33, 1) 100%); -webkit-writing-mode: tb-rl; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; transform: rotate(-180deg); color: #000; margin: 0 auto; padding: 20px 8px; border-radius: 0 4px 4px 0; } #slideout_inner { position: fixed; top: 44%; right: -250px; background: #000; width: 250px; padding: 15px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; text-align: left; -webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; } #slideout_inner textarea { width: 190px; height: 100px; margin-bottom: 6px; #slideout_inner } #slideout:hover { right: 250px; transition: right 1s; } #slideout:hover #slideout_inner { right: 0; transition: right 1s; } .afb-medias a:last-child { margin-bottom: 0; } .afb-medias a { width: 100%; /*background: rgb(204,171,74);*/ background: linear-gradient(174deg, rgba(204, 171, 74, 1) 0%, rgba(144, 116, 33, 1) 100%) !important; border: none; outline: none; display: block; margin-bottom: 1px; padding: 8px 15px; /* background-image: linear-gradient(to right, #6a11cb, #2575fc); */ color: #000; font-size: .8rem; border-radius: 3px; margin-bottom: 2px !important; } .afb-medias .h1 { color: #fff; font-size: 1.3rem; font-weight: 400; margin-bottom: 8px; } .afb-medias a:hover { background: linear-gradient(0deg, rgba(204, 171, 74, 1) 0%, rgba(144, 116, 33, 1) 100%) !important; color: #000; } .afb-medias a > div { display: inline-block; margin-right: 15px; } .news-title h2 a { font-weight: 400; font-size: 1rem; } .table-dark { color: #fff; background-color: #000000; } .required:after { content: " *"; color: red; } .mandatory_field { color: red !important; } .user-profile-avatar { display: none; float: left; } .user-profile-dropdown .top-bar-wallet { display: none; } @media (max-width: 580px) { .marquee-content ul li { font-size: 11px !important; } .showMobile { display: block !important; } .user-profile-dropdown .top-bar-wallet { display: block !important; border-radius: 0; } .user-profile-avatar { display: block !important; } .affiliate-link img { display: block !important; width: 25px; filter: invert(0%) sepia(7%) saturate(29%) hue-rotate(335deg) brightness(0%) contrast(107%); } } /*game lobby */ .game-lobby-listing { float: left; } .game-lobby-listing > .inner { margin: 15px; position: relative !important; } /* .game-lobby-listing .button { width: 100%; margin: 0; position: absolute; left: 0; bottom: 0; border-radius: 0 0 3px 3px; white-space: break-spaces; line-height: 1.2; } */ .game-lobby-listing img { border-radius: 3px; } .game-lobby-listing span { position: absolute; transition: opacity 300ms; opacity: 0; bottom: 0; left: 0; display: block; width: 100%; padding: 8px; text-align: center; color: #fff; background: #ddba50; border-radius: 0 0 3px 3px; font-size: 14px; } .game-lobby-listing :hover ~ span { opacity: 1; } @media (min-width: 1200px) { .game-lobby-listing { width: 20%; } } @media (max-width: 1199px) { .game-lobby-listing { width: 25%; } } @media (max-width: 997px) { .game-lobby-listing { width: 33.3333%; } } @media (max-width: 767.98px) { .game-lobby-listing { width: 50%; } } #top-bar .top-bar-wallet { display: none; } @media (max-width: 480px) { #htop-Notify-Btn { display: flex !important; align-items: center; justify-content: space-between; } /* .post-wallet, .post-login-notification { display: none; }*/ #top-bar .top-bar-wallet { display: block; font-size: 13px; font-weight: 700; } #logo img { width: 100px !important; } .timezone-wrapper { display: none; } .game-lobby-listing { width: 100%; } .button.button-mini { padding: 3px 7px !important; line-height: unset; margin: 0 3px; } .login-register .button i { display: none; } } .paginationjs-pages ul li a.active { background: #ccab4a !important; color: #000 !important; } .pagination > li:first-child > a { border-radius: 50px 0 0 50px; } .pagination > li:last-child > a { border-radius: 0 50px 50px 0; } .provider-lobby span { font-size: 13px; text-transform: uppercase; font-weight: 700; display: block; padding-bottom: 10px; } #general-post .h2.general-post-title { font-size: 20px; /* margin-bottom: 15px; */ text-transform: uppercase; padding-bottom: 8px; border-bottom: 1px solid #e0e0e0; margin: 20px 0; color: #fff; } #lobby-header, #general-post { padding: 10px 0 25px 0; background: transparent; } #news-header .news-listing a { font-size: 15px; line-height: 1.2; display: block; margin: 0 0 15px 0; } #news-header .news-listing a.button { display: inline-block; } .news-detail-header .button { background: transparent; position: absolute; top: 5px; left: 0; color: #333; padding-left: 0; right: 0; } .news-detail-header { position: relative; } .hov-img-zoom a { display: block; border-radius: 8px; } .seoar img { width: auto; max-width: 100%; } .afb-f-green { color: green } .afb-f-red { color: red; } .afb-f-yellow { color: yellow; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(68, 68, 68, 0.9); color: #ababab; } .table-striped tbody tr:nth-of-type(even) { background-color: rgba(0, 0, 0, 0.9); color: #ababab; } .sticky-top { top: 60px; z-index: 200; } .h3.generic-header { margin-bottom: 25px; color: #fff; padding: 20px 0 10px 0; border-bottom: 1px solid #e0e0e0; } .card-header:first-child { border-radius: 0 !important; } /* affiliate icon*/ .affiliate-link img { display: none; } .affiliate-link .button-transparent { padding: 0; } #line-qr-code span { margin: 15px 0; } #line-qr-code img { margin: 15px 0; } button.close { z-index: 9; color: #fff; font-weight: 400; } .close:hover { color: #fff; } .modal-header .close { color: #fff; } .modal-header { border-bottom: 1px solid #252525; } .modal-footer { border-top: 1px solid #252525; } #affiliate-link { text-align: center; } .top-bar-wallet { background: linear-gradient(180deg, rgb(255, 225, 131) 0%, rgb(158, 117, 0) 51%, rgb(134, 101, 10) 51%, rgb(144 113 48) 100%); color: #191919; border-radius: 3px; padding: 4px 8px; display: flex; align-items: center; position: relative; font-size: 14px; overflow: hidden; border-radius: 50px; cursor: pointer; } .my-credit-hide:after { position: absolute; content: '*******'; display: flex; top: 6px; font-size: 15px; overflow: hidden; z-index: 9; color: #000; text-shadow: none; } .post-login-notification .dropdown-menu { width: 220px; } .top-bar-wallet span:first-child { margin: 0 5px; /* font-weight: 900; */ } .blur-text { color: transparent; } #eye-blur { cursor: pointer; padding: 3px 2px; } #dls-mobile { display: none; } .history-transaction .table td, .history-transaction .table th { padding: 4px .75rem; font-size: 13px; } @media (max-width: 580px) { .recomended-game div { width: 20% !important; } :root { --iconSize: 20px !important; } .product-zoom span { font-size: 12px !important; } .title-small { font-size: 12px !important; } h1, h2, h3, h4, h5, h6 { font-size: 14px; } .sticky-top { position: unset; } .side-panel-app .fa { width: 30px; height: 30px; line-height: 30px; } } .sticky-left { position: sticky; left: 0; z-index: 1; } .transaction-game tr:nth-child(odd) .sticky-left { background-color: #050606; } .transaction-game tr:nth-child(even) .sticky-left { background-color: #2f3439; } .transaction-game thead tr:first-child .sticky-left { background-color: #343a40; } @media (max-width:767px) { .latest-winners::before { right: 0px; } .cd-tabs__item { width: auto !important; font-size: 13px !important; } .cd-tabs__item .icon { margin-bottom: 5px !important; } } #login-bar, #login-bar .col-lg-12 { display: flex; align-items: center; } #login-bar .col-lg-12 { justify-content: flex-end; } #login-bar { background: #191919; } .button-gold { background: linear-gradient(180deg, rgb(255, 225, 131) 0%, rgb(158, 117, 0) 51%, rgb(134, 101, 10) 51%, rgb(144, 113, 48) 100%); border: 2px solid #8e6b04; transition: all 0.5s ease; color: black !important; } .button-gold:hover { background: linear-gradient(to bottom, #f5ce57 0%, #b69743 50%, #f5ce57 100%); transition: all 0.5s ease; } .login-register .button i { font-size: 16px; margin-right: 4px; } .login-register .button { display: flex; align-items: center; } .error-content { font-size: 12px; color: red; padding: 10px 0; } .top-bar-user { display: flex; align-items: center; margin: 0; color: #fff; } .top-bar-user li { margin: 0 4px; } .top-bar-user li .button { color: #fff; display: flex; align-items: center; } .top-bar-user li.affiliate-link .button { color: #000 !important; } #affiliate-link .modal-content { max-width: 300px; } .language-selection { display: flex; align-items: center; } .timezone-wrapper { margin-right: 8px; } .modal-backdrop { background-color: #424242; } .button-transparent { background: transparent; } .top-game-search i { font-size: 16px; } .top-game-search .button { color: #d1d1d1; padding: 0; } .top-game-search .button:hover { color: #d1d1d1; } #landing-hero .owl-nav { display: none; } #slot-game .owl-dots { display: none; } #casino-game .owl-nav [class*=owl-] { top: 42%; } .winner-slider .owl-nav button i, #slot-game .owl-nav button i, #casino-game .owl-nav button i { font-size: 3em; } .winner-slider .owl-nav [class*=owl-]:hover, #slot-game .owl-nav [class*=owl-]:hover, #casino-game .owl-nav [class*=owl-]:hover { background-color: transparent !important; } .winner-slider { margin-bottom: 20px; } .table td, .table th { border-top: none; } .news, .promos { display: flex; align-items: end; } .news div.news-wrapper, .promos div.promos-wrapper { width: 50%; margin-right: 15px; margin-bottom: 15px; } .promos div.promos-wrapper span { display: block; font-size: 12px; text-align: center; width: 100%; background: linear-gradient(0deg, #000, #212121); color: #c4a445; padding: 8px; } .news div.news-wrapper img, .promos div.promos-wrapper img { display: block; margin-bottom: 15px; border-radius: 4px; width: 100%; } .news div.news-wrapper:last-child, .promos div.promos-wrapper:last-child { margin-right: 0; } #search-modal { padding-right: 0 !important; } #search-modal .modal-content { top: 0; bottom: 0; border-radius: 0; position: absolute; background-color: #0000009e; } #search-modal .modal-body { max-width: 1000px; margin: 0 auto; } .modal-search { position: relative; } .modal-search .form-control { padding: 10px; height: 50px; border-radius: 50px; position: relative; } .modal-search a { position: absolute; top: 10px; right: 15px; color: #333; font-size: 20px; } .recomended-game { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .recomended-game div { margin: 5px; width: 23%; } #search-modal .modal-dialog { max-width: 100%; margin: 0; height: 100%; z-index: 999; } #search-modal .modal-content .close { position: absolute; /*top: 21px;*/ right: 5%; font-size: 3em; opacity: 1; } @media only screen and (min-width: 581px) { .showMobile { display: none !important; } } h3.landing-title { display: block; text-align: center; } .product-zoom { overflow: hidden; position: relative; } .product-zoom span { display: block; text-align: center; padding: 8px 0; background: linear-gradient(0deg, #000, #212121); color: #c4a445; border-radius: 0 0 4px 4px; margin-top: -1px; text-transform: capitalize; } #htop-Notify-Btn { display: none; } /* card flip vert */ .card-flipVert { cursor: pointer; width: 340px; height: 480px; } .card-flipVert .front, .card-flipVert .back { width: 340px; height: 480px; overflow: hidden; backface-visibility: hidden; position: absolute; transition: transform .5s linear; } .card-flipVert:hover > .front { transform: perspective(600px) rotateY(-180deg); } .card-flipVert:hover > .back { transform: perspective(600px) rotateY(0deg); } .card-flipVert .back { background: purple; transform: rotateY(180deg); } .card-flipVert .front { background: green; } /* card flip vert */ /*transcation game history table*/ .afb-f-red { color: #ff2a2a !important; } .afb-f-green { color: #00ff00 !important; } .thead-dark { background-color: black; } .table-striped tbody tr:nth-of-type(odd) { background-color: #2c2c2c !important; } .table .thead-dark th { color: #fff; background-color: #000000; border-color: #ffffff; border-top: 0; padding: 8px 0; } /* td.table-th-font-limit { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-width: 210px; min-width: 150px; } */ .thead-dark tr { text-align: center; } .margin-right-table { margin-right: -10px; } .vl { border-left: 5px solid green; height: 20px; display: inline; margin-right: 10px; margin-left: 10px; } .afb-title-h1 { width: 100%; padding: 8px 0; font-size: 1.5em; } .afb-title-h1 span { color: white; } .afb-title-h1 .h1 { color: white; font-size: .6em; font-weight: 500; display: inline-block; margin: 0 auto; } .afb-title-h1 a span { display: inline-block; float: right; color: #b3b3b3; margin-right: 25px; margin: 0 auto; font-size: .9em; } .afb-title-h1 a span:hover { color: #28a745; } * { box-sizing: border-box; } @media only screen and (max-width: 992px) { .margin-right-table { margin-right: -15px; } } @media only screen and (max-width:415px) { td.table-th-font-limit { width: auto; } .table > tbody > tr > td.one { line-height: normal; } } @media only screen and (max-width:376px) { .table td, .table th { font-size: .8em; } } .table > tbody > tr > td.one { line-height: 2.4; } table th { font-size: .9em; } .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; color: black; max-width: 40vw; overflow-x: auto; } .table-sticky thead.thead-dark .sticky-left { background-color: #333; } table.transaction-game.table-sticky tbody .sticky-left { background: #3c3c3c; } table.transaction-game.table-sticky tbody tr:nth-child(2n+2) .sticky-left { background: #191919; } @media only screen and (max-width:376px) { .table td, .table th { font-size: .8em; } } table th { font-size: .9em; } @media screen and (min-width: 960px) { .table-sticky { border-collapse: collapse; white-space: normal; } .table-sticky tbody .sticky-left { position: sticky; left: 0; color: black; max-width: 40vw; overflow-x: auto; } } /* footer*/ .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; } * { box-sizing: border-box; } @media only screen and (min-width: 1200px) { .container { /*width: 1400px !important;*/ max-width: 100%; } } @media only screen and (max-width: 767px) { .footer-bottom p { font-size: .658em; } } footer { clear: both; width: 100%; /* overflow: hidden;*/ /*background: #070707;*/ /* float: left;*/ } footer p { /*color: #bbb;*/ font-size: 14px; } ul.all-logo-footer li { float: left; width: 50%; padding: 0 10px 10px 0; } ul.all-logo-footer li img { width: 100%; filter: grayscale(100%); } ul.all-logo-footer li img:hover { width: 100%; filter: grayscale(0%); -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s; } ul.provider-logo-footer li img { padding: 0 10px 15px 0; } @media screen and (max-width:767px) { ul.all-logo-footer li { padding: 0 25px 10px 0; } .shfooter ul { padding: 10px 0; } } .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; } .shfooter .collapse { display: inherit; } @media (max-width:767px) { .shfooter ul { margin-bottom: 0; } .shfooter .collapse { display: none; } .shfooter .title .fa-angle-up { display: none; } .shfooter .navbar-toggler { display: inline-block; padding: 0; } } .footer-bottom { padding: 45px 0; } .footer-bottom .h1 { font-size: 18px; color: var(--white); font-weight: 500 !important; } .footer-bottom p { color: var(--light); font-size: 12px; margin: 5px 0 auto; } @media only screen and (max-width: 767px) { .footer-bottom p { font-size: .9em; } } .footer-bottom p:hover { color: #ff6a00; } .shfooter .collapse { display: inherit; } @media (max-width:767px) { .shfooter ul { margin-bottom: 0; } .shfooter .collapse { display: none; } .shfooter .title .fa-angle-up { display: none; } .shfooter .navbar-toggler { display: inline-block; padding: 0; } } @media screen and (max-width:767px) { .footer-bottom { padding: 25px 0; } .partner-logo { padding-top: 0 !important; } } .wrapper-container { max-width: 1400px; } @media (max-width:767px) { .shfooter .collapse.show { display: block; } } @media (max-width:767px) { .shfooter .collapse { display: none; } .shfooter .collapse.show { display: block; } } /*member wallet*/ .TogglePanel { display: inline-block; height: 15px; overflow: hidden; transition: background-color .2s ease-in; position: relative; top: 0; } @media only screen and (max-width: 428px) { .TogglePanel { top: 0px; } .amount-button svg#eye-icon { top: -5px; position: relative; } } @media only screen and (max-width:376px) { .top-bar-wallet { background: none; } div#hideBtn { padding-top: 2px; } button#toggle { padding-top: 5px; } .TogglePanel__PanelOne, .TogglePanel__PanelTwo { font-size: .75em !important; } } .TogglePanel__PanelOne, .TogglePanel__PanelTwo { color: #ffffff !important; align-items: center; justify-content: center; font-size: 13px; font-weight: 500; 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; } .amount-blur { color: #ffffff14 !important; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5); } .amount-button { line-height: initial; background-color: #f0f8ff00; border: none; color: white; padding: 0 0 0 8px; margin: 0; display: flex; } .TogglePanel--showAlternate .TogglePanel__PanelOne { margin-top: -17px; opacity: 0; } .TogglePanel--showAlternate .TogglePanel__PanelTwo { opacity: 1; margin: -3px 0px; } .member-wallet { display: flex; align-items: center; background: #961414; padding: 0 6px; border-radius: 3px; } .TogglePanel__PanelTwo .one { text-shadow: none; color: #fff; } /* fix bottom menu */ :root { --iconSize: 28px; } .m-dp-block {} img.megamenu-icon { width: var(--iconSize); height: var(--iconSize); display: inline-block; filter: invert(0%) sepia(93%) saturate(1%) hue-rotate(225deg) brightness(0%) contrast(100%); } .nav-link span { color: #000; white-space: nowrap; } .nav-bottom .nav-link:hover { white-space: nowrap; background-color: #0000002e; } @media only screen and (max-width: 767px) { .nav-link span { display: flow-root; white-space: nowrap; } .m-dp-block { display: block !important; } } @media only screen and (max-width:575px) { .nav-link span { font-size: smaller; } } .mobile-menu__item-separator { height: 60px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .mobile-menu__item-separator:before { content: ''; display: block; height: 34px; width: 1px; background: linear-gradient(to top, transparent, #94897a, transparent); } /*search game */ .s006 form .suggestion-wrap { padding: 0 15px; } .s006 form .suggestion-wrap span { font-size: .9em; display: inline-block; background: rgba(62, 62, 62, 0.6); padding: 0 15px; line-height: 32px; color: #fff; border-radius: 16px; margin-right: 10px; margin-bottom: 10px; } .s006 form .suggestion-wrap span:hover { background: rgb(204, 171, 74); background: linear-gradient(162deg, rgba(204, 171, 74, 1) 0%, rgba(144, 116, 33, 1) 100%); } .s006 legend { font-size: 1.8em; margin-bottom: 20px; } .s006 form .inner-form { margin-bottom: 17px; } .s006 form button { background: rgb(204, 171, 74); color: #000; } .s006 form .inner-form .input-field { position: relative; width: 70%; margin-bottom: 17px; margin: 0 auto; } .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:-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; } @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; } } #searchMoreGameInput { margin: 20px 0 0 0; } @media screen and (max-width: 480px) { .photobox { width: 100%; } } .photobox { display: inline-block; } .photobox__previewbox { position: relative; overflow: hidden; } .photobox__preview { display: block; max-width: 100%; } .photobox__previewbox:before { content: ""; } .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: 180px;*/ } .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%; } } /*fullscreen modal */ .searchModalbg .modal-backdrop { background-color: #000; } .searchModalbg .show { opacity: .9; } .owl-dots { display: none; } div.jpcounter { display: block; text-align: center; background: linear-gradient(to bottom, #fbd459 0%, #68532b 100%); border-radius: 0 0 4px 4px; padding: 8px 0; } div.jpcounter span { display: block; color: #000; font-weight: bold; line-height: 1.2; background: transparent; padding: 0; } #htop-Notify-Btn .badge { background: #f00; color: #fff; } .profile-tabs button .fa-refresh:hover { color: #ffc108 !important; background: none !important; } .afb-blue-bar { background-color: #c1a143; } /*footer-line-icon*/ .social-network a.icoLine:hover { background-color: #01bd02; } .social-network a.icoLine > img, .social-network a.icoTikTok > 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; } /*canva video*/ video, canvas { max-width: 100%; height: auto; } .v-top:before { content: ''; display: block; position: absolute; top: -20px; right: 0; bottom: 0; left: -20px; margin: auto; z-index: -1; } .dragon-bg { position: absolute; background-image: var(--landing-register-afb88go); background-size: cover; background-repeat: no-repeat; background-position: bottom; width: 100%; height: 580px; left: 0; bottom: -108px; } audio, canvas, progress, video { display: inline-block; } .v-top, canvas, video { user-select: none; position: absolute; top: 134px; left: 0; bottom: 0px; margin-left: 0px; cursor: initial; width: 900px; } #video-canvas { width: 100%; } /*canva video*/ @media screen and (max-width: 1199px) { .intro-content > #logo > .standard-logo { margin: auto; } .landing-registration-wrapper .intro .intro-content, .landing-registration-wrapper .intro2 { width: 100% !important; } .dragon-bg { left: 21px !important; } .landing-registration p { width: 100%; } .v-top, canvas, video { left: -42px !important; } } @media screen and (max-width: 991px) { .dragon-bg { left: -41px !important; } .v-top, canvas, video { left: -84px !important; } } @media screen and (max-width: 992px) { .landing-USP-content span { font-size: 12px; } .landing-registration { padding: 15px 0 60px 0 !important; } .landing-registration p { width: 80% !important; margin: 0 auto !important; } .landing-registration-wrapper { display: block !important; } .landing-registration-wrapper .intro { width: 100% !important; margin-top: 330px; text-align: center; } .landing-registration-wrapper .intro2 { width: 100% !important; text-align: center; margin-top: 30px; } .dragon-bg { left: 0 !important; width: 100%; bottom: 234px; background-size: 100%; } .v-top, canvas, video { left: 0 !important; bottom: 0px; margin-left: 0px; width: 100% !important; } .v-top, canvas, video { top: 70px !important; } .landing-registration { background-size: 80% !important; background-position: top right !important; } } @media screen and (max-width: 680px) { .landing-USP-content span { font-size: 12px; } .landing-registration p { width: 80% !important; margin: 0 auto !important; } .landing-registration-wrapper { display: block !important; } .landing-registration-wrapper .intro { width: 100% !important; margin-top: 250px; text-align: center; } .dragon-bg { left: 0 !important; width: 100%; bottom: 234px; background-size: 100%; } .v-top, canvas, video { left: 0 !important; bottom: 0px; margin-left: 0px; width: 100% !important; } .v-top, canvas, video { top: 129px !important; } .landing-registration { background-size: 80% !important; background-position: top right !important; } } @media screen and (max-width: 480px) { .landing-USP-content span { font-size: 12px; } .landing-registration p { width: 80% !important; margin: 0 auto !important; } .landing-registration-wrapper { display: block !important; } .landing-registration-wrapper .intro { width: 100% !important; margin-top: 200px; text-align: center; } .dragon-bg { left: 0 !important; width: 100%; bottom: 234px; background-size: 100%; } .v-top, canvas, video { left: 0 !important; bottom: 0px; margin-left: 0px; width: 100% !important; } .v-top, canvas, video { top: 100px !important; } .landing-registration { background-size: 80% !important; background-position: top right !important; } } @media screen and (max-width: 580px) { .landing-registration { background-size: 100% !important; } /* .landing-registration { background-image: url(../../../../Content/img/afb88go/gold-light-ray-mobile.png)!important; } */ .button.button-large { padding: 2px 17px !important; font-size: 0.8rem !important; } .landing-registration p { font-size: 11px; margin-top: 10px !important; } } .landing-registration { padding: 60px 0; /* background-image: url(../../../../Content/img/afb88go/gold-light-ray.png);*/ background-size: 80%; background-repeat: no-repeat; background-position: top right; overflow: hidden; } .landing-registration h1 { margin-bottom: 0; color: #a98b32; } .landing-registration h3 {} .landing-registration p { font-size: 14px; margin-top: 20px; margin-bottom: 0; text-align: justify; } .landing-registration-wrapper { display: flex; position: relative; justify-content: flex-end; width: 100%; } .landing-registration-wrapper .intro { width: 40%; z-index: 199; } .landing-registration-wrapper .intro .intro-content { width: 80%; padding: 20px; background-color: rgba(0, 0, 0, 0.85); border-radius: 10px; } section.landing-USP { text-align: center; position: relative; } .gold-line-hr { margin: 0; border: none; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #e6c361 50%, transparent); } .landing-USP-content span { margin-top: 15px; text-transform: uppercase; display: block; color: #c6a646; font-weight: 700; } .landing-USP-content { border-radius: 8px; padding: 10px; } .bounce-right { animation: bounceRight 2s infinite; } .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: #f6901e; } .social-network a.icoMedium:hover { background-color: #FFC017; } .bounce-right { animation: bounceRight 2s infinite; } .user-auto-promocode, .user-auto-promocode-online { display: none; } .unreadMSG { background: #dae9ff; } .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; } .footer-wrapper01 { display: inline-block; background-color: #050505; padding: 30px 0; /*margin-top: 40px;*/ width: 100%; } .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; } } .gold-border { text-align: center; padding: 8px 0; background: linear-gradient(0deg, #000, #212121); color: #c4a445; border-radius: 0 0 4px 4px; margin-top: -1px; text-transform: capitalize; } .sl-h { display: none !important; } .sl-s { display: inline-block; } @media (max-width: 992px) { .sl-h { display: inline-block !important; } .sl-s { display: none; } } / simple Login / .simple-login input { background-color: transparent; color: white !important; } input, textarea { border-radius: 2px !important; padding: 10px 15px; width: 100%; box-sizing: border-box; border: none !important; border: 1px solid #ccab4a !important; font-size: 1em !important; color: black !important; font-weight: 400; background-color: #f0f8ff !important; } select { border-radius: 50px !important; padding: 5px 15px !important; width: 100%; box-sizing: border-box; border: none !important; border: 1px solid #ccab4a !important; font-size: 1em !important; color: black !important; font-weight: 400; background-color: #f0f8ff !important; } .simple-login .fld { padding: .4rem .75rem !important; width: 115px; height: 33px; vertical-align: middle; } .simple-login .simple-captcha-img { height: 31px; width: auto; border-radius: 5px; } #otp_code { margin-top: 10px; } #btn-submit-otp { margin-top: 0px; margin-bottom: 20px; } .top-background-hd { background-color: #0e0e0e !important; } .btn-success { background-color: #EEE; color: #333; text-shadow: none !important; border: 2px solid #ccc; border-radius: 80px; padding: 4px 14px !important; } .btn-success:hover, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle, .btn-success.focus, .btn-success:focus { background: linear-gradient(to bottom, #fff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); border: 2px solid #ccc; color: #333; } .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle { color: #333; } .save-btn.one { /*position: absolute; bottom: 0;*/ } section.membank-page { background-color: #ffffff00; } p.content { color: white; } .under-m { color: white; background: red; padding: 5px; font-size: .6em; font-weight: 500; position: absolute; z-index: 1; border-radius: 5px; right: 5px; top: 5px; } .under-new { color: white; background: linear-gradient(180deg, #d5de68 0%, #136e0b 100%); padding: 5px; font-size: .6em; font-weight: 500; position: absolute; z-index: 1; border-radius: 5px; right: 5px; top: 5px; } .under-hot { color: white; background: linear-gradient(175.96deg, #fae823 3.23%, #ff4b00 96.7%); padding: 5px; font-size: .6em; font-weight: 500; position: absolute; z-index: 1; border-radius: 5px; right: 5px; top: 5px; } .jackpotpool .under-ml { color: white; background-color: red; padding: 5px; font-size: .8em; font-weight: 500; position: absolute; border-radius: 0 0px 10px 0px; top: 0; z-index: 1; } .top5game .under-ml, .page-searchgame .under-ml, #gameLobbyList .under-ml { color: white; background-color: red; padding: 5px; /*font-size: .3em;*/ font-weight: 500; position: absolute; border-radius: 0 0px 10px 0px; top: 0; z-index: 1; } .filter-button { color: white; } /* Mobile Hide | Show */ .m-dp-none-s { display: block; } .m-dp-block-s { display: none; } @media screen and (max-width:425px) { /* Mobile Hide | Show */ .m-dp-none-s { display: none; } .m-dp-block-s { display: block; } } .top-bar-wallet.two { background: transparent; color: white; padding: 4px 0px; } .two.my-credit-hide:after { position: absolute; content: '*******'; display: flex; top: 6px; font-size: 15px; overflow: hidden; z-index: 9; color: #fff !important; text-shadow: none; } .transaction-game > tbody > tr > td:nth-child(1), .transaction-game > tbody > tr > td:nth-child(2) { color: #e1e1e1 !important; } .text-limit { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } td > a > button.btn.btn-primary.afb01.mr-3 { padding: 4px 10px; font-size: .9em; background: linear-gradient(180deg, rgba(204, 171, 74, 1) 0%, rgba(144, 116, 33, 1) 100%); border: none; } td > a > button.btn.btn-primary.afb01.mr-3:hover { background: linear-gradient(0deg, rgba(204, 171, 74, 1) 0%, rgba(144, 116, 33, 1) 100%); } .save-btn.photobox__label > button.button.button-regular.afb01.xs { white-space: normal; line-height: 1.2em; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 90%; } /*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; } } .menu-container { position: relative; } @media (max-width: 992px) { .nav { display: contents; } .btn-right, .btn-left { display: none; } .menu-container { position: inherit; } } @media (min-width: 1920px) { .btn-right, .btn-left { display: none; } .menu-container { position: inherit; } ul#bar { justify-content: center; } } .menu-item .fa-chevron-right:before { position: absolute; top: 0; right: 15px; } .menu-item .fa-chevron-right-rotate:before { transform: rotate(90deg); } ul.sub-menu-container.mega-menu-column { padding: 10px; } ul.w-100.sub-menu-container.mega-menu-column.menu-pos-invert { width: 100%; } ul#bar:hover { position: inherit; } @media (max-width: 991px) { .menu-link i { display: none; } } .offcanvas-header .btn.btn-close:before { content: "X"; color: #fff; font-size: 8px; border: 1px solid #fff; width: 22px; padding: 5px; font-weight: 600; display: block; height: 22px; line-height: 12px; text-align: center; border-radius: 90px; } @-webkit-keyframes x-ac-left-right { 0% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } to { -webkit-transform: translateX(-10px); transform: translateX(-10px) } } @keyframes x-ac-left-right { 0% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } to { -webkit-transform: translateX(-10px); transform: translateX(-10px) } } .button-bounch-lr { animation: x-ac-left-right 1.5s ease-in-out infinite; } .intro-content > .button-gold { box-shadow: 0 0 2px #ccab4a, 0 0 5px #ccab4a, 0 0 8px #ccab4a, 0 0 7px #c6902c, 0 0 5px #c6902c, 0 0 15px #c6902c, 0 0 15px #c6902c, 0 0 20px #c6902c; } @-webkit-keyframes x-box-main { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 50% { -webkit-transform: translateY(-20px); transform: translateY(-20px) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes x-box-main { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 50% { -webkit-transform: translateY(-20px); transform: translateY(-20px) } to { -webkit-transform: translateY(0); transform: translateY(0) } } .intro-content > #logo { z-index: 1; -webkit-animation-name: x-box-main; animation-name: x-box-main; -webkit-animation-duration: 3.5s; animation-duration: 3.5s; -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .button-login-register-icon { width: 1rem; margin-right: 5px; filter: contrast(0) brightness(0); } .btn-login { padding: 4px 14px !important; font-weight: 500; display: inline-flex; align-items: center; } .btn-login > span { font-size: 12px; line-height: 24px; text-transform: uppercase; } .iti__selected-dial-code:before { font-family: 'FontAwesome'; content: "\f107"; float: right; margin-left: 5px; } .signin-content .h3 { font-weight: 500 !important; } /*lineqrcode*/ .side-panel-app.two { position: fixed; top: 15%; z-index: 999; font-size: 18px; right: 0; background: #050505; width: 150px; left: inherit; } #snav > div > a > span > img { width: 150px; } @media (max-width: 768px) { .side-panel-app.two { position: fixed; top: 15%; z-index: 999; font-size: 18px; right: 0; background: #050505; width: 100px; left: inherit; } #snav > div > a > span > img { width: 100px; } } .qrname { text-align: center; color: white; font-size: 12px; padding: 3px; background: #27a648; } .side-panel-app.two li span { z-index: -999; position: absolute; right: 0; opacity: 1; background: #1f1f1f; width: 150px; padding-top: 25px; } .side-panel-app.two li:last-child span { z-index: -999; position: absolute; right: 0; opacity: 1; background: #1f1f1f; width: 150px; padding-top: 25px; } .side-panel-app.two li span { position: absolute; top: 0; opacity: 0; z-index: 3; } button#qrcode-btn-close { margin-right: 10px; font-size: 25px; } @media (min-width: 576px) { .container, .container-sm { max-width: 1400px !important; } } .under-m { color: white; background-color: red; padding: 5px; font-size: .7em; font-weight: 300; position: absolute; border-radius: 5px; right: 5px; top: 5px; z-index: 1; } #search-modal .modal-dialog-centered .modal-content { width: 100% !important; } table { margin: 0px; } ul.h_nav-list.nav.inside-tab { display: flex; } .btn-mix-noborder.mobile { display: flex; z-index: 8; } .btn-mix-noborder.mobile span { z-index: 9; } .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 1000s linear infinite; font-size: 14px; } .ui-selectmenu-open { display: block; z-index: 9999999991; width: 355px !important; } /*------------ show image in select -----------*/ .dropdown-image { display: none; } #a { padding-left: 0px; margin-bottom: 0px; } #a img, .btn-select img { width: 60px; } #a li { list-style: none; cursor: pointer; } #a li:hover { background-color: #F4F3F3; } #a li img { margin: 5px; } #a li span, .btn-select li span { margin-left: 5px; } /* item list */ .b { display: none; width: 100%; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); border: 1px solid rgba(0, 0, 0, .15); border-radius: 5px; background: white; color: black; } .open { display: block !important; } .btn-select { width: 100%; height: 34px; border-radius: 5px; background-color: #fff; border: 1px solid #ccc; overflow: hidden; padding: 3px; cursor: pointer; } .btn-select li { list-style: none; float: left; padding-bottom: 0px; color: black; } .btn-select:hover li { margin-left: 0px; } .btn-select:hover { background-color: #F4F3F3; border: 1px solid transparent; box-shadow: inset 0 0px 0px 1px #ccc; } .btn-select:focus { outline: none; } } /*.localized-wrapping { border-radius: 50px !important; padding: 0px 15px !important; width: 100%; box-sizing: border-box; border: 1px solid #F3E5F5 !important; font-size: 1em !important; color: #fff !important; font-weight: 400; background: #fff; } .localized-wrapping select { border: none !important; position: relative !important; background: none; } .localized-wrapping input { border: none !important; width: 75% !important; border: none !important; } .localized-wrapping span { color: #000 !important; } @media (max-width: 320px) { .localized-wrapping input { width: 65% !important; } }*/ button.deposit-withdraw { color: black !important; } span.badge.badgeSta.noti-2 { position: unset; margin-left: 3px; height: 16px; padding: 3px 6px; } /*div#loginModal, div#registerModal { z-index: 1200; }*/ /*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*/ .m-dp-block { display: none !important; } @media only screen and (max-width: 767px) { .m-dp-block { display: block !important; } } /*--------- Affiliate Invite Friend Copy Tooltip -------*/ #invite-friend .tooltip { padding: 10px; background: #000; color: #fff; font-size: 0.75rem; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; pointer-events: none; transition: opacity 0.4s; } #invite-friend .tooltip.show { opacity: 1; pointer-events: auto; } #invite-friend .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; } .afb-medias a i.fa.fa-angle-double-right { right: 15%; position: absolute; margin-top: 2px; } .selectCA, .addNewCA { color: #007bff; cursor: pointer; } .withdrawSpan { color: black; } .Ctooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; } .Ctooltip .Ctooltiptext { visibility: hidden; width: max-content; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; /* Position the tooltip */ position: absolute; z-index: 1; top: -5px; right: 105%; } .Ctooltip:hover .Ctooltiptext { visibility: visible; } /*maintenance css*/ div.maintenance { background: #383838; } img.maintenance { opacity: 0.25; } .under-m-logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; display: flex; flex-direction: column; align-items: center; } .under-m-logo span { font-weight: 900; font-size: 16px; margin-top: 5px; } img.w-50 { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(117deg) brightness(103%) contrast(106%); } .language-selection a.button.afb01 { background-image: none; color: black; } button.promobtn { border: 2px solid #825e00 !important; color: #000 !important; border-radius: 20px !important; } .save-btn button.button-disabled { background: #ed3f3f; color: white; border-color: #ed3f3f; } .promo-details-action-footer button.button-disabled { background: #ed3f3f; color: white; border-color: #ed3f3f; } .save-btn button.button-gold { border-radius: 20px; border: 2px solid #825e00; background: rgb(250, 204, 59); } .custom-max-width { width: 75% !important; } @media screen and (max-width:768px) { .custom-max-width { width: 90% !important; } #betHistoryModel { padding-right: 0px !important; } } @media (max-width: 767.98px) { img.sec-img { padding: 0px; padding-top: 15px; } } .his-error-content { color: #ff1500 !important; } @media (min-width: 576px) { .modal-dialog { max-width: unset; } } /*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; color: black; } .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; border-radius: 50px; } .modal-content .col-sm { padding-right: 0px; } .modal-content .col-sm-auto { padding-left: 15px; } @media (max-width: 428px) { .modal-content .col-sm-auto { padding-left: 0px; } } .modal-content label.col-sm-auto { padding-left: 0px; } /*------------*/ div#shareboxPopup .modal-dialog .modal-content .modal-header h5, .fa-lg { color: #7a6d6d; } .fa-lg:hover { color: #bfb9b9; } /*.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7485%) hue-rotate(112deg) brightness(100%) contrast(100%) !important; } .ui-datepicker .ui-datepicker-prev span:hover, .ui-datepicker .ui-datepicker-next span:hover { cursor: pointer !important; filter: brightness(0) saturate(100%) invert(0%) sepia(3%) saturate(14%) hue-rotate(103deg) brightness(105%) contrast(105%) !important; }*/ .ui-icon, .ui-widget-content .ui-icon { background-image: url('../../../Content/css/images/ui-icons_444444_256x240.png') !important; } .ui-icon, .ui-widget-content .ui-icon:hover { cursor: pointer; } @media (max-width:390px) { #scroll1 .captcha-input-field input, #scroll2 .captcha-input-field input, #scroll3 .captcha-input-field input { /* width: 50% !important; max-width: 50% !important;*/ float: left; } #scroll1 .captcha-wrapper, #scroll2 .captcha-wrapper, #scroll3 .captcha-wrapper { width: 50%; float: right; } } /* widget */ .top5game .afb-title-h1 { width: 100%; padding: 10px 0 10px 20px; font-size: 1em; font-weight: 500; color: #fff; margin: 15px 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: #008000; 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: linear-gradient(0deg, #000, #212121); color: #c4a445; font-size: .7rem; line-height: 15px; font-weight: 400; padding: 10px 5px; display: block } .top5game .photobox .photobox_title a.tmb-content__link div { width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 auto } .top5game .photobox__previewbox { position: relative; overflow: hidden; border-radius: 10px 10px 0 0 } .top5game .photobox__previewbox:before { content: ''; width: 0; height: 0; padding: 25%; border-radius: 50%; position: absolute; top: 0; left: 0; background-color: rgba(7, 7, 7, .66); transition: transform calc(.5s/2) ease calc(.5s/2); will-change: transform; transform: scale(0); z-index: 8; } .top5game .photobox__previewbox .action_overlay { position: absolute; top: 0; left: -300%; bottom: 0; right: 0; padding: 10px; transition-duration: .5s; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; z-index: 9 } .top5game .photobox__previewbox .action_overlay a { display: flex } .top5game .photobox__previewbox .action_overlay a div { font-size: .7rem; padding: 6px 10px; text-align: center; font-weight: 400; margin: 5px 0; border-radius: 15px; color: #fff !important; display: block; background-image: linear-gradient(to right, rgb(250, 204, 59), rgb(250, 204, 59)) } .top5game .photobox__previewbox .action_overlay a div:hover { background-image: linear-gradient(to right, rgb(250, 204, 59), rgb(250, 204, 59)) } .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: 15px 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: #008000; 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: 15px; font-weight: 400; color: #fff !important; display: block; background-image: linear-gradient(to right, rgb(250, 204, 59), rgb(250, 204, 59)) } .jackpotpool .photobox__previewbox .action_overlay a div:hover { background-image: linear-gradient(to right, rgb(250, 204, 59), rgb(250, 204, 59)) } .jackpotpool .photobox__previewbox:hover .action_overlay { left: 0; transition-duration: .5s } .jackpotpool div.text-wrap { text-align: center; display: -webkit-box; padding: 5px 5px; white-space: normal; background: linear-gradient(0deg, #000, #212121); } .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: none; color: #c4a445 !important; filter: none; font-size: 1rem; font-weight: 300 } .ribbon-header { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .ribbon { position: relative; display: inline-block; text-align: center; margin: 0 30px 30px; min-width: 100%; } .ribbon-txt { margin: 0; font-size: 1.5rem; padding: 12px 0; border-radius: 6px; color: #d1d1d1; text-transform: capitalize; display: flex; justify-content: center; align-items: center; } .ribbon-txt::before { margin-right: 1.75rem; display: block; border-top-width: 1px; content: ''; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; height: 0; border-top: 3px double #8c7336 !important; } .ribbon-txt::after { margin-left: 1.75rem; display: block; border-top-width: 1px; content: ''; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; height: 0; border-top: 3px double #8c7336 !important; } .top5game .button-green, .jackpotpool .button-green { background: linear-gradient(180deg, rgb(255, 225, 131) 0%, rgb(158, 117, 0) 51%, rgb(134, 101, 10) 51%, rgb(144, 113, 48) 100%); border: 2px solid #8c7336 !important; color: var(--primary-button-text); border-radius: 15px; padding: 5px; width: auto; min-width:80px; margin: 30px auto; } .top5game .button-green:hover, .jackpotpool .button-green:hover { background: linear-gradient(180deg, rgb(144, 113, 48) 0%, rgb(134, 101, 10) 51%, rgb(158, 117, 0) 51%, rgb(255, 225, 131) 100%) !important; } @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.icoZalo > img { width: 25px !important; margin: auto; filter: invert(47%) sepia(21%) saturate(347%) hue-rotate(182deg) brightness(86%) contrast(97%); } .socialMedia-list a.icoZalo:hover { background-color: #0068FF; } .socialMedia-list li a.icoZalo:hover > img { filter: brightness(0) invert(1); } .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; width: 100% !important; } .socialMedia-list a.icoTikTok > .img-fluid { filter: none; width: 100% !important; } .socialMedia-list a.icoXHS > .img-fluid { filter: none; width: 100% !important; } .socialMedia-list a.icoThreads > .img-fluid { filter: none; width: 100% !important; } .socialMedia-list a.icoTelegram > .img-fluid { filter: none; width: 100% !important; } .socialMedia-list a.icoWeChat > .img-fluid { filter: none; width: 100% !important; } .socialMedia-list a.icoZalo > .img-fluid { filter: none; width: 100% !important; } .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; } } /*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: #000; } .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; } /*affiliate link share*/ #shareboxPopup .h5 { margin: auto; font-size: 1.25rem; color: #333; } .btn-sharebox .h5 { color: white !important; font-size: .95rem !important; } .text-green { color: green !important; } .text-red { color: red !important; } .rgstButton { background: linear-gradient(180deg, rgb(255, 225, 131) 0%, rgb(158, 117, 0) 51%, rgb(134, 101, 10) 51%, rgb(144, 113, 48) 100%); } .rgstButton:hover { background: linear-gradient(to bottom, #f5ce57 0%, #b69743 50%, #f5ce57 100%); } #registerModal .bottom a { color: #eca203 !important; } #registerModal .bottom a:hover { color: #fff !important; } #registerModal .modal-content { background:#151515!important; } .model-h3 { color: #fff; } #registerModal .bottom { color: #fff; } #VTdata img { width: 100%; height: auto; } .hex-code-foward { width: 450px!important; } button[onclick="copycryptoaddress()"] { margin-top: -69px; margin-left: 390px; } .fld-block label { color: #fff; } .footer-bottom a { font-size: 0.9rem; } @media (max-width: 768px ) { .gh-calendar-part input { font-size: 0.5rem!important; padding: 0!important; } .top5game.afb88go { position: relative; } .fakeArrow { position: absolute; top: 266px; z-index: 9999; } .promoWG_Previous { left: -20px; position: absolute; } .promoWG_Next { left: 350px; position: absolute; } } #mega888BalanceLbl { color: #d1d1d1 !important; } #mega888StartingModal label, #megaGamingStartingModal label, #megaV3StartingModal label, #pussy888StartingModal label, #kiss918StartingModal label { color: #b5b5b5; } #mega888UsernameLbl{ color: #d1d1d1 !important; } #PasswordVisible span{ color: #d1d1d1 !important; } #PasswordInvisible span{ color: #d1d1d1 !important; } #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%; } .mega-menu-content .sub-menu-container .menu-item ul li a span { text-overflow: ellipsis; width: 100px; height: 30px; text-align: center; overflow: hidden; font-size: 12px; } .simple-forgotpw { position: absolute; } @media (min-width: 992px) { .header-row1 { margin-bottom: 18px; } } @media (max-width: 992px) { .row.header-row1 { padding-right: 20px; position: relative; } } /*promotion rules*/ @media (max-width:426px) { .promotion-rules-page .container .col-6 { flex: none; max-width: 100%; } } } /* Dropdown Menu */ button.dropbtn-single-box { background-color: #7be50000; color: white; font-size: 16px; font-size: 1rem; border: none; padding: 5px 15px; } .dropdown-single { position: relative; display: inline-block; } .dropdown-single-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 200px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 99; right: 0; border-radius: 5px; font-size: 1em; padding: 0; left: auto; } img.icon-flag { width: 16px; 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; } .dropdown-single:hover .dropdown-single-content { display: block; } #dropdownLang{ border: none; background-color: transparent; } #Mega888_UpdatePassword .btn, #MegaGaming_UpdatePassword .btn { font-size: 1em; } .help-tip { top: 32px; } .copy-tip, .qrcode-tip { top: 125px; } #forgotPasswordModal .model-h3{ color: white; } #tab-gh table td a { color: white !important; } #tab-tournament table td { color: black; } .phoneRegisterBorder { background-color: #f0f8ff !important; } #registerModal .model-h3, #registerModal .bottom, #loginModal .model-h3{ color: white !important; } #registerModal .userPhone input:focus{ border: none !important; } #registerModal .phoneRegisterBorder{ border-radius: 50px !important; } .custom-select-dd { background-color: #f0f8ff !important; border-radius: 50px !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; } /* AngPow */ .notif-angpow.hide { display: none !important; } /* AngPow Modal */ #AngPowListDiv, #AngPowListDiv h5, #AngPowListDiv label { color: #212529; } .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 */ #affiliate-detail-list .modal-body{ max-width: 100%; } #affiliate-detail-list .font-weight-light, #affiliate-detail-list .font-weight-light span { color: black; } /* 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*/ .choose-file::-webkit-file-upload-button { border-radius: 50px; cursor: pointer; padding:0px 10px; line-height:20px } /* Bottom Nav CSS */ :root{ --mainTheme: black; } .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; } .dashboardFaq .card-header { padding: 5px; position: relative; } .dashboardFaq .card-header a { display: block; color: white; } .dashboardFaq .card-header a i { position: absolute; right: 10px; top: 10px; color: white; } .myInfo { padding: 15px; } .toast-body { border-bottom: 6px solid var(--mainTheme); } .angpow-ico-btn { width: 45px; } .full-nav-lang a:hover, .active-lang { color: #fff !important; background: #ddd !important; } .menu-item a{ width: 100%; } .menu-item .gametitle { overflow: hidden; width: 100%; text-overflow: ellipsis; } .localized-wrapping{ border-radius: 50px; } button#depositBtn, button#withdrawBtn, button#WICKET9WithdrawBtn { background: rgb(250, 204, 59); border: 1px solid rgb(250, 204, 59); color: #fff; } button#depositBtn:hover, button#withdrawBtn:hover, button#WICKET9WithdrawBtn:hover { background: rgb(250, 204, 59); border: 1px solid rgb(250, 204, 59); color: #fff; } button#playnowBtn { background: rgb(250, 204, 59); border: 1px solid rgb(250, 204, 59); border-radius: 2px; color: #fff } button#playnowBtn:hover { background: rgb(250, 204, 59); border: 1px solid rgb(250, 204, 59); border-radius: 2px; color: #fff } button.close-popup.close.loginClose-btn { font-size: 2rem; position: absolute; right: 10px; top: 5px; font-weight: 500; } input#WICKET9withdrawIpt, input#WICKET9DepositIpt, input#WICKET9UpdatePasswordIpt { border-radius: 2px; height: 29px; } .transferModal .form-group, .transferModal .form-group label, .transferModal span { color: white; } .text-black { color: black !important; } .transferModal #playnowBtn, .updatepassword { background-image: linear-gradient(to right, rgb(250, 204, 59), rgb(250, 204, 59)) !important; border: transparent; color: white; } .redDotNotification { position: relative; /* �]�m�۹�w��A���l����������w��ѦҦ����� */ display: inline-block; } .redDotNotification img { display: block; /* ����Ϥ��U��X�{���� */ } .redDotNotification::after { content: ""; position: absolute; top: -2px; left: 20px; width: 40%; height: 40%; background-image: var(--p2mobile-reddot); /* �������A�Q�n���Ϥ� */ background-size: cover; /* �վ��л\�覡 */ background-position: center; pointer-events: none; /* �T�O���s�\�ॿ�` */ } .offcanvas.open .redDotNotification::after { display: none; } /*added this to fix the layout of old spin cuz too many overwrite :class (.v-top, canvas, video)*/ #reward-list .spine-player canvas { top: 0 !important; } #NotifPopUpSpecial p { color: #333 !important; } .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; } } .searchgamewidget .input-group input { color: black !important; } .searchgamewidget .searchgame_list { grid-template-columns: 1fr 1fr 1fr 1fr; } .searchgamewidget{ margin: auto; width: 80%; } @media screen and (max-width:425px) { .searchgamewidget .searchgame_list { grid-template-columns: 1fr 1fr; } } :root { --cd-color-1: hsl(0deg 0% 21%); --cd-color-1-h: 225; --cd-color-1-s: 31%; --cd-color-1-l: 23%; --cd-color-2: hsl(54, 42%, 95%); --cd-color-2-h: 54; --cd-color-2-s: 42%; --cd-color-2-l: 95%; --cd-color-3: hsl(54, 8%, 75%); --cd-color-3-h: 54; --cd-color-3-s: 8%; --cd-color-3-l: 75%; --cd-color-4: hsl(1, 84%, 63%); --cd-color-4-h: 1; --cd-color-4-s: 84%; --cd-color-4-l: 63%; } :root, [data-theme="default"] { --color-primary-darker: hsl(220, 90%, 36%); --color-primary-darker-h: 220; --color-primary-darker-s: 90%; --color-primary-darker-l: 36%; --color-primary-dark: hsl(220, 90%, 46%); --color-primary-dark-h: 220; --color-primary-dark-s: 90%; --color-primary-dark-l: 46%; --color-primary: hsl(220, 90%, 56%); --color-primary-h: 220; --color-primary-s: 90%; --color-primary-l: 56%; --color-primary-light: hsl(220, 90%, 66%); --color-primary-light-h: 220; --color-primary-light-s: 90%; --color-primary-light-l: 66%; --color-primary-lighter: hsl(220, 90%, 76%); --color-primary-lighter-h: 220; --color-primary-lighter-s: 90%; --color-primary-lighter-l: 76%; --color-accent-darker: hsl(355, 90%, 41%); --color-accent-darker-h: 355; --color-accent-darker-s: 90%; --color-accent-darker-l: 41%; --color-accent-dark: hsl(355, 90%, 51%); --color-accent-dark-h: 355; --color-accent-dark-s: 90%; --color-accent-dark-l: 51%; --color-accent: hsl(355, 90%, 61%); --color-accent-h: 355; --color-accent-s: 90%; --color-accent-l: 61%; --color-accent-light: hsl(355, 90%, 71%); --color-accent-light-h: 355; --color-accent-light-s: 90%; --color-accent-light-l: 71%; --color-accent-lighter: hsl(355, 90%, 81%); --color-accent-lighter-h: 355; --color-accent-lighter-s: 90%; --color-accent-lighter-l: 81%; --color-black: hsl(240, 8%, 12%); --color-black-h: 240; --color-black-s: 8%; --color-black-l: 12%; --color-white: hsl(0, 0%, 100%); --color-white-h: 0; --color-white-s: 0%; --color-white-l: 100%; --color-success-darker: hsl(94, 48%, 36%); --color-success-darker-h: 94; --color-success-darker-s: 48%; --color-success-darker-l: 36%; --color-success-dark: hsl(94, 48%, 46%); --color-success-dark-h: 94; --color-success-dark-s: 48%; --color-success-dark-l: 46%; --color-success: hsl(94, 48%, 56%); --color-success-h: 94; --color-success-s: 48%; --color-success-l: 56%; --color-success-light: hsl(94, 48%, 66%); --color-success-light-h: 94; --color-success-light-s: 48%; --color-success-light-l: 66%; --color-success-lighter: hsl(94, 48%, 76%); --color-success-lighter-h: 94; --color-success-lighter-s: 48%; --color-success-lighter-l: 76%; --color-error-darker: hsl(355, 90%, 41%); --color-error-darker-h: 355; --color-error-darker-s: 90%; --color-error-darker-l: 41%; --color-error-dark: hsl(355, 90%, 51%); --color-error-dark-h: 355; --color-error-dark-s: 90%; --color-error-dark-l: 51%; --color-error: hsl(355, 90%, 61%); --color-error-h: 355; --color-error-s: 90%; --color-error-l: 61%; --color-error-light: hsl(355, 90%, 71%); --color-error-light-h: 355; --color-error-light-s: 90%; --color-error-light-l: 71%; --color-error-lighter: hsl(355, 90%, 81%); --color-error-lighter-h: 355; --color-error-lighter-s: 90%; --color-error-lighter-l: 81%; --color-warning-darker: hsl(46, 100%, 41%); --color-warning-darker-h: 46; --color-warning-darker-s: 100%; --color-warning-darker-l: 41%; --color-warning-dark: hsl(46, 100%, 51%); --color-warning-dark-h: 46; --color-warning-dark-s: 100%; --color-warning-dark-l: 51%; --color-warning: hsl(46, 100%, 61%); --color-warning-h: 46; --color-warning-s: 100%; --color-warning-l: 61%; --color-warning-light: hsl(46, 100%, 71%); --color-warning-light-h: 46; --color-warning-light-s: 100%; --color-warning-light-l: 71%; --color-warning-lighter: hsl(46, 100%, 81%); --color-warning-lighter-h: 46; --color-warning-lighter-s: 100%; --color-warning-lighter-l: 81%; --color-bg: hsl(0, 0%, 100%); --color-bg-h: 0; --color-bg-s: 0%; --color-bg-l: 100%; --color-contrast-lower: hsl(0, 0%, 95%); --color-contrast-lower-h: 0; --color-contrast-lower-s: 0%; --color-contrast-lower-l: 95%; --color-contrast-low: hsl(240, 1%, 83%); --color-contrast-low-h: 240; --color-contrast-low-s: 1%; --color-contrast-low-l: 83%; --color-contrast-medium: hsl(240, 1%, 48%); --color-contrast-medium-h: 240; --color-contrast-medium-s: 1%; --color-contrast-medium-l: 48%; --color-contrast-high: hsl(240, 4%, 20%); --color-contrast-high-h: 240; --color-contrast-high-s: 4%; --color-contrast-high-l: 20%; --color-contrast-higher: hsl(240, 8%, 12%); --color-contrast-higher-h: 240; --color-contrast-higher-s: 8%; --color-contrast-higher-l: 12%; --color-user-bg: #ececec; --color-afb-black: #212529; } .his-success-content { color: #25b00c !important; } button.afb01 { /*border: none;*/ /*border-radius: 2px 2px; padding: 5px 15px;*/ /*color: white;*/ } button.afb02 { background-image: linear-gradient(to right, #fb1e1e, #f30000); border: none; border-radius: 2px 2px; color: white; } button.afb01:hover { } .fld { box-sizing: border-box; width: 100%; height: 35px; background-color: #f9f9f9; border-color: #d7d7d7; border-radius: 2px; padding: 0 10px; border: 1px solid #ddd; outline: none; color: #7d7d7d; font-size: 16px; line-height: 1; } * { box-sizing: border-box; } @media only screen and (max-width: 992px) { article .content { padding-top: 25px; } } @media only screen and (max-width:415px) { .modal-content { width: 100% !important; } .wallet-top-left span { padding: 5px; } } @media only screen and (max-width:376px) { .table td, .table th { font-size: .8em; } } @media only screen and (min-width:240px) and (max-width:1111px) { .h_nav-item > a { padding-bottom: 0; } .popup-form { padding: 20px 40px 25px; } } .wallet-bottom-part { width: 100%; float: left; } @media screen and (max-width: 480px) { .game-part-2 .wallet-bottom-part { width: 400px; } .form-group-choosefile input { font-size: .8em; } } @media screen and (max-width: 480px) { .cd-tabs__panel p.one { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 120px; display: inline-block; } } .tabcontentmd { color: #808aa6; } .tabcontentmd .popup-header, .tabcontentmd .popup-title { width: 100%; height: 64px; padding: 0; background-color: #fff; border-radius: 4px 4px 0 0; color: #808aa6; font-size: 14px; font-weight: bold; line-height: 64px; text-align: center; text-transform: uppercase; position: relative; border-bottom: 1px solid hsla(0,0%,59.2%,.3); } .profile-notif strong { color: var(--color-afb-black); font-size: .9em; font-weight: 500; } .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: #6d6d6d !important; text-decoration: none; background-color: #000; border: 1px solid #616161; cursor: pointer; } .pagination > li > a:focus, .pagination > li > a:hover { z-index: 2; color: #ffffff; background-image: linear-gradient(to right, #cecece, #cecece) !important; border-color: #ddd; } .mandatory_field { color: red; } .required:after { content: " *"; color: red; } .wallet-top-left { width: 35%; float: left; padding: 0 10px; background: var(--cd-color-1); border-bottom: solid 1px hsl(0deg 0% 22%); color: #ff6a00; text-align: center; position: relative; line-height: 34px; } .wallet-top-left:before { border-color: transparent; border-left-color: var(--cd-color-1); content: ""; position: absolute; right: -15px; height: 0; width: 0; border-width: 8px; border-style: solid; border-left: 8px solid var(--cd-color-1); top: 0; bottom: 0; margin: auto; } /*word-break: break-word by MeGa(13/06/2022)*/ .wallet-top-left span { color: white; font-weight: 400; font-size: .9em; word-break: break-word !important; } .wallet-top-left span.one { color: #495057; } .wallet-top-left { width: 40%; } .wallet-top-left span, .wallet-top-right span { font-size: .9em; color: white; } .wallet-top-right { width: 65%; float: left; text-align: center; background: #292929; border-bottom: solid 1px hsl(0deg 0% 22%); line-height: 34px; } .game-part-2 .wallet-section { width: 100%; } .game-part-2 .wallet-top-part { width: 100%; } .game-part-2 .game-history-part { background: #201f25; text-align: left; } .game-part-2 .game-history-part.one { background: #f8f8f8; border: 1px solid var(--color-user-bg); } .game-part-2 .wallet-top-part .game-history-part:first-child { width: 25%; padding: 5px; } .game-part-2 .wallet-top-part .game-history-part:nth-child(2) { width: 25%; padding: 5px; padding-left: 10px; } .game-part-2 .wallet-top-part .game-history-part:nth-child(3) { width: 25%; padding: 5px; padding-left: 10px; } .game-part-2 .wallet-top-part .game-history-part:last-child { width: 25%; padding: 5px; padding-right: 10px; } .game-part-2 .wallet-top-left:before { display: none; } .game-part-2 { width: 100%; } .game-part-2 .wallet-section { width: 100%; } .game-part-section .wallet-section:last-child .wallet-top-part { float: right; width: 100%; overflow-x: hidden; } .wallet-top-part { width: 100%; float: left; display: flex; flex-wrap: nowrap; border-radius: 3px; } .game-part-2 .wallet-top-part { width: 100%; } .game-part-2 .game-history-part { background: #201f25; text-align: left; } .game-part-2 .game-history-part.one { background: #f8f8f8; border: 1px solid var(--color-user-bg); } .game-part-2 .wallet-top-part .game-history-part:first-child { width: 30%; padding-left: 15px; } .game-part-2 .wallet-top-part .game-history-part:nth-child(2) { width: 25%; } .game-part-2 .wallet-top-part .game-history-part:nth-child(3) { width: 20%; } .game-part-2 .wallet-top-part .game-history-part:last-child { width: 25%; } .game-part-2 .wallet-top-part { width: 400px; float: left !important; } .game-part-2 .wallet-top-part .game-history-part:first-child { padding-left: 10px; } .game-part-2 .wallet-top-part { width: 400px; float: left !important; } .game-part-section { width: 100%; display: inline-block; } .wallet-section { width: 50%; float: left; } .close-popup { position: absolute; right: 0; bottom: auto; left: auto; z-index: 10; cursor: pointer; color: #808aa6; font-size: 24px; font-weight: normal; line-height: 1; transition: opacity 1s 1s; } .popup-wrapper { position: relative; } .modal2 { display: none; position: fixed; z-index: 999999999; padding-top: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.6); backdrop-filter: blur(5px); align-items: center; justify-content: center; } .cd-tabs { position: relative; } @media (min-width: 48rem) { .cd-tabs { display: -ms-flexbox; display: flex; } } /*@media (min-width: 64rem) { .cd-tabs { display: block; } }*/ .cd-tabs__item { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; /*height: 80px; width: 85px;*/ 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 { color: inherit; margin-bottom: 5px !important; } /*@media (min-width: 48rem) { .cd-tabs__item { height: 70px; width: 80px } }*/ /*@media (min-width: 64rem) { .cd-tabs__item { height: 45px; width: auto; padding: 0 2em; padding: 0 var(--space-lg); -ms-flex-direction: row; flex-direction: row; } .cd-tabs__item .icon { margin-bottom: 0; margin-right: 0.375em; margin-right: var(--space-xxs); } }*/ .js .cd-tabs__item--selected span { color: hsl(225, 31%, 23%); color: var(--cd-color-1); } .js .cd-tabs__item--selected { background: #ebebeb !important; color: #333 !important; } .js .cd-tabs__item--selected:hover { background-color: var(--color-user-bg); } .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 #f6901e; } } /*@media (min-width: 64rem) { .js .cd-tabs__item--selected { box-shadow: inset 0 2px 0 #f6901e; box-shadow: inset 0 3px 0 #f6901e; } }*/ .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); color: white; font-size: .78rem; } .form-control:disabled { background-color: #e0e0e0; } .cd-tabs__list span { color: white; /*margin-left: 8px;*/ font-weight: 400; 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); font-size: 13px; } @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 #f6901e; } } /*@media (min-width: 64rem) { .js .cd-tabs__item--selected { box-shadow: inset 0 2px 0 #f6901e; box-shadow: inset 0 3px 0 #f6901e; } }*/ .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-top: 2px solid #ff6a00; background-color: white; } .inside-tab-bg { background-color: white; padding: 10px 20px; } .fileinput input { padding: 0 !important; } .games-bg .top-games-item .col-data { float: left; width: 20%; text-align: center; border-right: 1px solid #ec8b23; color: #fff; } .top-games-item.one { background-color: #f8f8f8; line-height: 3; } .games-bg .top-games-item .col-data.one { border: 1px solid var(--color-user-bg); color: #495057; padding: 5px; } @media only screen and (max-width:670px) { .games-bg .top-games-item .col-data.one { width: 155px; } } .games-title.one { /*padding-bottom: 20px;*/ } .games-title.one .h3 { color: #4e4e4e; font-size: 18px; margin: 0; } .h_nav-list > li { display: inline-block; width: auto; height: inherit; padding: 0; } .h_nav-item > a { display: block; padding: 0 10px; z-index: 0; color: #bebebe !important; 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); } .modal-content { background-color: #151515; margin: auto; padding: 0; border: none; border-radius: 5px; width: 360px; } .modal-content.one { width: 30% !important; } .close-popup { position: absolute; top: 16px; right: 22px; bottom: auto; left: auto; z-index: 10; cursor: pointer; color: #808aa6; font-size: 24px; font-weight: normal; line-height: 1; transition: opacity 1s 1s; } .popup-form { padding: 20px 30px 25px; float: left; width: 100%; } .form-block { padding: 0; margin: 0 0 10px; position: relative; border: none; text-align: left; } .popup-footer button { background: #67cf35; border: #67cf35; width: 100%; border-radius: 2px; padding: 8px 0; font-size: 12px; text-transform: uppercase; 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; font-weight: 500; } #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; align-items: center; } .toggleRight-profile { background: transparent; } .cd-tabs__panels label { color: #525252; margin-bottom:0 } .pagination a:hover:not(.active) { background-color: transparent !important; } #active-member-list .h3, .user-profile .h3 { width: 100%; padding: 8px 5px; font-size: 15px; font-weight: normal; text-transform: capitalize; margin: 1rem 0 0 0; } #active-member-list table { border-collapse: collapse; font-size: .95em; } #active-member-list thead { background: #201f25; color: #fff; } #active-member-list tbody td { background: #fff; border-bottom: 2px solid #d0d0d0; } #active-member-list th, #active-member-list td { padding: 10px 7px; } @media (min-width : 768px) { .toggleRight-profile, .toggleLeft-profile { display: none; } } @media screen and (max-width : 767px ) { .toggleRight-profile, .toggleLeft-profile { display: block; } } .fa-arrow-right { -webkit-animation: bounceRight 2s infinite; animation: bounceRight 2s infinite; float: right; padding: 5px; } .fa-arrow-left { -webkit-animation: bounceLeft 2s infinite; animation: bounceLeft 2s infinite; padding: 5px; } .fa-arrow-left:hover, .fa-arrow-right:hover { -webkit-animation: bounceLeft 0s infinite; animation: bounceLeft 0s infinite; } .afb-blue-bar { /*background-color: #171717;*/ } .table-sticky { border-collapse: separate; border-spacing: 0; white-space: nowrap; } .table-sticky thead { position: relative; z-index: 1; } .table-sticky thead .sticky-left { position: sticky; left: 0; z-index: 2; } #active-member-list .table-sticky thead .sticky-left { background-color: #5f5c68; } #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; } @media screen and (min-width: 960px) { .table-sticky { border-collapse: collapse; white-space: normal; } } .allowAmountNote { font-size: 12px; color: red; display: block; line-height: 0; } .amountNote { font-size: 12px; color: red; } .dpt-bank-img { width: 110px; } .paginationjs-page.J-paginationjs-page.active { background-color: transparent; color: white !important; } .paginationjs-page.J-paginationjs-page.active a { color: white !important; background-color: #000000 !important; } .fileinput input { background: none; padding: 10px 0px; } /*! CSS Used keyframes */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes cd-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes cd-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes cd-fade-in { 0%, 100% { opacity: 0; } 14%, 40% { opacity: 1; } } @-moz-keyframes cd-fade-in { 0%, 100% { opacity: 0; } 14%, 40% { opacity: 1; } } @keyframes cd-fade-in { 0%, 100% { opacity: 0; } 14%, 40% { opacity: 1; } } @-webkit-keyframes bounceRight { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 40% { -webkit-transform: translateX(-30px); transform: translateX(-30px); } 60% { -webkit-transform: translateX(-15px); transform: translateX(-15px); } } @-moz-keyframes bounceRight { 0%, 20%, 50%, 80%, 100% { transform: translateX(0); } 40% { transform: translateX(-30px); } 60% { transform: translateX(-15px); } } @keyframes bounceRight { 0%, 20%, 50%, 80%, 100% { -ms-transform: translateX(0); transform: translateX(0); } 40% { -ms-transform: translateX(-30px); transform: translateX(-30px); } 60% { -ms-transform: translateX(-15px); transform: translateX(-15px); } } @-webkit-keyframes bounceLeft { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 40% { -webkit-transform: translateX(30px); transform: translateX(30px); } 60% { -webkit-transform: translateX(15px); transform: translateX(15px); } } @-moz-keyframes bounceLeft { 0%, 20%, 50%, 80%, 100% { transform: translateX(0); } 40% { transform: translateX(30px); } 60% { transform: translateX(15px); } } @keyframes bounceLeft { 0%, 20%, 50%, 80%, 100% { -ms-transform: translateX(0); transform: translateX(0); } 40% { -ms-transform: translateX(30px); transform: translateX(30px); } 60% { -ms-transform: translateX(15px); transform: translateX(15px); } } .bank-list { margin-bottom: 20px; } .game-part .h3 { background: #363636; 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: #272727; padding: 0; } @media screen and (max-width:991px) { .promotion_Progress { padding-left: 8% !important; padding-right: 8% !important; } .progress-promo { margin: 25px 0 !important; margin-right: 10px !important; } .pmo-progress-wrapper { padding: 0; } .pmo-margin-bottom { margin-bottom: 15px; } } @media screen and (max-width:480px) { #snav li a:hover span img, #snav li span img { display: none; } } .pmo-title { font-size: .89rem; text-transform: uppercase; font-weight: 600; color: #ffffff !important; border-bottom: 1px solid #6b6b6b; } .pmo-progress-wrapper { padding: 10px 0; } .promotion_Progress { padding-left: 5%; padding-right: 5%; } .pmo-progress-contant h4 { color: white; text-align: center; font-weight: 600; font-size: .88rem; margin: 0 auto; margin-bottom: 5px; padding: 0; } .progress-promo { width: 70px; height: 70px; line-height: 80px; background: none; box-shadow: none; position: relative; margin: 0; } .progress-promo:after { content: ""; width: 100%; height: 100%; border-radius: 50%; border: 14px solid #fff; position: absolute; top: 0; left: 0; } .progress-promo > span { width: 50%; height: 100%; overflow: hidden; position: absolute; top: 0; z-index: 1; } .progress-promo .progress-promo-left { left: 0; } .progress-promo .progress-promo-bar { width: 100%; height: 100%; background: none; border-width: 14px; border-style: solid; position: absolute; top: 0; } .progress-promo .progress-promo-left .progress-promo-bar { left: 100%; border-top-right-radius: 80px; border-bottom-right-radius: 80px; border-left: 0; -webkit-transform-origin: center left; transform-origin: center left; } .progress-promo .progress-promo-right { right: 0; } .progress-promo .progress-promo-right .progress-promo-bar { left: -100%; border-top-left-radius: 80px; border-bottom-left-radius: 80px; border-right: 0; -webkit-transform-origin: center right; transform-origin: center right; animation: loading-1 1.8s linear forwards; } .progress-promo .progress-promo-value { width: 90%; height: 90%; border-radius: 50%; background: #44484b; font-size: 14px; color: #ff7804; font-weight: bold; line-height: 135px; text-align: center; position: absolute; top: 5%; left: 5%; } .progress-Pending { border-color: var(--color-warning); } .progress-Running { border-color: var(--color-primary); } .progress-Expired { border-color: var(--color-contrast-low); } .progress-Success { border-color: var(--color-success); } .progress-bar-Pending { background-color: var(--color-warning); } .progress-bar-Running { background-color: var(--color-primary); } .progress-bar-Expired { background-color: var(--color-contrast-low); } .progress-bar-Success { background-color: var(--color-success); } /* progress custom for more than 50% */ .progress-promo.progress-custom .progress-promo-bar { } .progress-promo.progress-custom .progress-promo-left .progress-promo-bar { /*animation: custom-Loading-1 1.5s linear forwards 1.8s;*/ animation: custom-Loading-1 1.5s linear forwards 1.8s; } /* progress custom for less than 50% */ .progress-promo.progress-custom-2 .progress-promo-bar { } .progress-promo.progress-custom-2 .progress-promo-right .progress-promo-bar { /*animation: custom-Loading-1 1.5s linear forwards 1.8s;*/ animation: custom-Loading-1 1.5s linear forwards 1.8s; } .progressBar-Animation { animation: progressBar 3s ease-in-out; animation-fill-mode: both; } @keyframes loading-1 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } } @keyframes loading-2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(144deg); transform: rotate(144deg); } } @keyframes loading-3 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @keyframes loading-4 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(36deg); transform: rotate(36deg); } } @keyframes loading-5 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(126deg); transform: rotate(126deg); } } @keyframes custom-Loading-1 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(var(--progress1)); transform: rotate(var(--progress1)); } } @keyframes progressBar { 0% { width: 0; } 100% { width: 100%; } } /* promotion progress end*/ .game-part .accordion { margin-bottom: 0; } .game-part .accordion .h4 { color: #fff; font-size: 14px; } .game-part .accordion a { width: 100%; padding: 10px 15px; display: block; position: relative; } .game-part .accordion a i { position: absolute; right: 15px; } .h4.noData { text-align: center; font-size: 13px; padding: 20px 0; margin-bottom: 0; } /* game history */ .game-history { background: #050404; padding: 20px 10px; height: 100%; } .game-history .table { border-collapse: collapse; } .game-history table thead tr th { padding: 5px 10px !important; } .game-history tbody tr td { padding: 5px 10px; border-bottom: 2px solid black !important; } .user-info .panel-toggle { background-color: rgba(0,0,0, 1) !important; } .user-info .panel-body { background-color: rgba(0,0,0, 0.8) !important; } .allowAmountNote { font-size: 12px; color: red; display: block; line-height: 0; } .amountNote { /*font-size: 12px;*/ color: red; } .dpt-bank-img { width: 110px; max-width: none; } #top-Withdraw-Btn { cursor: pointer; } #top-Deposit-Btn { cursor: pointer; } /* game history */ /* affiliate */ @media (max-width: 767.98px) { .h3.details-title { height: 30px !important; } } .h3.details-title { height: 45px; } #main-affiliate .h3 { width: 100%; padding: 8px 5px; font-size: 15px; font-weight: normal; text-transform: capitalize; color: #000; margin: 0; } #main-affiliate table { font-size: .9em; margin: 0px; } #main-affiliate thead { background: #201f25; color: #fff; } #main-affiliate tbody td { background: #e2e2e2; color: black; } #main-affiliate th, #main-affiliate td { padding: 10px 7px; } #active-member-list .h3, .user-profile .h3 { width: 100%; padding: 8px 5px; font-size: 15px; font-weight: normal; text-transform: capitalize; margin: 1rem 0 0 0; } #active-member-list table { border-collapse: collapse; font-size: .9em; margin: 0px; } #active-member-list thead { background: #201f25; color: #fff; } #active-member-list tbody td { background: #fff; border-bottom: 2px solid #d0d0d0; } #active-member-list th, #active-member-list td { padding: 10px 7px; } #invite-friend .share-title { font-size: .75rem; } .sharebox-container { border-radius: 15px; background-color: #28324d; } .btn-sharebox { background-image: linear-gradient(to right, #3ab1f2, #7c4cf5); color: #fff; } .btn-sharebox:hover { background-image: linear-gradient(to right, #7c4cf5, #3ab1f2); color: #fff; } .btn-underline-sharebox { position: relative; } .btn-underline-sharebox:hover::after { position: absolute; display: inline-block; content: ''; left: 0; bottom: 0; width: 100%; height: 4px; background-image: linear-gradient(to right, #3ab1f2, #7c4cf5); } .btn-sharebox-gray { background-color: #28324d; color: #fff; } input#copy-link { border: none !important; width: 100%; } input#copy-link:focus { outline: none; } input#copytext { padding: 0px 5px; border: none; width: 60%; } input#copytext:focus { outline: none; } button#copylink { border: none; background: transparent; cursor: pointer; } button#copylink:hover { outline: none; } button#copytext { border: none; background: transparent; cursor: pointer; } button#copytext:hover { outline: none; } .downline-details { background: #e2e2e2; border-radius: 0 0 4px 4px; /* margin-top: 1.5rem; */ padding: 15px; } .downline-details:last-child { margin-right: 0 !important; } .downline-details .h3 { font-size: 12px; border-bottom: 1px solid transparent; padding: 0; margin-bottom: 15px; } .downline-details .h3.one { padding: 0 !important; margin: 0 auto !important; height: 35px; color: black; font-weight: 300; } .downline-details .h3:first-child { margin-top: 0.5rem; } .downline-details .h3 b { font-size: 15px; color: black; } #tier table { font-size: .9em; margin: 0px; } #tier thead { background: #201f25; color: #fff; } #tier tbody td { background: #fff; color: #000; } #tier tbody tr:nth-child(2n+2) td { background: #e2e2e2; } #tier th, #tier td { padding: 10px 7px; } .table-sticky { border-collapse: separate; border-spacing: 0; white-space: nowrap; } .table-sticky thead { position: relative; z-index: 1; } .table-sticky thead .sticky-left { position: sticky; left: 0; z-index: 2; } .table-sticky tbody .sticky-left { position: sticky; left: 0; } #main-affiliate tbody td { background: #fff; } #main-affiliate tbody tr:nth-child(2n+2) td { background: #e2e2e2; } #main-affiliate .table-sticky thead .sticky-left { background-color: #5f5c68; } #main-affiliate .table-sticky tbody .sticky-left { background: #e2e2e2; } #main-affiliate .table-sticky tbody tr:nth-child(2n+2) .sticky-left { background: #d2d2d2; } #tier .table-sticky thead .sticky-left { background-color: #5f5c68; } #tier .table-sticky tbody .sticky-left { background: #e2e2e2; } #tier .table-sticky tbody tr:nth-child(2n+2) .sticky-left { background: #d2d2d2; } #active-member-list .table-sticky thead .sticky-left { background-color: #5f5c68; } @media screen and (min-width: 960px) { .table-sticky { border-collapse: collapse; white-space: normal; } } /* affiliate */ @media only screen and (max-width:944px) { .gamesHs ul li { height: 55px; } } ul.gamesHs-title li { background-color: #3b4358; border: none; color: white; font-weight: 600; height: auto; } .gamesHs ul li { color: white; } .gamesHs ul { width: 100%; padding: 0; display: block; display: flex; overflow-x: auto; } .gamesHs ul li { float: left; color: #000000; padding: 10px; background: #e2e2e2; border: 1px solid #d0d0d0; font-size: 13px; font-size: .95em; } .sharebox-container .link { border-radius: 60px; } .cd-tabs__panels a, .cd-tabs__panels a:hover { color: #333; } .h_nav-item > a.active { color: black !important; } .cd-tabs__panels a, .cd-tabs__panels a { color: #333; } .btn-sharebox-gray:hover { color: #fff !important; } .sharebox-container input, .sharebox-container .input-group { border-radius: 60px; min-height: 38px; border: none; font-size: .75em; } .game-part { background: #181818; } /* steps by steps registration css */ #registerModal .modal-content { border: none; } #registerModal .error-content { color: #ff1500; } #registerModal .error-checkName { color: #ff1500; } .iti--separate-dial-code .iti__selected-dial-code { color: #000 !important; } #registerModal input { width: 100%; box-sizing: border-box; border: none !important; /* border: 1px solid #F3E5F5 !important;*/ font-size: 1em !important; color: #000 !important; font-weight: 400; } #registerModal input: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; } #registerModal .btn-color { border-radius: 50px; color: #fff; background-image: linear-gradient(to right, #6a11cb, #2575fc); padding: 15px; cursor: pointer; border: none !important; margin-top: 20px; font-size: 1.6rem; } #registerModal .btn-color:hover { color: #fff; background-image: linear-gradient(to right, #2575fc, #6a11cb); } #registerModal .btn-white { border-radius: 50px; color: #2575fc; background-color: #fff; padding: 8px 40px; cursor: pointer; border: 2px solid #2575fc; } #registerModal .btn-white:hover { color: #fff; background-image: linear-gradient(to right, #2575fc, #6a11cb); } #registerModal button:focus { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; outline-width: 0; } #registerModal .modal-dialog > .modal-content .h3 { font-size: 1.5em; font-weight: 400 !important; } #registerModal .bottom .btn { font-size: 1.6rem; } #registerModal .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:415px) { #registerModal .modal-content.one { width: 100% !important; } } .hide { display: none; } #registerModal .required:after { content: " *"; color: red; } #registerModal .form-group label { color: #d0d0d0; } #registerModal .modal-content.one { background-color: #151515; margin: auto; padding: 0; border: none; border-radius: 5px; max-width: 600px; } #registerModal button.close { position: absolute; top: 15px; right: 15px; color: #d1d1d1; } /* @media only screen and (max-width:1144px) { #registerModal .modal-content.one { width: 60% !important; } } @media only screen and (max-width:991px) { #registerModal .modal-content.one { width: 70% !important; } } @media only screen and (max-width:640px) { #registerModal .modal-content.one { width: 90% !important; } } */ @media only screen and (max-width:767px) { #registerModal .signin-image { width: 100% !important; border-radius: 5px 5px 0 0 !important; } } @media only screen and (max-width: 460px) { /*#registerModal .modal-content.one { width: 90% !important; }*/ #registerModal .modal-content { width: 100%; } } .already-button { padding: 15px; background-color: #1d1d1d; border-radius: 0 0 5px 5px; } #registerModal .form-block { padding: 0; margin: 0 0 10px; position: relative; border: none; text-align: left; } #registerModal .form-group { text-align: left; } #registerModal .register-form__steps-wrapper { position: relative; } @media screen and (max-width: 767px) { #registerModal .signin-form { width: 100% !important; } #registerModal .register-form__steps-wrapper { width: 100%; max-width: 300px; margin: 0 auto; padding: 0; } } #registerModal .register-steps { position: relative; padding: 25px; } #registerModal .register-steps__item-title { flex: 1 1 auto; font-size: 14px; font-weight: normal; text-align: right; padding-right: 10px; color: #c2c2c2; } #registerModal .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; } #registerModal .register-steps__item-number--as-icon { position: relative; border: none; box-shadow: none; } #registerModal .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); } #registerModal .register-steps__item-number--as-icon .icon-font:before { display: none; transform-origin: 50% 65%; animation: 5s ease 5s infinite animateGiftStep; } #registerModal .register-steps__item { display: flex; position: relative; z-index: 2; align-items: center; } #registerModal .register-steps__item--current .register-steps__item-title { color: #fffaf3; text-shadow: 0 2px 2px rgba(0,0,0,0.8); font-weight: 500; } #registerModal .register-steps__item--current .register-steps__item-number { background: #322e2f; color: #fffaf3; box-shadow: 0 0 20px #fec882; border-color: #fec882; } #registerModal .register-steps__item + .register-steps__item { margin-top: 20px; } #registerModal .register-steps:before { content: ''; display: block; position: absolute; height: calc(100% - 45px); width: 2px; background: #fffaf3; top: 27px; right: 41px; z-index: 1; } #registerModal .signin-image img.two { display: none; } #registerModal 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%; } @media screen and (max-width: 767px) { #registerModal .register-steps { position: relative; display: flex; justify-content: space-between; } #registerModal .register-steps__item-title { display: none; } #registerModal .register-steps__item { margin-top: 0 !important; } #registerModal .register-steps:before { height: 2px; width: calc(100% - 50px); top: 41px; left: 30px; } #registerModal .signin-image img.one { display: none; } #registerModal .signin-image img.two { display: block; } #registerModal .signin-image img.two, #registerModal .signin-image img.one { margin: 0 auto; } #registerModal .close span.one { color: white !important; } } #registerModal .signin-image { background-color: black; border-radius: 5px 0 0 0; width: 40%; } #registerModal .signin-form { width: 60%; background: #151515; } #registerModal .signin-form > div { padding: 30px; } #registerModal .signin-content { display: flex; flex-wrap: wrap; background: #151515; } #registerModal .register-p-b { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; margin-top: 40px; } #registerModal .register-p-b.one { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; } #registerModal .register-p-b-back { padding: 0; text-align: left; color: rgb(99 99 99); display: flex; align-items: center; cursor: pointer; } #registerModal .register-p-b-back i { color: rgb(99 99 99); font-weight: 500; margin-right: 5px; } #registerModal .register-p-b-next { padding: 10px 30px; margin: 0; text-align: center; float: right; } #registerModal .congra .h2 { color: rgb(205,156,0); } #registerModal .congra p { font-size: 1em; text-align: center; } #registerModal .congra img { width: 65%; margin: 20px; } .simple-registration .modal-content { max-width: 400px; } #otpModal .btn { background-color: #EEE; color: #333; text-shadow: none !important; background: linear-gradient(to bottom,#fff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); border: 2px solid #ccc; font-weight: bold; } #otpModal .btn:hover { background-color: #F9F9F9 !important; color: #000; background: linear-gradient(to bottom,#f5f5f5 0%,#f1f1f1 50%,#cccccc 51%,#e6e6e6 100%); } #otpModal .close { position: absolute; top: 15px; right: 15px; color: #d1d1d1; } #otpModal .close .text-dark { color: #d1d1d1 !important; } ul.autodeposit-note li, ul.fastdeposit-note li { color: red; font-size: 13px; } .cd-tabs__panel section { background-color: rgb(0 0 0 / 0%); } .h3 strong { font-size: 16px; color: black; } #invite-friend .h3 { margin: 10px 0; } .btn-tnc { background-color: var(--cd-color-1); color: white; } .btn-tnc:hover { background-color: #626872; color: white; } .collapse .card-body { color: black; } #active-member-list h3 strong { color: black; } .active-member tr td { color: black; } .modal-header .h5 { font-size: 18px; margin: 0; color: #fff !important; font-weight: 500 !important; } .bg-transparent { background-color: #e7e7e7fa !important; } .bg-transparent h5 { color: black; } .btn-sharebox h5 { margin: 0; color: white; } input[type=file]::file-selector-button { border-radius: 50px; margin: 3px 4px; } button[aria-expanded=true] .fa-caret-down { display: none; } button[aria-expanded=false] .fa-caret-up { display: none; } .wallet-bottom-part.history-bottom-part.mt-3 { width: auto !important; float: right; } button#ReadAllNotif { padding: 0px 20px; } .bet-history { font-size: .9em; } .bet-history > tbody > tr > td:nth-child(1), .bet-history > tbody > tr > td:nth-child(2) { color: #c5c5c5 !important; } .bet-history th, .bet-history td { padding: 10px 7px; } .bet-history thead { background: #201f25; color: #fff; } .bet-history tbody tr:nth-child(2n+2) td { background: #0c0c0c; } .bet-history tbody td { background: #000; } .bet-history.table-sticky thead .sticky-left { background-color: #28262e; } .bet-history.table-sticky tbody .sticky-left { background: #0f0f0f; } .bet-history.table-sticky tbody tr:nth-child(2n+2) .sticky-left { background: #242424; } /*table dls transaction*/ .w-15 { width: 15%; } .w-35 { width: 35%; } 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; } table.table-sticky.table-dls.table-bordered.w-100 { font-size: .9em; color: black; } table.table-sticky.table-transaction.table-bordered.w-100 { font-size: .9em; color: black; } #daily-lucky-spin-history thead, #deposit-withdraw-history thead, #gamedeposit-withdraw-history thead { background: #201f25; color: #fff; } #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; } #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; } #daily-lucky-spin-history tbody td, #deposit-withdraw-history tbody td, #gamedeposit-withdraw-history tbody td { background: #fff; } #daily-lucky-spin-history .table-sticky thead .sticky-left, #deposit-withdraw-history .table-sticky thead .sticky-left, #gamedeposit-withdraw-history .table-sticky thead .sticky-left { background-color: #5f5c68; } #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; } #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; } thead.user-background { background: var(--cd-color-1) !important; color: white; font-size: .9em; } #DepositTabContent .table-sticky thead.user-background .sticky-left { background-color: #777; } #DepositTabContent .table-sticky tbody .sticky-left { background-color: #fff; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 5px 5px; } @media only screen and (max-width: 441px) { button#ReadAllNotif { display: flex; margin-bottom: 5px !important; } } .member-bank-list td.sticky-left { background: #f8f8f8; } .fastdeposit-step2 .whitelabel, .fastdeposit-step2 .fastDepositTimerS2 { color: black; } @media (max-width: 388px) { h3.details-title { height: 45px !important; } } div#shareboxPopup .modal-dialog .modal-content .modal-header h5 { color: black ; } td.deletebtn > button { background-image: none; background: red; } td.deletebtn > button:hover, td.deletebtn > button:active, td.deletebtn > button:visited, td.deletebtn > button:focus { background-image: none; background: #d80000; } /*@media screen and (max-width: 1480px) { .container { padding-right: 0; padding-left:0; } }*/ @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; }*/ /*.localized-wrapping { border-radius: 50px !important; padding: 0px 15px !important; width: 100%; box-sizing: border-box; border: 1px solid #F3E5F5 !important; font-size: 1em !important; color: #fff !important; font-weight: 400; background: #fff; } .localized-wrapping select { border: none !important; position: relative !important; background: none; } .localized-wrapping input { border: none !important; width: 75% !important; border: none !important; } .localized-wrapping span { color: #000 !important; } @media (max-width: 320px) { .localized-wrapping input { width: 65% !important; } }*/ button.deposit-withdraw { color: black !important; background-image: none !important; } .games-inner.member-bank-list tbody td { background: #fff; color: #333; } .games-inner.member-bank-list tbody tr:nth-child(2n+2) td { background: #e2e2e2; } .games-inner.member-bank-list th, .games-inner.member-bank-list td { padding: 5px 5px; } .games-inner.member-bank-list td, .games-inner.member-bank-list th { border: 1px solid #c9c9c9; } .games-inner.member-bank-list thead { background: #201f25 !important; color: #fff; } .games-inner.member-bank-list.table-sticky thead .sticky-left { background-color: #5f5c68; } .games-inner.member-bank-list.table-sticky tbody .sticky-left { background: #e2e2e2; } .games-inner.member-bank-list.table-sticky tbody tr:nth-child(2n+2) .sticky-left { background: #d2d2d2; } .games-inner.member-crypto-list tbody td { background: #fff; color: #333; } .games-inner.member-crypto-list tbody tr:nth-child(2n+2) td { background: #e2e2e2; } .games-inner.member-crypto-list th, .games-inner.member-crypto-list td { padding: 5px 5px; } .games-inner.member-crypto-list td, .games-inner.member-crypto-list th { border: 1px solid #c9c9c9; } .games-inner.member-crypto-list thead { background: #201f25 !important; color: #fff; } .games-inner.member-crypto-list.table-sticky thead .sticky-left { background-color: #5f5c68; } .games-inner.member-crypto-list.table-sticky tbody .sticky-left { background: #e2e2e2; } .games-inner.member-crypto-list.table-sticky tbody tr:nth-child(2n+2) .sticky-left { background: #d2d2d2; } /* 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; } .user-auto-promocode-crypto-deposit .col-sm-5 label{ height:19.5px; } .crypto-button-group img { width: 30px; height: 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; } .crypto_qrcode img { width: 100%; max-width: 100%; height: auto; } .QR-code-crypto span.red { color: red; text-transform: uppercase; } .button.afb01 { /* background-image: linear-gradient(to right, #6a11cb, #2575fc); border: none; border-radius: 2px 2px;*/ color: white; } .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; } .from-date:focus-within, .end-date:focus-within { background: #facc3b; color: #000; border: 2px solid #825e00; } .gh-calendar-part label { color: #555; white-space: nowrap; margin-bottom: 0px; text-transform: capitalize; margin-top: 0; } .from-date:focus-within label, .end-date:focus-within label { color: #000; } .from-date:focus-within input, .end-date:focus-within input { background: #facc3b !important; } .from-date:focus-within input::placeholder, .end-date:focus-within input::placeholder { color: #e6e6e6; } .from-date:focus-within input:focus, .end-date:focus-within input:focus { color: #e6e6e6; } .ui-datepicker .ui-datepicker-header { background: #facc3b; color: #000; border: 2px solid #825e00; } .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-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #8b8bff; background: #6463ff; color: #fff; } .from-date:focus-within i.fa.fa-calendar-o, .end-date:focus-within i.fa.fa-calendar-o { color: black } .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 #825e00; background: #facc3b; font-weight: normal; color: #000000; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #825e00; background: #facc3b; color: #000000; } .from-date i.fa.fa-calendar-o, .end-date i.fa.fa-calendar-o { color: black; } .custom-max-width { width: 75% !important; } /*.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7485%) hue-rotate(112deg) brightness(100%) contrast(100%) !important; } .ui-datepicker .ui-datepicker-prev span:hover, .ui-datepicker .ui-datepicker-next span:hover { cursor: pointer !important; filter: brightness(0) saturate(100%) invert(0%) sepia(3%) saturate(14%) hue-rotate(103deg) brightness(105%) contrast(105%) !important; }*/ #addBank.modal2 .popup-form { background-color: #000 !important; border: 1px #6a6868 solid !important; border-top: none !important; } .ui-icon, .ui-widget-content .ui-icon { background-image: url('../../../Content/css/images/ui-icons_444444_256x240.png') !important; } .ui-icon, .ui-widget-content .ui-icon:hover{ cursor:pointer; } #WithdrawalTabContent .input-group-append > .input-group-text, #DepositTabContent .input-group-append > .input-group-text { border-top-right-radius: 50px; border-bottom-right-radius: 50px; } #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) } /*#dls { margin: 20px auto; position: relative; align-items: center; justify-content: center } */ div#dls-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; } .marker { position: absolute; width: 40px; left: 0; right: 0; margin: 0 auto; top: 90px; z-index: 2; } .dls-wheel { width: 100%; } .dls-button { margin: 0 auto; background-color: #f0090d; color: white; border: none; border-radius: 20px; padding: 5px 45px; cursor: pointer; font-size: 1.4em !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; font-size: 18px; border: none; outline: none; background: #000; background: linear-gradient( 0deg,#000,#212121); color: white; cursor: pointer; padding: 25px 9px 9px 9px; width: 150px; border-radius: 20px; box-shadow: 3px 3px 13px black; position: relative; z-index: 0; } .dls-freespin-wrapper { position: fixed; bottom: 90px; left: 20px; z-index: 999; } .luckspin_logo_img { width: 100%; -webkit-animation: spin 6s linear infinite; -moz-animation: spin 6s linear infinite; animation: spin 6s linear infinite; } .luckspin_countdown { font-weight: 400; 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(216 181 78); background: linear-gradient( 0deg, rgb(140 108 30) 0%, rgb(182 144 33) 35%, rgb(236 203 105) 100%); margin: auto; padding: 30px; width: 350px !important; border-radius: 55px; } .modal-content.oned h1 { color: white; font-size: 1.1em; 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: #876710; border-radius: 80px; text-align: center; color: white; padding: 10px 40px; font-size: 1.5em; 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: 22px; height: 22px; line-height: 0; position: absolute; top: 10px; right: 10px; } .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; margin: 0px; } .bonus-dls-bg { background: #2c2c2c; 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; margin: 0px; } @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: 100; border: 1px solid white; border-radius: 100%; width: 20px; font-size: 16px; height: 20px; background-color: #3a3a3a; margin: 2px 0; position: absolute; right: 15px; /*top: 5px;*/ } #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( 0deg, rgb(123 33 1) 0%, rgb(154 38 0) 35%, rgb(255 71 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: #0054bd; font-weight: 600; } .dls-content p { font-size: .9em; margin: 0; font-weight: 600; color: #3a3a3a; } .dls-content p span { font-size: 1em; font-weight: 600; } .dls-content span { font-size: .7em; color: #3a3a3a; } .dls-pop-button { background: linear-gradient( 180deg, rgb(255 225 131) 0%, rgb(158 117 0) 51%, rgb(134 101 10) 51%, rgb(144 113 48) 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(to bottom,#f5ce57 0%,#b69743 50%,#f5ce57 100%); } .dls-show { display: block; } @media screen and (max-width: 768px) { .dls-show { display: none; } } .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! */ } #dls-container #dls-modal { background: rgb(0 0 0 / 50%); } /* #HaveDLS { position: fixed; bottom: 0; left: 20px; z-index: 999; } */ /* free spin */ .btn-mix-noborder { outline: 0; border-radius: 50px; font-size: 0.8em; letter-spacing: 2px; overflow: hidden; position: relative; padding: .5em 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%; text-align: center; display: inline-flex; margin-right: 20px; } .btn-mix-wrapper-mb.one { width: 100%; text-align: center; display: inline-flex; margin:0; } .HaveDLS.mobile { position: absolute; top: -50px; } .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: .2em 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: 500; } .btn-mix-noRadius { border-radius: 0 !important; } .btn-mix-noRadius::after, .btn-mix-noRadius::before { border-radius: 0 !important; } /*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: 33.333333%; padding: 10px; } .dls-set-2 .bonus-dls-content div { border: 2px solid #8d5304; border-radius: 5px; box-shadow: 4px 5px 13px -2px rgba(0,0,0,0.54) inset; -webkit-box-shadow: 4px 5px 13px -2px rgba(0,0,0,0.54) inset; -moz-box-shadow: 4px 5px 13px -2px rgba(0,0,0,0.54) inset; width: 100%; } .dls-set-2 .bonus-dls-content div > span { display: none; } .dls-set-2 div > p { background: #fedf19; padding: 2px 0; text-align: center; border-radius: 0 0 3px 3px; font-weight: normal; font-size: .8em; color: #000; margin-bottom: 0; } .dls-set-2 .bonus-dls-content div > img { padding: 10px; max-width: 100%; } .dls-set-2 .dls-seasonal-visual { position: absolute; bottom: 15%; right: 1%; width: 150px; z-index: 99; } .dls-set-2 .h1.bonus-title { width: 100%; text-align: center; font-size: 20px; font-weight: 500; margin-bottom: 0px; } .dls-set-2 .dls-content-visual { position: absolute; bottom: -11px; right: -35px; width: 60px; } .dls-spin-button img { transition: transform .7s ease-in-out; } .dls-spin-button img:hover { transform: rotate(360deg); transition: transform .7s ease-in-out; } .dls-set-2 #dls-close.close { border: none !important; background: transparent !important; cursor: pointer; } @media screen and (max-width: 999px) { .dls-content-visual { display: none; } .dls-set-2 .bonus-dls-content { width: 16.666%; } .dls-set-2 #dls { width: 55%; 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: .8rem; font-weight: 300; } /*daily lucky spin set 2*/ /*! * bootstrap-fileinput v5.1.1 * http://plugins.krajee.com/file-input * * Krajee default styling for bootstrap-fileinput. * * Author: Kartik Visweswaran * Copyright: 2014 - 2020, Kartik Visweswaran, Krajee.com * * Licensed under the BSD-3-Clause * https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md */.btn-file input[type=file],.file-caption-icon,.file-no-browse,.file-preview .fileinput-remove,.file-zoom-dialog .btn-navigate,.file-zoom-dialog .floating-buttons,.krajee-default .file-thumb-progress{position:absolute}.file-loading input[type=file],input[type=file].file-loading{width:0;height:0}.file-no-browse{left:50%;bottom:20%;width:1px;height:1px;font-size:0;opacity:0;border:none;background:0 0;outline:0;box-shadow:none}.file-caption-icon,.file-input-ajax-new .fileinput-remove-button,.file-input-ajax-new .fileinput-upload-button,.file-input-ajax-new .no-browse .input-group-btn,.file-input-new .close,.file-input-new .file-preview,.file-input-new .fileinput-remove-button,.file-input-new .fileinput-upload-button,.file-input-new .glyphicon-file,.file-input-new .no-browse .input-group-btn,.file-zoom-dialog .modal-header:after,.file-zoom-dialog .modal-header:before,.hide-content .kv-file-content,.is-locked .fileinput-remove-button,.is-locked .fileinput-upload-button,.kv-hidden{display:none}.file-caption-icon .kv-caption-icon{line-height:inherit}.btn-file,.file-caption,.file-input,.file-loading:before,.file-preview,.file-zoom-dialog .modal-dialog,.krajee-default .file-thumbnail-footer,.krajee-default.file-preview-frame{position:relative}.file-error-message pre,.file-error-message ul,.krajee-default .file-actions,.krajee-default .file-other-error{text-align:left}.file-error-message pre,.file-error-message ul{margin:0}.krajee-default .file-drag-handle,.krajee-default .file-upload-indicator{float:left;margin-top:10px;width:16px;height:16px}.file-thumb-progress .progress,.file-thumb-progress .progress-bar{font-family:Verdana,Helvetica,sans-serif;font-size:.7rem}.krajee-default .file-thumb-progress .progress,.kv-upload-progress .progress{background-color:#ccc}.krajee-default .file-caption-info,.krajee-default .file-size-info{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:160px;height:15px;margin:auto}.file-zoom-content>.file-object.type-flash,.file-zoom-content>.file-object.type-image,.file-zoom-content>.file-object.type-video{max-width:100%;max-height:100%;width:auto}.file-zoom-content>.file-object.type-flash,.file-zoom-content>.file-object.type-video{height:100%}.file-zoom-content>.file-object.type-default,.file-zoom-content>.file-object.type-html,.file-zoom-content>.file-object.type-pdf,.file-zoom-content>.file-object.type-text{width:100%}.file-loading:before{content:" Loading...";display:inline-block;padding-left:20px;line-height:16px;font-size:13px;font-variant:small-caps;color:#999;background:url(../img/loading.gif) top left no-repeat}.file-object{margin:0 0 -5px;padding:0}.btn-file{overflow:hidden}.btn-file input[type=file]{top:0;left:0;min-width:100%;min-height:100%;text-align:right;opacity:0;background:none;cursor:inherit;display:block}.btn-file ::-ms-browse{font-size:10000px;width:100%;height:100%}.file-caption .file-caption-name{width:100%;margin:0;padding:0;box-shadow:none;border:none;background:0 0;outline:0}.file-caption.icon-visible .file-caption-icon{display:inline-block}.file-caption.icon-visible .file-caption-name{padding-left:15px}.file-caption-icon{left:8px}.file-error-message{color:#a94442;background-color:#f2dede;margin:5px;border:1px solid #ebccd1;border-radius:4px;padding:15px}.file-error-message pre{margin:5px 0}.file-caption-disabled{background-color:#eee;cursor:not-allowed;opacity:1}.file-preview{border-radius:5px;border:1px solid #ddd;padding:8px;width:100%;margin-bottom:5px}.file-preview .btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.file-preview .fileinput-remove{top:1px;right:1px;line-height:10px}.file-preview .clickable{cursor:pointer}.file-preview-image{font:40px Impact,Charcoal,sans-serif;color:green}.krajee-default.file-preview-frame{margin:8px;border:1px solid rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);padding:6px;float:left;text-align:center}.krajee-default.file-preview-frame .kv-file-content{width:213px;height:160px}.krajee-default .file-preview-other-frame{display:flex;align-items:center;justify-content:center}.krajee-default.file-preview-frame .kv-file-content.kv-pdf-rendered{width:400px}.krajee-default.file-preview-frame[data-template=audio] .kv-file-content{width:240px;height:55px}.krajee-default.file-preview-frame .file-thumbnail-footer{height:70px}.krajee-default.file-preview-frame:not(.file-preview-error):hover{border:1px solid rgba(0,0,0,.3);box-shadow:0 0 10px 0 rgba(0,0,0,.4)}.krajee-default .file-preview-text{display:block;color:#428bca;border:1px solid #ddd;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;outline:0;padding:8px;resize:none}.krajee-default .file-preview-html{border:1px solid #ddd;padding:8px;overflow:auto}.krajee-default .file-other-icon{font-size:6em;line-height:1}.krajee-default .file-footer-buttons{float:right}.krajee-default .file-footer-caption{display:block;text-align:center;padding-top:4px;font-size:11px;color:#777;margin-bottom:30px}.file-upload-stats{font-size:10px;text-align:center;width:100%}.kv-upload-progress .file-upload-stats{font-size:12px;margin:-10px 0 5px}.krajee-default .file-preview-error{opacity:.65;box-shadow:none}.krajee-default .file-thumb-progress{top:37px;left:0;right:0}.krajee-default.kvsortable-ghost{background:#e1edf7;border:2px solid #a1abff}.krajee-default .file-preview-other:hover{opacity:.8}.krajee-default .file-preview-frame:not(.file-preview-error) .file-footer-caption:hover{color:#000}.kv-upload-progress .progress{height:20px;margin:10px 0;overflow:hidden}.kv-upload-progress .progress-bar{height:20px;font-family:Verdana,Helvetica,sans-serif}.file-zoom-dialog .file-other-icon{font-size:22em;font-size:50vmin}.file-zoom-dialog .modal-dialog{width:auto}.file-zoom-dialog .modal-header{display:flex;align-items:center;justify-content:space-between}.file-zoom-dialog .btn-navigate{padding:0;margin:-60px 0 0;font-size:60px;background:0 0;text-decoration:none;outline:0;opacity:.7;top:50%;color:#1c94c4}.file-zoom-dialog .btn-navigate:not([disabled]):hover{outline:0;box-shadow:none;opacity:.6}.file-zoom-dialog .floating-buttons{top:5px;right:10px}.file-zoom-dialog .btn-navigate[disabled]{opacity:.3}.file-zoom-dialog .btn-prev{left:1px}.file-zoom-dialog .btn-next{right:1px}.file-zoom-dialog .kv-zoom-title{font-weight:300;color:#999;max-width:50%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-input-ajax-new .no-browse .form-control,.file-input-new .no-browse .form-control{border-top-right-radius:4px;border-bottom-right-radius:4px}.file-caption-main{width:100%}.file-thumb-loading{background:url(../img/loading.gif) center center no-repeat content-box!important}.file-drop-zone{border:1px dashed #aaa;border-radius:4px;text-align:center;vertical-align:middle;margin:12px 15px 12px 12px;padding:5px}.file-drop-zone.clickable:hover{border:2px dashed #999}.file-drop-zone.clickable:focus{border:2px solid #5acde2}.file-drop-zone .file-preview-thumbnails{cursor:default}.file-drop-zone-title{color:#aaa;font-size:1.6em;padding:85px 10px;cursor:default}.file-highlighted{border:2px dashed #999!important;background-color:#eee}.file-uploading{background:url(../img/loading-sm.gif) center bottom 10px no-repeat;opacity:.65}.file-zoom-fullscreen .modal-dialog{min-width:100%;margin:0}.file-zoom-fullscreen .modal-content{border-radius:0;box-shadow:none;min-height:100vh}.file-zoom-fullscreen .modal-body{overflow-y:auto}.floating-buttons{z-index:3000}.floating-buttons .btn-kv{margin-left:3px;z-index:3000}.kv-zoom-actions .btn-kv{margin-left:3px}.file-zoom-content{text-align:center;min-height:300px}.file-zoom-content .file-preview-image,.file-zoom-content .file-preview-video{max-height:100%}.file-zoom-content>.file-object.type-image{height:auto;min-height:inherit}.file-zoom-content>.file-object.type-audio{width:auto;height:30px}@media (min-width:576px){.file-zoom-dialog .modal-dialog{max-width:500px}}@media (min-width:992px){.file-zoom-dialog .modal-lg{max-width:800px}}@media (max-width:767px){.file-preview-thumbnails{display:flex;justify-content:center;align-items:center;flex-direction:column}.file-zoom-dialog .modal-header{flex-direction:column}}@media (max-width:350px){.krajee-default.file-preview-frame:not([data-template=audio]) .kv-file-content{width:160px}}@media (max-width:420px){.krajee-default.file-preview-frame .kv-file-content.kv-pdf-rendered{width:100%}}.file-loading[dir=rtl]:before{background:url(../img/loading.gif) top right no-repeat;padding-left:0;padding-right:20px}.clickable .file-drop-zone-title{cursor:pointer}.file-sortable .file-drag-handle:hover{opacity:.7}.file-sortable .file-drag-handle{cursor:grab;opacity:1}.file-grabbing,.file-grabbing *{cursor:not-allowed!important}.file-grabbing .file-preview-thumbnails *{cursor:grabbing!important}.file-preview-frame.sortable-chosen{background-color:#d9edf7;border-color:#17a2b8;box-shadow:none!important} /*! * bootstrap-fileinput v5.1.1 * http://plugins.krajee.com/file-input * * Krajee RTL (Right To Left) default styling for bootstrap-fileinput. * * Author: Kartik Visweswaran * Copyright: 2014 - 2020, Kartik Visweswaran, Krajee.com * * Licensed under the BSD-3-Clause * https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md */.kv-rtl .close,.kv-rtl .krajee-default .file-actions,.kv-rtl .krajee-default .file-other-error{float:left}.kv-rtl .krajee-default .file-drag-handle,.kv-rtl .krajee-default .file-upload-indicator,.kv-rtl .krajee-default.file-preview-frame{float:right}.kv-rtl .file-error-message pre,.kv-rtl .file-error-message ul,.kv-rtl .file-zoom-dialog{text-align:right}.kv-rtl{direction:rtl}.kv-rtl .floating-buttons{left:10px;right:auto}.kv-rtl .floating-buttons .btn-kv{margin-left:0;margin-right:3px}.kv-rtl .file-caption-icon{left:auto;right:8px}.kv-rtl .file-drop-zone{margin:12px 12px 12px 15px}.kv-rtl .btn-prev{right:1px;left:auto}.kv-rtl .btn-next{left:1px;right:auto}.kv-rtl .float-right,.kv-rtl .pull-right{float:left!important}.kv-rtl .float-left,.kv-rtl .pull-left{float:right!important}.kv-rtl .kv-zoom-title{direction:ltr}.kv-rtl .krajee-default.file-preview-frame{box-shadow:-1px 1px 5px 0 #a2958a}.kv-rtl .krajee-default.file-preview-frame:not(.file-preview-error):hover{box-shadow:-3px 3px 5px 0 #333}.kv-rtl .kv-zoom-actions .btn-kv{margin-left:0;margin-right:3px}.kv-rtl .file-caption.icon-visible .file-caption-name{padding-left:0;padding-right:15px}.kv-rtl .input-group-btn>.btn:last-child{border-radius:4px 0 0 4px}.kv-rtl .input-group .form-control:first-child{border-radius:0 4px 4px 0}.kv-rtl .btn-file input[type=file]{left:auto;right:0;text-align:left;background:100% 0 none} /*New User Dashboard CSS by MEGA Update for more to overwrite old or up CSS ....update date(10/06/2022)*/ /*@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');*/ @import url('https://fonts.googleapis.com/css2?family=Mitr:wght@200;300;400;500;600;700&display=swap'); /* ---------------------------------------------------------------- Bootstrap Adjustments -----------------------------------------------------------------*/ input, textarea, select { border: none; } @media (min-width: 1440px) { .container { max-width: 1320px; } } /* ---------------------------------------------------------------- Basic -----------------------------------------------------------------*/ dl, dt, dd, ol, ul, li { margin: 0; padding: 0; } section { background-color: rgba(0,0,0,0.3); } section.landing-page { background-color: rgba(0,0,0,0.3); } .clear { clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow: hidden; } ::selection { /* background: #f6901e; color: #FFF; */ text-shadow: none; } ::-moz-selection { /* background: #f6901e; */ /* Firefox */ /* color: #FFF; */ text-shadow: none; } ::-webkit-selection { /* background: #f6901e; */ /* Safari */ /* color: #FFF; */ text-shadow: none; } :active, :focus { outline: none !important; } /* ---------------------------------------------------------------- Typography -----------------------------------------------------------------*/ body { line-height: 1.5; /* color: #d1d1d1; */ font-family: 'Mitr', sans-serif; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background-color: #000; background-repeat: no-repeat; background-position: left top; background-attachment: fixed; background-size: contain; /* background-image: url('.//background.png');*/ } a { text-decoration: none !important; /* color: #fff; */ transition: all 0.5s ease; } a:hover { /* color: #fff; */ transition: all 0.5s ease; } a img { border: none; } img { max-width: 100%; } iframe { width: 100%; border: 0 !important; overflow: hidden !important; } /* ---------------------------------------------------------------- Basic Layout Styles -----------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { /* color: #d1d1d1; */ font-weight: 400; line-height: 1.5; margin: 0 0 30px 0; } h5, h6, .h5, .h6 { margin-bottom: 20px; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 1.5rem; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 0.875rem; } h6, .h6 { font-size: 12px; } h4, .h4 { font-weight: 500; } h5, h6, .h5, .h6 { font-weight: 400; } @media (max-width: 767.98px) { h1, .h1 { font-size: 1.75rem; } h2, .h2 { font-size: 1.5rem; } h3, .h3 { font-size: 1.25rem; } h4, .h4 { font-size: 1rem; } } h1 > span:not(.nocolor):not(.badge), h2 > span:not(.nocolor):not(.badge), h3 > span:not(.nocolor):not(.badge), h4 > span:not(.nocolor):not(.badge), h5 > span:not(.nocolor):not(.badge), h6 > span:not(.nocolor):not(.badge) { /* color: green !important; */ } p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset { margin-bottom: 30px; } small { font-family: 'Lato', sans-serif; } /* ---------------------------------------------------------------- Helper Classes -----------------------------------------------------------------*/ #wrapper { position: relative; float: none; width: 100%; margin: 0 auto; } @media (min-width: 1200px) { body:not(.stretched) #wrapper { max-width: 1200px; } } @media (min-width: 1440px) { body:not(.stretched) #wrapper { max-width: 1440px; } } .line, .double-line { clear: both; position: relative; width: 100%; margin: 4rem 0; border-top: 1px solid #EEE; } .line.line-sm { margin: 2rem 0; } span.middot { display: inline-block; margin: 0 5px; } .double-line { border-top: 3px double #E5E5E5; } .nott { text-transform: none !important; } .emptydiv { display: block !important; position: relative !important; } .allmargin { margin: 3rem !important; } .leftmargin { margin-left: 3rem !important; } .rightmargin { margin-right: 3rem !important; } .topmargin { margin-top: 3rem !important; } .bottommargin { margin-bottom: 3rem !important; } .allmargin-sm { margin: 2rem !important; } .leftmargin-sm { margin-left: 2rem !important; } .rightmargin-sm { margin-right: 2rem !important; } .topmargin-sm { margin-top: 2rem !important; } .bottommargin-sm { margin-bottom: 2rem !important; } .allmargin-lg { margin: 5rem !important; } .leftmargin-lg { margin-left: 5rem !important; } .rightmargin-lg { margin-right: 5rem !important; } .topmargin-lg { margin-top: 5rem !important; } .bottommargin-lg { margin-bottom: 5rem !important; } .header-stick { margin-top: -3rem !important; } .content-wrap .header-stick { margin-top: -5rem !important; } .footer-stick { margin-bottom: -3rem !important; } .content-wrap .footer-stick { margin-bottom: -5rem !important; } .border-f5 { border-color: #F5F5F5 !important; } .col-padding { padding: 4rem; } .notextshadow { text-shadow: none !important; } .inline-block { float: none !important; display: inline-block !important; } .center { text-align: center !important; } .mx-auto { float: none !important; } .bg-color, .bg-color #header-wrap { /* background-color: #f6901e !important; */ } .color { /* color: #f6901e !important; */ } .border-color { /* border-color: #f6901e !important; */ } .ls0 { letter-spacing: 0px !important; } .ls1 { letter-spacing: 1px !important; } .ls2 { letter-spacing: 2px !important; } .ls3 { letter-spacing: 3px !important; } .ls4 { letter-spacing: 4px !important; } .ls5 { letter-spacing: 5px !important; } .noheight { height: 0 !important; } .nolineheight { line-height: 0 !important; } .font-body { font-family: 'Lato', sans-serif; } .font-primary { font-family: 'Poppins', sans-serif; } .font-secondary { font-family: 'PT Serif', serif; } .font-weight-extralight { font-weight: 100 !important; } .font-weight-medium { font-weight: 500 !important; } .font-weight-semibold { font-weight: 600 !important; } .font-normal { font-weight: normal !important; } .bgicon { display: block; position: absolute; bottom: -60px; right: -50px; font-size: 210px; color: rgba(0, 0, 0, 0.1); } .imagescale, .imagescalein { display: block; overflow: hidden; } .imagescale img, .imagescalein img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 1s ease; transition: all 1s ease; } .imagescale:hover img { -webkit-transform: scale(1); transform: scale(1); } .imagescalein img { -webkit-transform: scale(1); transform: scale(1); } .imagescalein:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .grayscale { filter: brightness(80%) grayscale(1) contrast(90%); -webkit-filter: brightness(80%) grayscale(1) contrast(90%); -moz-filter: brightness(80%) grayscale(1) contrast(90%); -o-filter: brightness(80%) grayscale(1) contrast(90%); -ms-filter: brightness(80%) grayscale(1) contrast(90%); transition: 1s filter ease; -webkit-transition: 1s -webkit-filter ease; -moz-transition: 1s -moz-filter ease; -ms-transition: 1s -ms-filter ease; -o-transition: 1s -o-filter ease; } .grayscale:hover { filter: brightness(100%) grayscale(0); -webkit-filter: brightness(100%) grayscale(0); -moz-filter: brightness(100%) grayscale(0); -o-filter: brightness(100%) grayscale(0); -ms-filter: brightness(100%) grayscale(0); } /* MOVING BG - TESTIMONIALS */ .bganimate { -webkit-animation: BgAnimated 30s infinite linear; -moz-animation: BgAnimated 30s infinite linear; -ms-animation: BgAnimated 30s infinite linear; -o-animation: BgAnimated 30s infinite linear; animation: BgAnimated 30s infinite linear; } @-webkit-keyframes BgAnimated { from { background-position: 0 0; } to { background-position: 0 400px; } } @-moz-keyframes BgAnimated { from { background-position: 0 0; } to { background-position: 0 400px; } } @-ms-keyframes BgAnimated { from { background-position: 0 0; } to { background-position: 0 400px; } } @-o-keyframes BgAnimated { from { background-position: 0 0; } to { background-position: 0 400px; } } @keyframes BgAnimated { from { background-position: 0 0; } to { background-position: 0 400px; } } .input-block-level { display: block; width: 100% !important; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .vertical-middle { z-index: 3; position: relative; display: -ms-flexbox; display: flex; width: 100%; min-height: 100%; justify-content: center; flex-flow: column; } .vertical-middle-overlay { position: absolute; top: 0; left: 0; } .vertical-middle + .video-wrap { z-index: 2 !important; } .magnific-max-width .mfp-content { max-width: 800px; } .overflow-visible { overflow: visible !important; } /* ---------------------------------------------------------------- Opacity Utility Classes -----------------------------------------------------------------*/ .op-ts { -webkit-transition: opacity .5s ease; transition: opacity .5s ease; } .op-0, .h-op-0:hover { opacity: 0 !important; } .op-01, .h-op-01:hover { opacity: 0.1 !important; } .op-02, .h-op-02:hover { opacity: 0.2 !important; } .op-03, .h-op-03:hover { opacity: 0.3 !important; } .op-04, .h-op-04:hover { opacity: 0.4 !important; } .op-05, .h-op-05:hover { opacity: 0.5 !important; } .op-06, .h-op-06:hover { opacity: 0.6 !important; } .op-07, .h-op-07:hover { opacity: 0.7 !important; } .op-08, .h-op-08:hover { opacity: 0.8 !important; } .op-09, .h-op-09:hover { opacity: 0.9 !important; } .op-1, .h-op-1:hover { opacity: 1 !important; } /* ---------------------------------------------------------------- Text Color Utility Classes -----------------------------------------------------------------*/ .text-ts { -webkit-transition: color .5s ease; transition: color .5s ease; } .h-text-color:hover, a.h-text-color:hover { color: #f6901e !important; } .h-text-primary:hover, a.h-text-primary:hover { color: #007bff !important; } .h-text-secondary:hover, a.h-text-secondary:hover { color: #6c757d !important; } .h-text-success:hover, a.h-text-success:hover { color: #28a745 !important; } .h-text-info:hover, a.h-text-info:hover { color: #17a2b8 !important; } .h-text-warning:hover, a.h-text-warning:hover { color: #ffc107 !important; } .h-text-danger:hover, a.h-text-danger:hover { color: #dc3545 !important; } .h-text-light:hover, a.h-text-light:hover { color: #f8f9fa !important; } .h-text-dark:hover, a.h-text-dark:hover { color: #343a40 !important; } /* ---------------------------------------------------------------- Text Size Utility Classes -----------------------------------------------------------------*/ .text-smaller { font-size: 80% !important; } .text-larger { font-size: 120% !important; } .text-smaller small { font-size: 90% !important; } /* ---------------------------------------------------------------- BG Color Utility Classes -----------------------------------------------------------------*/ .bg-ts { -webkit-transition: background-color .5s ease; transition: background-color .5s ease; } .h-nobg:hover { /* background-color: transparent !important; */ } .h-bg-color:hover { /* background-color: #f6901e !important; */ } .h-bg-primary:hover { /* background-color: #007bff !important; */ } .h-bg-secondary:hover { /* background-color: #6c757d !important; */ } .h-bg-success:hover { /* background-color: #28a745 !important; */ } .h-bg-info:hover { /* background-color: #17a2b8 !important; */ } .h-bg-warning:hover { /* background-color: #ffc107 !important; */ } .h-bg-danger:hover { /* background-color: #dc3545 !important; */ } .h-bg-light:hover { /* background-color: #f8f9fa !important; */ } .h-bg-dark:hover { /* background-color: #343a40 !important; */ } .bg-clip { border: 1rem solid transparent; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; transform: translate3d(0, 0, 0); } .bg-clip-sm { border-width: 0.5rem; } .bg-clip-lg { border-width: 2rem; } /* ---------------------------------------------------------------- Gradient Utility Classes -----------------------------------------------------------------*/ .gradient-light-grey, .h-gradient-light-grey:hover { /* background-image: -webkit-linear-gradient(to right, #2c3e50, #bdc3c7) !important; */ /* background-image: linear-gradient(to right, #2c3e50, #bdc3c7) !important; */ } .gradient-green-dark, .h-gradient-green-dark:hover { /* background-image: -webkit-linear-gradient(to right, #99f2c8, #1f4037) !important; */ /* background-image: linear-gradient(to right, #99f2c8, #1f4037) !important; */ } .gradient-grey-brown, .h-gradient-grey-brown:hover { /* background-image: -webkit-linear-gradient(to right, #C06C84, #6C5B7B, #355C7D) !important; background-image: linear-gradient(to right, #C06C84, #6C5B7B, #355C7D) !important; */ } .gradient-light-pink, .h-gradient-light-pink:hover { /* background-image: -webkit-linear-gradient(to right, #ffdde1, #ee9ca7) !important; background-image: linear-gradient(to right, #ffdde1, #ee9ca7) !important; */ } .gradient-blue-purple, .h-gradient-blue-purple:hover { /* background-image: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2) !important; background-image: linear-gradient(to right, #4A00E0, #8E2DE2) !important; */ } .gradient-multiples, .h-gradient-multiples:hover { /* background-image: -webkit-linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%) !important; */ /* background-image: linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%) !important; */ } .gradient-blue-green, .h-gradient-blue-green:hover { /* background-image: -webkit-linear-gradient(to right, #2af598 0%, #009efd 100%) !important; */ /* background-image: linear-gradient(to right, #2af598 0%, #009efd 100%) !important; */ } .gradient-light, .h-gradient-light:hover { /* background-image: -webkit-linear-gradient(to top, #DDD 0%, #FFF 100%) !important; */ /* background-image: linear-gradient(to top, #DDD 0%, #FFF 100%) !important; */ } .gradient-grey-orange, .h-gradient-grey-orange:hover { /* background-image: -webkit-linear-gradient(to right, #3B4371, #F3904F) !important; */ /* background-image: linear-gradient(to right, #3B4371, #F3904F) !important; */ } .gradient-sunset, .h-gradient-sunset:hover { /* background-image: -webkit-linear-gradient(to top, #a8edea 0%, #fed6e3 100%) !important; */ /* background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%) !important; */ } .gradient-dark, .h-gradient-dark:hover { /* background-image: -webkit-linear-gradient(to right, #535353, #000) !important; */ /* background-image: linear-gradient(to right, #535353, #000) !important; */ } .gradient-lemon, .h-gradient-lemon:hover { /* background-image: -webkit-linear-gradient(to right, #cac531, #f3f9a7) !important; */ /* background-image: linear-gradient(to right, #cac531, #f3f9a7) !important; */ } .gradient-earth, .h-gradient-earth:hover { /* background-image: -webkit-linear-gradient(to right, #649173, #dbd5a4) !important; */ /* background-image: linear-gradient(to right, #649173, #dbd5a4) !important; */ } .gradient-sky, .h-gradient-sky:hover { /* background-image: -webkit-linear-gradient(to right, #2980b9, #6dd5fa, #F5F5F5) !important; */ /* background-image: linear-gradient(to right, #2980b9, #6dd5fa, #F5F5F5) !important; */ } .gradient-ocean, .h-gradient-ocean:hover { /* background-image: -webkit-linear-gradient(to right, #000046, #1cb5e0) !important; */ /* background-image: linear-gradient(to right, #000046, #1cb5e0) !important; */ } .gradient-horizon, .h-gradient-horizon:hover { /* background-image: -webkit-linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%) !important; */ /* background-image: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%) !important; */ } .gradient-green-blue, .h-gradient-green-blue:hover { /* background-image: -webkit-linear-gradient(to right, #43cea2, #185a9d) !important; */ /* background-image: linear-gradient(to right, #43cea2, #185a9d) !important; */ } .gradient-purple-blue, .h-gradient-purple-blue:hover { /* background-image: -webkit-linear-gradient(19deg, rgb(33, 212, 253) 0%, rgb(183, 33, 255) 100%) !important; */ /* background-image: linear-gradient(19deg, rgb(33, 212, 253) 0%, rgb(183, 33, 255) 100%) !important; */ } .gradient-text { text-shadow: none !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .gradient-underline { background-repeat: no-repeat; background-size: 100% 8px; background-position: 0 88%; } /* ---------------------------------------------------------------- Border Utility Classes -----------------------------------------------------------------*/ .border-width-0, .h-border-width-0:hover { border-width: 0px !important; } .border-width-1, .h-border-width-1:hover { border-width: 1px !important; } .border-width-2, .h-border-width-2:hover { border-width: 2px !important; } .border-width-3, .h-border-width-3:hover { border-width: 3px !important; } .border-width-4, .h-border-width-4:hover { border-width: 4px !important; } .border-width-5, .h-border-width-5:hover { border-width: 5px !important; } .border-width-6, .h-border-width-6:hover { border-width: 6px !important; } .border-dotted { border-style: dotted !important; } .border-dashed { border-style: dashed !important; } .border-solid { border-style: solid !important; } .border-double { border-style: double !important; } .h-border-primary:hover { border-color: #007bff !important; } .h-border-secondary:hover { border-color: #6c757d !important; } .h-border-success:hover { border-color: #28a745 !important; } .h-border-info:hover { border-color: #17a2b8 !important; } .h-border-warning:hover { border-color: #ffc107 !important; } .h-border-danger:hover { border-color: #dc3545 !important; } .h-border-light:hover { border-color: #f8f9fa !important; } .h-border-dark:hover { border-color: #343a40 !important; } .border-transparent, .h-border-transparent:hover { border-color: transparent !important; } .border-default, .h-border-default:hover { border-color: #EEE !important; } .dark.border-default, .dark .border-default, .dark.h-border-default:hover .dark .h-border-default:hover { border-color: rgba(255, 255, 255, 0.15) !important; } .border-ts { -webkit-transition: border 0.5s ease; transition: border 0.5s ease; } /* ---------------------------------------------------------------- Shadows -----------------------------------------------------------------*/ .h-shadow-sm:hover { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .h-shadow:hover { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .h-shadow-lg:hover { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .h-shadow-none:hover { box-shadow: none !important; } .shadow-ts { -webkit-transition: box-shadow 0.5s ease; transition: box-shadow 0.5s ease; } /* ---------------------------------------------------------------- Bootstrap Utility Classes: Extended -----------------------------------------------------------------*/ /* Spacing Utilities */ .m-6 { margin: 5rem !important; } .mt-6, .my-6 { margin-top: 5rem !important; } .mr-6, .mx-6 { margin-right: 5rem !important; } .mb-6, .my-6 { margin-bottom: 5rem !important; } .ml-6, .mx-6 { margin-left: 5rem !important; } .p-6 { padding: 5rem !important; } .pt-6, .py-6 { padding-top: 5rem !important; } .pr-6, .px-6 { padding-right: 5rem !important; } .pb-6, .py-6 { padding-bottom: 5rem !important; } .pl-6, .px-6 { padding-left: 5rem !important; } @media (min-width: 576px) { .m-sm-6 { margin: 5rem !important; } .mt-sm-6, .my-sm-6 { margin-top: 5rem !important; } .mr-sm-6, .mx-sm-6 { margin-right: 5rem !important; } .mb-sm-6, .my-sm-6 { margin-bottom: 5rem !important; } .ml-sm-6, .mx-sm-6 { margin-left: 5rem !important; } .p-sm-6 { padding: 5rem !important; } .pt-sm-6, .py-sm-6 { padding-top: 5rem !important; } .pr-sm-6, .px-sm-6 { padding-right: 5rem !important; } .pb-sm-6, .py-sm-6 { padding-bottom: 5rem !important; } .pl-sm-6, .px-sm-6 { padding-left: 5rem !important; } } @media (min-width: 768px) { .m-md-6 { margin: 5rem !important; } .mt-md-6, .my-md-6 { margin-top: 5rem !important; } .mr-md-6, .mx-md-6 { margin-right: 5rem !important; } .mb-md-6, .my-md-6 { margin-bottom: 5rem !important; } .ml-md-6, .mx-md-6 { margin-left: 5rem !important; } .p-md-6 { padding: 5rem !important; } .pt-md-6, .py-md-6 { padding-top: 5rem !important; } .pr-md-6, .px-md-6 { padding-right: 5rem !important; } .pb-md-6, .py-md-6 { padding-bottom: 5rem !important; } .pl-md-6, .px-md-6 { padding-left: 5rem !important; } /*#coinValue { margin-top: 10px !important; }*/ } @media (min-width: 992px) { .m-lg-6 { margin: 5rem !important; } .mt-lg-6, .my-lg-6 { margin-top: 5rem !important; } .mr-lg-6, .mx-lg-6 { margin-right: 5rem !important; } .mb-lg-6, .my-lg-6 { margin-bottom: 5rem !important; } .ml-lg-6, .mx-lg-6 { margin-left: 5rem !important; } .p-lg-6 { padding: 5rem !important; } .pt-lg-6, .py-lg-6 { padding-top: 5rem !important; } .pr-lg-6, .px-lg-6 { padding-right: 5rem !important; } .pb-lg-6, .py-lg-6 { padding-bottom: 5rem !important; } .pl-lg-6, .px-lg-6 { padding-left: 5rem !important; } } @media (min-width: 1200px) { .m-xl-6 { margin: 5rem !important; } .mt-xl-6, .my-xl-6 { margin-top: 5rem !important; } .mr-xl-6, .mx-xl-6 { margin-right: 5rem !important; } .mb-xl-6, .my-xl-6 { margin-bottom: 5rem !important; } .ml-xl-6, .mx-xl-6 { margin-left: 5rem !important; } .p-xl-6 { padding: 5rem !important; } .pt-xl-6, .py-xl-6 { padding-top: 5rem !important; } .pr-xl-6, .px-xl-6 { padding-right: 5rem !important; } .pb-xl-6, .py-xl-6 { padding-bottom: 5rem !important; } .pl-xl-6, .px-xl-6 { padding-left: 5rem !important; } } @media (max-width: 768px) { #bank { margin-top: 14px; } } /* Custom Bootstrap Column */ .col-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5, .col-xl-1-5 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col-1-5 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } @media (min-width: 576px) { .col-sm-1-5 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 768px) { .col-md-1-5 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 992px) { .col-lg-1-5 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 1200px) { .col-xl-1-5 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } /* Gutters */ .gutter-10 { margin-right: -5px; margin-left: -5px; margin-bottom: -10px; } .gutter-10 > .col, .gutter-10 > [class*="col-"] { padding-right: 5px; padding-left: 5px; padding-bottom: 10px; } .gutter-20 { margin-right: -10px; margin-left: -10px; margin-bottom: -20px; } .gutter-20 > .col, .gutter-20 > [class*="col-"] { padding-right: 10px; padding-left: 10px; padding-bottom: 20px; } .gutter-30 { margin-right: -15px; margin-left: -15px; margin-bottom: -30px; } .gutter-30 > .col, .gutter-30 > [class*="col-"] { padding-right: 15px; padding-left: 15px; padding-bottom: 30px; } .gutter-40 { margin-right: -20px; margin-left: -20px; margin-bottom: -40px; } .gutter-40 > .col, .gutter-40 > [class*="col-"] { padding-right: 20px; padding-left: 20px; padding-bottom: 40px; } .gutter-50 { margin-right: -25px; margin-left: -25px; margin-bottom: -50px; } .gutter-50 > .col, .gutter-50 > [class*="col-"] { padding-right: 25px; padding-left: 25px; padding-bottom: 50px; } .col-mb-30 { margin-bottom: -30px; } .col-mb-30 > .col, .col-mb-30 > [class*="col-"] { padding-bottom: 30px; } .col-mb-50 { margin-bottom: -50px; } .col-mb-50 > .col, .col-mb-50 > [class*="col-"] { padding-bottom: 50px; } .col-mb-80 { margin-bottom: -80px; } .col-mb-80 > .col, .col-mb-80 > [class*="col-"] { padding-bottom: 80px; } @media (min-width: 576px) { .gutter-sm-10 { margin-right: -5px; margin-left: -5px; margin-bottom: -10px; } .gutter-sm-10 > .col, .gutter-sm-10 > [class*="col-"] { padding-right: 5px; padding-left: 5px; padding-bottom: 10px; } .gutter-sm-20 { margin-right: -10px; margin-left: -10px; margin-bottom: -20px; } .gutter-sm-20 > .col, .gutter-sm-20 > [class*="col-"] { padding-right: 10px; padding-left: 10px; padding-bottom: 20px; } .gutter-sm-30 { margin-right: -15px; margin-left: -15px; margin-bottom: -30px; } .gutter-sm-30 > .col, .gutter-sm-30 > [class*="col-"] { padding-right: 15px; padding-left: 15px; padding-bottom: 30px; } .gutter-sm-40 { margin-right: -20px; margin-left: -20px; margin-bottom: -40px; } .gutter-sm-40 > .col, .gutter-sm-40 > [class*="col-"] { padding-right: 20px; padding-left: 20px; padding-bottom: 40px; } .gutter-sm-50 { margin-right: -25px; margin-left: -25px; margin-bottom: -50px; } .gutter-sm-50 > .col, .gutter-sm-50 > [class*="col-"] { padding-right: 25px; padding-left: 25px; padding-bottom: 50px; } .col-mb-sm-30 { margin-bottom: -30px; } .col-mb-sm-30 > .col, .col-mb-sm-30 > [class*="col-"] { padding-bottom: 30px; } .col-mb-sm-50 { margin-bottom: -50px; } .col-mb-sm-50 > .col, .col-mb-sm-50 > [class*="col-"] { padding-bottom: 50px; } .col-mb-sm-80 { margin-bottom: -80px; } .col-mb-sm-80 > .col, .col-mb-sm-80 > [class*="col-"] { padding-bottom: 80px; } } @media (min-width: 768px) { .gutter-md-10 { margin-right: -5px; margin-left: -5px; margin-bottom: -10px; } .gutter-md-10 > .col, .gutter-md-10 > [class*="col-"] { padding-right: 5px; padding-left: 5px; padding-bottom: 10px; } .gutter-md-20 { margin-right: -10px; margin-left: -10px; margin-bottom: -20px; } .gutter-md-20 > .col, .gutter-md-20 > [class*="col-"] { padding-right: 10px; padding-left: 10px; padding-bottom: 20px; } .gutter-md-30 { margin-right: -15px; margin-left: -15px; margin-bottom: -30px; } .gutter-md-30 > .col, .gutter-md-30 > [class*="col-"] { padding-right: 15px; padding-left: 15px; padding-bottom: 30px; } .gutter-md-40 { margin-right: -20px; margin-left: -20px; margin-bottom: -40px; } .gutter-md-40 > .col, .gutter-md-40 > [class*="col-"] { padding-right: 20px; padding-left: 20px; padding-bottom: 40px; } .gutter-md-50 { margin-right: -25px; margin-left: -25px; margin-bottom: -50px; } .gutter-md-50 > .col, .gutter-md-50 > [class*="col-"] { padding-right: 25px; padding-left: 25px; padding-bottom: 50px; } .col-mb-md-30 { margin-bottom: -30px; } .col-mb-md-30 > .col, .col-mb-md-30 > [class*="col-"] { padding-bottom: 30px; } .col-mb-md-50 { margin-bottom: -50px; } .col-mb-md-50 > .col, .col-mb-md-50 > [class*="col-"] { padding-bottom: 50px; } .col-mb-md-80 { margin-bottom: -80px; } .col-mb-md-80 > .col, .col-mb-md-80 > [class*="col-"] { padding-bottom: 80px; } } @media (min-width: 992px) { .gutter-lg-10 { margin-right: -5px; margin-left: -5px; margin-bottom: -10px; } .gutter-lg-10 > .col, .gutter-lg-10 > [class*="col-"] { padding-right: 5px; padding-left: 5px; padding-bottom: 10px; } .gutter-lg-20 { margin-right: -10px; margin-left: -10px; margin-bottom: -20px; } .gutter-lg-20 > .col, .gutter-lg-20 > [class*="col-"] { padding-right: 10px; padding-left: 10px; padding-bottom: 20px; } .gutter-lg-30 { margin-right: -15px; margin-left: -15px; margin-bottom: -30px; } .gutter-lg-30 > .col, .gutter-lg-30 > [class*="col-"] { padding-right: 15px; padding-left: 15px; padding-bottom: 30px; } .gutter-lg-40 { margin-right: -20px; margin-left: -20px; margin-bottom: -40px; } .gutter-lg-40 > .col, .gutter-lg-40 > [class*="col-"] { padding-right: 20px; padding-left: 20px; padding-bottom: 40px; } .gutter-lg-50 { margin-right: -25px; margin-left: -25px; margin-bottom: -50px; } .gutter-lg-50 > .col, .gutter-lg-50 > [class*="col-"] { padding-right: 25px; padding-left: 25px; padding-bottom: 50px; } .col-mb-lg-30 { margin-bottom: -30px; } .col-mb-lg-30 > .col, .col-mb-lg-30 > [class*="col-"] { padding-bottom: 30px; } .col-mb-lg-50 { margin-bottom: -50px; } .col-mb-lg-50 > .col, .col-mb-lg-50 > [class*="col-"] { padding-bottom: 50px; } .col-mb-lg-80 { margin-bottom: -80px; } .col-mb-lg-80 > .col, .col-mb-lg-80 > [class*="col-"] { padding-bottom: 80px; } } @media (min-width: 1200px) { .gutter-xl-10 { margin-right: -5px; margin-left: -5px; margin-bottom: -10px; } .gutter-xl-10 > .col, .gutter-xl-10 > [class*="col-"] { padding-right: 5px; padding-left: 5px; padding-bottom: 10px; } .gutter-xl-20 { margin-right: -10px; margin-left: -10px; margin-bottom: -20px; } .gutter-xl-20 > .col, .gutter-xl-20 > [class*="col-"] { padding-right: 10px; padding-left: 10px; padding-bottom: 20px; } .gutter-xl-30 { margin-right: -15px; margin-left: -15px; margin-bottom: -30px; } .gutter-xl-30 > .col, .gutter-xl-30 > [class*="col-"] { padding-right: 15px; padding-left: 15px; padding-bottom: 30px; } .gutter-xl-40 { margin-right: -20px; margin-left: -20px; margin-bottom: -40px; } .gutter-xl-40 > .col, .gutter-xl-40 > [class*="col-"] { padding-right: 20px; padding-left: 20px; padding-bottom: 40px; } .gutter-xl-50 { margin-right: -25px; margin-left: -25px; margin-bottom: -50px; } .gutter-xl-50 > .col, .gutter-xl-50 > [class*="col-"] { padding-right: 25px; padding-left: 25px; padding-bottom: 50px; } .col-mb-xl-30 { margin-bottom: -30px; } .col-mb-xl-30 > .col, .col-mb-xl-30 > [class*="col-"] { padding-bottom: 30px; } .col-mb-xl-50 { margin-bottom: -50px; } .col-mb-xl-50 > .col, .col-mb-xl-50 > [class*="col-"] { padding-bottom: 50px; } .col-mb-xl-80 { margin-bottom: -80px; } .col-mb-xl-80 > .col, .col-mb-xl-80 > [class*="col-"] { padding-bottom: 80px; } } /* ---------------------------------------------------------------- Height Utility Classes -----------------------------------------------------------------*/ .min-vh-75 { min-height: 75vh !important; } .min-vh-60 { min-height: 60vh !important; } .min-vh-50 { min-height: 50vh !important; } .min-vh-40 { min-height: 40vh !important; } .min-vh-25 { min-height: 25vh !important; } .min-vh-0 { min-height: 0 !important; } .vh-75 { height: 75vh !important; } .vh-60 { height: 60vh !important; } .vh-50 { height: 50vh !important; } .vh-40 { height: 40vh !important; } .vh-25 { height: 25vh !important; } .h-60 { height: 60% !important; } .h-40 { height: 40% !important; } .max-vh-100 { max-height: 100vh !important; } .max-vh-75 { max-height: 75vh !important; } .max-vh-60 { max-height: 60vh !important; } .max-vh-50 { max-height: 50vh !important; } .max-vh-40 { max-height: 40vh !important; } .max-vh-25 { max-height: 25vh !important; } .max-vh-none { max-height: none !important; } @media (min-width: 576px) { .min-vh-sm-100 { min-height: 100vh !important; } .min-vh-sm-75 { min-height: 75vh !important; } .min-vh-sm-60 { min-height: 60vh !important; } .min-vh-sm-50 { min-height: 50vh !important; } .min-vh-sm-40 { min-height: 40vh !important; } .min-vh-sm-25 { min-height: 25vh !important; } .min-vh-sm-0 { min-height: 0 !important; } .vh-sm-100 { height: 100vh !important; } .vh-sm-75 { height: 75vh !important; } .vh-sm-60 { height: 60vh !important; } .vh-sm-50 { height: 50vh !important; } .vh-sm-40 { height: 40vh !important; } .vh-sm-25 { height: 25vh !important; } .h-sm-100 { height: 100% !important; } .h-sm-75 { height: 75% !important; } .h-sm-60 { height: 60% !important; } .h-sm-50 { height: 50% !important; } .h-sm-40 { height: 40% !important; } .h-sm-25 { height: 25% !important; } .h-sm-auto { height: auto !important; } .max-vh-sm-100 { max-height: 100vh !important; } .max-vh-sm-75 { max-height: 75vh !important; } .max-vh-sm-60 { max-height: 60vh !important; } .max-vh-sm-50 { max-height: 50vh !important; } .max-vh-sm-40 { max-height: 40vh !important; } .max-vh-sm-25 { max-height: 25vh !important; } .max-vh-sm-none { max-height: none !important; } } @media (min-width: 768px) { .min-vh-md-100 { min-height: 100vh !important; } .min-vh-md-75 { min-height: 75vh !important; } .min-vh-md-60 { min-height: 60vh !important; } .min-vh-md-50 { min-height: 50vh !important; } .min-vh-md-40 { min-height: 40vh !important; } .min-vh-md-25 { min-height: 25vh !important; } .min-vh-md-0 { min-height: 0 !important; } .vh-md-100 { height: 100vh !important; } .vh-md-75 { height: 75vh !important; } .vh-md-60 { height: 60vh !important; } .vh-md-50 { height: 50vh !important; } .vh-md-40 { height: 40vh !important; } .vh-md-25 { height: 25vh !important; } .h-md-100 { height: 100% !important; } .h-md-75 { height: 75% !important; } .h-md-60 { height: 60% !important; } .h-md-50 { height: 50% !important; } .h-md-40 { height: 40% !important; } .h-md-25 { height: 25% !important; } .h-md-auto { height: auto !important; } .max-vh-md-100 { max-height: 100vh !important; } .max-vh-md-75 { max-height: 75vh !important; } .max-vh-md-60 { max-height: 60vh !important; } .max-vh-md-50 { max-height: 50vh !important; } .max-vh-md-40 { max-height: 40vh !important; } .max-vh-md-25 { max-height: 25vh !important; } .max-vh-md-none { max-height: none !important; } } @media (min-width: 992px) { .min-vh-lg-100 { min-height: 100vh !important; } .min-vh-lg-75 { min-height: 75vh !important; } .min-vh-lg-60 { min-height: 60vh !important; } .min-vh-lg-50 { min-height: 50vh !important; } .min-vh-lg-40 { min-height: 40vh !important; } .min-vh-lg-25 { min-height: 25vh !important; } .min-vh-lg-0 { min-height: 0 !important; } .vh-lg-100 { height: 100vh !important; } .vh-lg-75 { height: 75vh !important; } .vh-lg-60 { height: 60vh !important; } .vh-lg-50 { height: 50vh !important; } .vh-lg-40 { height: 40vh !important; } .vh-lg-25 { height: 25vh !important; } .h-lg-100 { height: 100% !important; } .h-lg-75 { height: 75% !important; } .h-lg-60 { height: 60% !important; } .h-lg-50 { height: 50% !important; } .h-lg-40 { height: 40% !important; } .h-lg-25 { height: 25% !important; } .h-lg-auto { height: auto !important; } .max-vh-lg-100 { max-height: 100vh !important; } .max-vh-lg-75 { max-height: 75vh !important; } .max-vh-lg-60 { max-height: 60vh !important; } .max-vh-lg-50 { max-height: 50vh !important; } .max-vh-lg-40 { max-height: 40vh !important; } .max-vh-lg-25 { max-height: 25vh !important; } .max-vh-lg-none { max-height: none !important; } } @media (min-width: 1200px) { .min-vh-xl-100 { min-height: 100vh !important; } .min-vh-xl-75 { min-height: 75vh !important; } .min-vh-xl-60 { min-height: 60vh !important; } .min-vh-xl-50 { min-height: 50vh !important; } .min-vh-xl-40 { min-height: 40vh !important; } .min-vh-xl-25 { min-height: 25vh !important; } .min-vh-xl-0 { min-height: 0 !important; } .vh-xl-100 { height: 100vh !important; } .vh-xl-75 { height: 75vh !important; } .vh-xl-60 { height: 60vh !important; } .vh-xl-50 { height: 50vh !important; } .vh-xl-40 { height: 40vh !important; } .vh-xl-25 { height: 25vh !important; } .h-xl-100 { height: 100% !important; } .h-xl-75 { height: 75% !important; } .h-xl-60 { height: 60% !important; } .h-xl-50 { height: 50% !important; } .h-xl-40 { height: 40% !important; } .h-xl-25 { height: 25% !important; } .h-xl-auto { height: auto !important; } .max-vh-xl-100 { max-height: 100vh !important; } .max-vh-xl-75 { max-height: 75vh !important; } .max-vh-xl-60 { max-height: 60vh !important; } .max-vh-xl-50 { max-height: 50vh !important; } .max-vh-xl-40 { max-height: 40vh !important; } .max-vh-xl-25 { max-height: 25vh !important; } .max-vh-xl-none { max-height: none !important; } } /* ---------------------------------------------------------------- Position Utility Classes: Extended -----------------------------------------------------------------*/ @media (min-width: 576px) { .position-sm-static { position: static !important; } .position-sm-relative { position: relative !important; } .position-sm-absolute { position: absolute !important; } .position-sm-fixed { position: fixed !important; } .position-sm-sticky { position: -webkit-sticky !important; position: sticky !important; } } @media (min-width: 768px) { .position-md-static { position: static !important; } .position-md-relative { position: relative !important; } .position-md-absolute { position: absolute !important; } .position-md-fixed { position: fixed !important; } .position-md-sticky { position: -webkit-sticky !important; position: sticky !important; } } @media (min-width: 992px) { .position-lg-static { position: static !important; } .position-lg-relative { position: relative !important; } .position-lg-absolute { position: absolute !important; } .position-lg-fixed { position: fixed !important; } .position-lg-sticky { position: -webkit-sticky !important; position: sticky !important; } } @media (min-width: 1200px) { .position-xl-static { position: static !important; } .position-xl-relative { position: relative !important; } .position-xl-absolute { position: absolute !important; } .position-xl-fixed { position: fixed !important; } .position-xl-sticky { position: -webkit-sticky !important; position: sticky !important; } } /* ---------------------------------------------------------------- Lazy Loading -----------------------------------------------------------------*/ .lazy { opacity: 0; } .lazy:not(.initial) { transition: opacity 1s; } .lazy.initial, .lazy.lazy-loaded, .lazy.lazy-error { opacity: 1; } img.lazy { max-width: 100%; height: auto; } img.lazy:not([src]) { visibility: hidden; } .lazytest { opacity: 1; transition: opacity 1s ease-out; } .lazytest[data-src] { opacity: 0; } /* ---------------------------------------------------------------- Sections -----------------------------------------------------------------*/ .section { position: relative; width: 100%; margin: 60px 0; padding: 60px 0; /* background-color: #F9F9F9; */ overflow: hidden; } .parallax { background-color: transparent; background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; overflow: hidden; will-change: transform; } .mobile-parallax, .video-placeholder { background-size: cover !important; background-attachment: scroll !important; background-position: center center !important; } .section .container { z-index: 2; } .section .container + .video-wrap { z-index: 1; } .revealer-image { position: relative; bottom: -100px; transition: bottom .3s ease-in-out; -webkit-transition: bottom .3s ease-in-out; -o-transition: bottom .3s ease-in-out; } .section:hover .revealer-image { bottom: -50px; } /* ---------------------------------------------------------------- Columns & Grids -----------------------------------------------------------------*/ .postcontent, .sidebar { position: relative; } /* ---------------------------------------------------------------- Flex Slider -----------------------------------------------------------------*/ .fslider, .fslider .flexslider, .fslider .slider-wrap, .fslider .slide, .fslider .slide > a, .fslider .slide > img, .fslider .slide > a > img { position: relative; display: block; width: 100%; height: auto; overflow: hidden; -webkit-backface-visibility: hidden; } .fslider.h-100 .flexslider, .fslider.h-100 .slider-wrap, .fslider.h-100 .slide { height: 100% !important; } .fslider { min-height: 32px; } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; border: none; } .slider-wrap, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; border: none; } .flexslider { position: relative; margin: 0; padding: 0; } .flexslider .slider-wrap > .slide { display: none; -webkit-backface-visibility: hidden; } .flexslider .slider-wrap img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } .slider-wrap::after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slider-wrap { display: block; } * html .slider-wrap { height: 1%; } .no-js .slider-wrap > .slide:first-child { display: block; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } /* ---------------------------------------------------------------- Top Bar -----------------------------------------------------------------*/ #top-bar { position: relative; font-size: 12px; /* background: #191919; */ /* color: #d1d1d1; */ } #top-bar a { font-size: 12px; } #top-bar .lang-selection a { /* color: #333; */ } #top-bar .lang-selection a.button { padding: 0; /* color: #fff; */ } /* Top Links ---------------------------------*/ .top-links { position: relative; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-positive: 0; flex-grow: 0; /* border-bottom: 1px solid #EEE; */ } @media (min-width: 768px) { .top-links { border-bottom: 0; } } .top-links-container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; list-style: none; margin-bottom: 0; } .top-links-item { position: relative; /* border-left: 1px solid #EEE; */ } .top-links-item:first-child, .top-links-sub-menu .top-links-item { border-left: 0 !important; } .top-links-item > a { display: block; padding: 10px 12px; font-size: 0.75rem; line-height: 1; font-weight: 700; text-transform: uppercase; /* color: #666; */ } .top-links-item > a > i { vertical-align: top; } .top-links-item > a > i.icon-angle-down { margin: 0 0 0 5px !important; } .top-links-item > a > i:first-child { margin-right: 3px; } .top-links-item.full-icon > a > i { top: 2px; font-size: 0.875rem; margin: 0; } .top-links-item:hover { /* background-color: #EEE; */ } .top-links-sub-menu, .top-links-section { position: absolute; visibility: hidden; pointer-events: none; opacity: 0; list-style: none; z-index: -1; line-height: 1.5; /* background: #FFF; */ border: 0; top: 100%; left: -1px; width: 140px; margin-top: 10px; /* border: 1px solid #EEE; */ /* border-top-color: #f6901e; */ /* box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05); */ transition: opacity .25s ease, margin .2s ease; } .top-links:not(.on-click) .top-links-item:hover > .top-links-sub-menu, .top-links:not(.on-click) .top-links-item:hover > .top-links-section, .top-links.on-click .top-links-sub-menu, .top-links.on-click .top-links-section { opacity: 1; visibility: visible; margin-top: 0; pointer-events: auto; z-index: 499; } .top-links.on-click .top-links-sub-menu, .top-links.on-click .top-links-section { display: none; } .top-links-sub-menu .top-links-sub-menu { top: -1px; left: 100%; } .top-links-sub-menu .top-links-item:not(:first-child) { /* border-top: 1px solid #F5F5F5; */ } .top-links-sub-menu .top-links-item:hover { /* background-color: #F9F9F9; */ } .top-links-sub-menu .top-links-item > a { padding-top: 9px; padding-bottom: 9px; font-size: 0.6875rem; } .top-links-sub-menu .top-links-item > a > img { display: inline-block; position: relative; top: -1px; width: 16px; height: 16px; margin-right: 4px; } .top-links-sub-menu.top-demo-lang .top-links-item > a > img { top: 4px; width: 16px; height: 16px; } .top-links-sub-menu .top-links-item > a > i.icon-angle-down { margin: 0 !important; position: absolute; top: 50%; left: auto; right: 10px; transform: translateY(-50%) rotate(-90deg); } .top-links-section { padding: 25px; left: 0; width: 280px; } .top-links-section.menu-pos-invert { left: auto; right: 0; } /* Top Social -----------------------------------------------------------------*/ #top-social { display: -ms-flexbox; display: flex; justify-content: center; margin: 0; } #top-social li { position: relative; list-style: none; } #top-social li { /* border-left: 1px solid #EEE; */ } #top-social li:first-child { border-left: 0 !important; } #top-social a { display: -ms-flexbox; display: flex; width: auto; overflow: hidden; font-weight: bold; /* color: #666; */ } #top-social li a:hover { /* color: #FFF !important; */ /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); */ } #top-social li .ts-icon, #top-social li .ts-text { display: block; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; height: 44px; line-height: 44px; } #top-social li .ts-icon { width: 40px; text-align: center; font-size: 0.875rem; } #top-social li .ts-text { max-width: 0; -webkit-transition: all .2s ease; transition: all .2s ease; } #top-social li a:hover .ts-text { max-width: 200px; padding-right: 12px; -webkit-transition: all .4s ease; transition: all .4s ease; } /* Top Login -----------------------------------------------------------------*/ #top-login { margin-bottom: 0; } #top-login .checkbox { margin-bottom: 10px; } #top-login .form-control { position: relative; } #top-login .form-control:focus { /* border-color: #CCC; */ } #top-login .input-group#top-login-username { margin-bottom: -1px; } #top-login #top-login-username input, #top-login #top-login-username .input-group-addon { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } #top-login .input-group#top-login-password { margin-bottom: 10px; } #top-login #top-login-password input, #top-login #top-login-password .input-group-addon { border-top-left-radius: 0; border-top-right-radius: 0; } /* ---------------------------------------------------------------- Header -----------------------------------------------------------------*/ #header { position: relative; /* background-color: transparent; */ } #header-wrap { position: relative; /* background: linear-gradient( 0deg, #07b012, #059e0f) !important; */ width: 100%; /* border-top: 2px solid #059e0f !important; */ } .header-wrap-clone { display: none; } .header-row { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; justify-content: center; flex-direction: row; } @media (min-width: 992px) { #header-wrap { position: fixed; height: auto; z-index: 299; transition: height .2s ease 0s, background-color .3s ease 0s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: left, top, transform; } #top-bar + #header:not(.sticky-header) #header-wrap, #slider + #header:not(.sticky-header) #header-wrap, .floating-header:not(.sticky-header) #header-wrap, div + #header-wrap, .no-sticky #header-wrap, [data-sticky-offset]:not([data-sticky-offset="full"]):not(.sticky-header) #header-wrap, body:not(.stretched) #header:not(.sticky-header) #header-wrap { position: absolute; } .header-wrap-clone { display: block; height: calc( 100px + 1px); } .header-size-sm .header-wrap-clone { height: calc( 60px + 1px); } .header-size-md .header-wrap-clone { height: calc( 80px + 1px); } .header-size-lg .header-wrap-clone { height: calc( 120px + 1px); } .header-row { position: initial; } #header.transparent-header, #header.transparent-header:not(.sticky-header) #header-wrap { background: transparent; border-bottom: 1px solid transparent; z-index: 299; } #header.transparent-header.semi-transparent #header-wrap { /* background-color: rgba(255, 255, 255, 0.8); */ } #header.transparent-header.floating-header { margin-top: 60px; } .transparent-header.floating-header .container { /* background-color: #FFF; */ padding: 0 30px; } .transparent-header.floating-header:not(.sticky-header) .container { position: relative; } #header + .include-header { margin-top: calc( -100px - 2px); display: inline-block; vertical-align: bottom; width: 100%; } #header.header-size-sm + .include-header { margin-top: calc( -60px - 2px); } #header.header-size-md + .include-header { margin-top: calc( -80px - 2px); } #header.header-size-lg + .include-header { margin-top: calc( -120px - 2px); } #header.floating-header + .include-header { margin-top: calc( -160px - 2px); } #header.transparent-header + .page-title-parallax.include-header .container { z-index: 5; padding-top: 100px; } #header.full-header:not(.transparent-header) { /* border-bottom-color: #EEE; */ } .stretched .full-header #header-wrap > .container { width: 100%; max-width: none; padding: 0 30px; } #header.transparent-header.full-header #header-wrap { /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */ } #slider + #header.transparent-header.full-header #header-wrap { /* border-top: 1px solid rgba(0, 0, 0, 0.1); */ border-bottom: none; } /* ---------------------------------------------------------------- Sticky Header -----------------------------------------------------------------*/ #logo img { -webkit-transition: height .4s ease, padding .4s ease, margin .4s ease, opacity .3s ease; transition: height .4s ease, padding .4s ease, margin .4s ease, opacity .3s ease; } #logo img { max-height: 100%; } .sub-menu-container, .mega-menu-content { -webkit-transition: top .4s ease; transition: top .4s ease; } .sticky-header #header-wrap { position: fixed; top: 0; left: 0; /* background-color: #363636; */ /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */ z-index: 1050; } .sticky-header.full-header #header-wrap { border-bottom: 1px solid #EEE; } .sticky-header.semi-transparent { background-color: transparent; } .semi-transparent.sticky-header #header-wrap { /* background-color: rgba(255, 255, 255, 0.8) */ } /* Primary Menu - Style 3 -----------------------------------------------------------------*/ .sticky-header .style-3 .menu-container > .menu-item > .menu-link { margin: 0; border-radius: 0; } /* Primary Menu - Style 4 -----------------------------------------------------------------*/ .sticky-header .style-4 .menu-container > .menu-item > .menu-link { padding-top: 8px; padding-bottom: 8px; margin: 10px 0; } /* Primary Menu - Style 5 -----------------------------------------------------------------*/ .sticky-header-shrink .style-5 .menu-container > .menu-item { margin-left: 2px; } .sticky-header-shrink .style-5 .menu-container > .menu-item:first-child { margin-left: 0; } .sticky-header-shrink .style-5 .menu-container > .menu-item > .menu-link { line-height: 22px; padding-top: 19px; padding-bottom: 19px; } .sticky-header-shrink .style-5 .menu-container > .menu-item > .menu-link > div { padding: 0; } .sticky-header-shrink .style-5 .menu-container > .menu-item > .menu-link i:not(.icon-angle-down) { display: inline-block; width: 16px; top: -1px; margin: 0 6px 0 0; font-size: 0.875rem; line-height: 22px; } } @media (max-width: 768px) { .dls-freespin-wrapper { bottom: 80px !important; display: flex; width: 100%; left: 0 !important; flex-direction: row; align-items: center; flex-wrap: nowrap; justify-content: space-around; } } @media (max-width: 680px) { .owl-carousel .owl-nav { display: none; } .TogglePanel--showAlternate .TogglePanel__PanelTwo { margin: 2px 0px !important; } .affiliate-link { display: none; } .my-credit { margin: 0 0 0 3px; } /* .nav-bottom .nav-link { width: 23% !important; } */ .winner-slider .owl-nav button i, #slot-game .owl-nav button i, #casino-game .owl-nav button i { font-size: 2em; } .news-block a { display: block !important; } .news-block a img { margin: 0 0 15px 0 !important; width: 100% !important; } } @media (max-width: 991.98px) { .sticky-header #header-wrap { position: fixed; top: 0; left: 0; z-index: 299; /* background-color: #FFF; */ /* border-bottom: 1px solid #EEE; */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } .sticky-header .header-wrap-clone { display: block; } .sticky-header .menu-container { max-height: 60vh; margin: 1rem 0; overflow-x: hidden; overflow-y: scroll; } body:not(.primary-menu-open) .dark.transparent-header-responsive, body:not(.primary-menu-open) .transparent-header-responsive { background-color: transparent; border: none; } body:not(.primary-menu-open) .semi-transparent.transparent-header-responsive { /* background-color: rgba(255, 255, 255, 0.8); */ z-index: 1; } } /* ---------------------------------------------------------------- Logo -----------------------------------------------------------------*/ #logo { position: relative; display: -ms-flexbox; display: flex; align-items: center; -ms-flex-align: center; margin-right: auto; max-height: 100%; } #logo a { /* color: #000; */ font-family: 'Poppins', sans-serif; font-size: 36px; } #logo img { display: block; width: 120px; height: auto !important; } .logo-sub img { width: 160px !important; margin-bottom: 20px; } .header-size-sm #header-wrap #logo img { height: 60px; } .header-size-md #header-wrap #logo img { height: 80px; } .header-size-lg #header-wrap #logo img { height: 120px; } #logo a.standard-logo { display: -ms-flexbox; display: flex; } @media (min-width: 992px) { .full-header #logo { padding-right: 30px; } #header.transparent-header.full-header #logo { border-right-color: rgba(0, 0, 0, 0.1); } .sticky-header-shrink #header-wrap #logo img { height: 60px; } } /* ---------------------------------------------------------------- Header Right Area -----------------------------------------------------------------*/ .header-extras { display: -ms-flexbox; display: flex; align-items: center; margin-bottom: 0; } .header-extras li { display: -ms-flexbox; display: flex; margin-left: 1.25rem; overflow: hidden; list-style: none; } .header-extras li:first-child { margin-left: 0; } .header-extras li .he-text { padding-left: 10px; font-weight: bold; font-size: 0.875rem; } .header-extras li .he-text span { display: block; font-weight: 400; /* color: #f6901e; */ } /* ---------------------------------------------------------------- Primary Menu -----------------------------------------------------------------*/ .primary-menu { display: -ms-flexbox; display: flex; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center; max-width: 100%; white-space: nowrap; overflow-x: auto; } .primary-menu + .primary-menu { /* border-top: 1px solid #EEE; */ } #primary-menu-trigger, #page-menu-trigger { display: -ms-flex; display: flex; opacity: 1; pointer-events: auto; z-index: 1; cursor: pointer; font-size: 0.875rem; justify-content: center; align-items: center; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } body:not(.top-search-open) .top-search-parent #primary-menu-trigger { opacity: 1; -webkit-transition: opacity .2s .2s ease, top .4s ease; -o-transition: opacity .2s .2s ease, top .4s ease; transition: opacity .2s .2s ease, top .4s ease; } .top-search-open .top-search-parent #primary-menu-trigger { opacity: 0; } .svg-trigger { width: 30px; height: 30px; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .svg-trigger path { fill: none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; /* stroke: #333; */ stroke-width: 5; stroke-linecap: round; } .svg-trigger path:nth-child(1) { stroke-dasharray: 40 160; } .svg-trigger path:nth-child(2) { stroke-dasharray: 40 142; transform-origin: 50%; transition: transform 400ms; } .svg-trigger path:nth-child(3) { stroke-dasharray: 40 85; transform-origin: 50%; transition: transform 400ms, stroke-dashoffset 400ms; } .primary-menu-open .svg-trigger { transform: rotate(45deg); } .primary-menu-open .svg-trigger path:nth-child(1), .primary-menu-open .svg-trigger path:nth-child(3) { stroke-dashoffset: -64px; } .primary-menu-open .svg-trigger path:nth-child(2) { transform: rotate(90deg); } .menu-container { list-style: none; margin: 0; width: 100%; } .menu-item { position: relative; } .menu-item:not(:first-child) { /* border-top: 1px solid #07b012 !important; */ } .menu-link { display: block; line-height: 22px; padding: 14px 5px; /* color: #ffffff; */ font-size: 0.75rem; letter-spacing: 1px; text-transform: uppercase; font-weight: 400; } .menu-link i { position: relative; top: 3px; font-size: 0.875rem; width: 16px; text-align: center; margin-right: 6px; vertical-align: top; } /*.menu-item:hover > .menu-link > div, .menu-item.current > .menu-link > div {*/ /* color: #fff !important; */ /*background: #1a0d0d !important; }*/ .menu-item.sub-menu > .menu-link > div, .menu-item > .menu-link > div { padding: 0 0 0 5px; border-radius: 3px; white-space: nowrap; } .sub-menu-container, .mega-menu-content { position: relative; padding-left: 15px; list-style: none; margin-bottom: 0; } .sub-menu-container .menu-item:not(:first-child) { /* border-top: 1px solid #EEE; */ } .sub-menu-container .menu-item > .menu-link { position: relative; padding: 11px 5px; font-size: 0.75rem; font-weight: 400; /* color: #666; */ letter-spacing: 0; font-family: 'Lato', sans-serif; } .sub-menu-container .menu-item:hover > .menu-link { font-weight: 700; } .sub-menu-container .menu-link div { position: relative; } .menu-item .sub-menu-trigger { display: block; position: absolute; cursor: pointer; outline: none; border: none; background: none; padding: 0; top: 9px; right: 0; /* color: #fff; */ width: 100%; height: 32px; font-size: 12px; line-height: 32px; text-align: center; -webkit-transition: height .4s ease, opacity .3s ease, margin-top .4s ease; -o-transition: height .4s ease, opacity .3s ease, margin-top .4s ease; transition: height .4s ease, opacity .3s ease, margin-top .4s ease; } .menu-item .fa-chevron-right:before { position: absolute; top: 0; right: 15px; } .menu-item .fa-chevron-right-rotate:before { transform: rotate(90deg); } .sub-menu-container .sub-menu-trigger { font-size: 10px; } .sub-menu-container .menu-item .sub-menu-trigger { top: 6px; } /* ---------------------------------------------------------------- Mega Menu -----------------------------------------------------------------*/ .mega-menu:not(.mega-menu-full) .mega-menu-content .container { max-width: none; } .mega-menu-content { padding-left: 0; } @media (max-width: 991.98px) { .primary-menu { max-width: 100%; } .primary-menu > .container { max-width: none; padding: 0; } .mega-menu-content .sub-menu-container { /* border-top: 1px solid #EEE; */ } .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) { display: flex; } .mega-menu-content .mega-menu-column { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: 0; } .mega-menu-column .widget { padding: 30px 0; } } .mega-menu-content .mega-menu-column:first-child { border-top: 0; } ul.sub-menu-container li { padding: 0; } /* Off Canvas Menu -----------------------------------------------------------------*/ @media (max-width: 991.98px) { #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container { position: fixed; display: block; z-index: 499; width: 280px; height: 100%; height: calc(100vh); max-height: none !important; margin: 0 !important; left: 0 !important; top: 0 !important; padding: 35px 25px 60px !important; /* background-color: #FFF; */ /* border-right: 1px solid #EEE !important; */ overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transform: translate(-280px, 0); -o-transform: translate(-280px, 0); transform: translate(-280px, 0); -webkit-backface-visibility: hidden; transform-style: preserve-3d; } #header:not(.sticky-header) .mobile-menu-off-canvas.from-right .menu-container { left: auto !important; right: 0; border-right: 0 !important; /* border-left: 1px solid #EEE !important; */ -webkit-transform: translate(280px, 0); -o-transform: translate(280px, 0); transform: translate(280px, 0); } #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container { -webkit-transition: -webkit-transform .3s ease-in-out, opacity .2s ease !important; -o-transition: -o-transform .3s ease-in-out, opacity .2s ease !important; transition: transform .3s ease-in-out, opacity .2s ease !important; } #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container.d-block { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @media (min-width: 992px) { .primary-menu { -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-positive: 0; flex-grow: 0; } .primary-menu + .primary-menu { border-top: 0; } #primary-menu-trigger, #page-menu-trigger { display: none; opacity: 0; pointer-events: none; z-index: 0; } .menu-container:not(.mobile-primary-menu) { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; } .full-header .primary-menu .menu-container { padding-right: 0.5rem; margin-right: 0.5rem; } .transparent-header.full-header .primary-menu .menu-container { /* border-right-color: rgba(0, 0, 0, 0.1); */ } .mega-menu { position: inherit; } .menu-container > .menu-item:not(:first-child) { margin-left: 2px; } .menu-item:not(:first-child) { border-top: 0; } .menu-item.menu-item-important .menu-link > div::after { content: ''; display: inline-block; position: relative; top: -5px; left: 5px; width: 8px; height: 8px; border-radius: 50%; /* background-color: #dc3545; */ } .menu-link { padding: 19px 4px; -webkit-transition: margin .4s ease, padding .4s ease; -o-transition: margin .4s ease, padding .4s ease; transition: margin .4s ease, padding .4s ease; } .header-size-sm .menu-container > .menu-item > .menu-link { padding-top: 19px; padding-bottom: 19px; } .header-size-md .menu-container > .menu-item > .menu-link { padding-top: 29px; padding-bottom: 29px; } .header-size-lg .menu-container > .menu-item > .menu-link { padding-top: 49px; padding-bottom: 49px; } .sticky-header-shrink .menu-container > .menu-item > .menu-link { padding-top: 19px; padding-bottom: 19px; } .with-arrows .menu-container > .menu-item > .menu-link div > i.icon-angle-down { display: inline-block; } .sub-menu-container, .mega-menu-content { position: absolute; visibility: hidden; width: 100%; /* background-color: rgb(25, 25, 25); */ z-index: 399; top: 100%; left: 0; padding: 0; } .menu-container > .menu-item:not(.mega-menu) .sub-menu-container { padding: 10px; } /* Sub-Menu On-Hover Dropdown */ .primary-menu:not(.on-click) .menu-item:not(.mega-menu) .sub-menu-container, .primary-menu:not(.on-click) .mega-menu-content { display: block; opacity: 0; margin-top: 15px; z-index: -9999; pointer-events: none; transition: opacity .3s ease, margin .25s ease; } .primary-menu:not(.on-click) .menu-item.mega-menu .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) { margin-top: 0; z-index: auto; } .primary-menu:not(.on-click) .menu-item.mega-menu:hover > .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) { pointer-events: auto; } .primary-menu:not(.on-click) .menu-item:hover > .sub-menu-container, .primary-menu:not(.on-click) .menu-item:hover > .mega-menu-content { opacity: 1; visibility: visible; margin-top: 0; z-index: 399; pointer-events: auto; } .primary-menu:not(.on-click) .menu-item:not(:hover) > .sub-menu-container > *, .primary-menu:not(.on-click) .menu-item:not(:hover) > .mega-menu-content > * { display: none; } .primary-menu:not(.on-click) .menu-item.mega-menu .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) > * { display: flex; } .sub-menu-container .sub-menu-container { list-style: none; top: -2px !important; left: 100%; } .sub-menu-container.menu-pos-invert, .mega-menu-content.menu-pos-invert { left: auto; right: 0; } .sub-menu-container .sub-menu-container.menu-pos-invert { right: 100%; } .sub-menu-container .menu-item:not(:first-child) { border-top: 0; } .sub-menu-container .menu-item > .menu-link { padding: 10px 15px; font-weight: 700; border: 0; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .sub-menu-container .menu-item > .menu-link i { vertical-align: middle; } .sub-menu-container .menu-item:hover > .menu-link { /* background-color: #F9F9F9; */ padding-left: 18px; /* color: #f6901e; */ } .menu-link div > i.icon-angle-down { top: 0; font-size: 0.875rem; margin: 0 0 0 5px; } .sub-menu-container .menu-link div > i.icon-angle-down, .side-header .primary-menu:not(.on-click) .menu-link i.icon-angle-down { display: block; position: absolute; top: 50%; right: 0; font-size: 0.875rem; line-height: 1; margin: 0; transform: translateY(-50%) rotate(-90deg); } .menu-item .sub-menu-trigger, .side-header .on-click .sub-menu-container .menu-link i.icon-angle-down:last-child { display: none; } /* ---------------------------------------------------------------- Mega Menu -----------------------------------------------------------------*/ .mega-menu:not(.mega-menu-full) .mega-menu-content .container { max-width: none; padding: 0 15px !important; margin: 0 auto !important; } .mega-menu-content { margin: 0; width: 100%; max-width: none; left: 50%; transform: translateX(-50%); } .mega-menu-full .mega-menu-content { width: 100%; left: 0; transform: none; } .mega-menu-small { position: relative; } .mega-menu-small .mega-menu-content { left: 0; width: 400px; transform: none; } .floating-header:not(.sticky-header) .mega-menu .mega-menu-content { max-width: 100%; } .sub-menu-container .mega-menu { position: relative; } .sub-menu-container .mega-menu-small .mega-menu-content { top: 0; left: 100%; } .sub-menu-container .mega-menu-small .mega-menu-content.menu-pos-invert { left: auto; right: 100%; } .mega-menu-content.mega-menu-style-2 { padding: 0 10px; } .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) { position: relative; display: flex; visibility: visible !important; top: 0 !important; left: 0; width: 100%; min-width: inherit; height: auto !important; list-style: none; border: 0; box-shadow: none; background-color: transparent; opacity: 1 !important; z-index: auto; max-height: 300px; overflow: auto; } .mega-menu-content .sub-menu-container.mega-menu-dropdown { padding: 0.75rem; } .mega-menu-column { display: flex; padding-left: 0; padding-right: 0; } .sub-menu-container.mega-menu-column:not(:first-child) { /* border-left: 1px solid #F2F2F2; */ } .mega-menu-style-2 .mega-menu-column { padding: 30px 20px; } .mega-menu-style-2 .mega-menu-title:not(:first-child) { margin-top: 20px; } .mega-menu-style-2 .mega-menu-title > .menu-link { font-size: 0.8125rem; font-weight: 700; font-family: 'Poppins', sans-serif; letter-spacing: 1px; text-transform: uppercase !important; margin-bottom: 15px; color: #444; padding: 0 !important; line-height: 1.3 !important; } .mega-menu-style-2 .mega-menu-title:hover > .menu-link { background-color: transparent; } .mega-menu-style-2 .mega-menu-title > .menu-link:hover { /* color: #f6901e; */ } .mega-menu-style-2 .sub-menu-container:not(.mega-menu-dropdown) .menu-item { border: 0; } .mega-menu-style-2 .sub-menu-container .menu-link { padding-left: 5px; padding-top: 7px; padding-bottom: 7px; } .mega-menu-style-2 .sub-menu-container .menu-item:hover > .menu-link { padding-left: 12px; } /* Sub-Menu On-Click Dropdown */ .on-click .sub-menu-container, .on-click .mega-menu-content { display: none; visibility: visible; } .on-click .menu-item:not(.mega-menu-small) .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) { display: flex; } /* Primary Menu - Style 2 -----------------------------------------------------------------*/ .style-2 #logo { margin-right: 1.5rem; } .style-2 .primary-menu { margin-right: auto; } .style-2.menu-center .primary-menu { margin-right: auto; margin-left: auto; } /* Primary Menu - Style 3 -----------------------------------------------------------------*/ .style-3 .menu-container > .menu-item > .menu-link { margin: 28px 0; padding-top: 11px; padding-bottom: 11px; border-radius: 2px; } .style-3 .menu-container > .menu-item:hover > .menu-link { /* color: #444; */ /* background-color: #F5F5F5; */ } .style-3 .menu-container > .menu-item.current > .menu-link { /* color: #FFF; */ /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); */ /* background-color: #f6901e; */ } /* Primary Menu - Style 4 -----------------------------------------------------------------*/ .style-4 .menu-container > .menu-item > .menu-link { margin: 28px 0; padding-top: 10px; padding-bottom: 10px; border-radius: 2px; border: 1px solid transparent; } .style-4 .menu-container > .menu-item:hover > .menu-link, .style-4 .menu-container > .menu-item.current > .menu-link { /* border-color: #f6901e; */ } /* Primary Menu - Style 5 -----------------------------------------------------------------*/ .style-5 .menu-container { padding-right: 10px; margin-right: 5px; /* border-right: 1px solid #EEE; */ } .style-5 .menu-container > .menu-item:not(:first-child) { margin-left: 15px; } .style-5 .menu-container > .menu-item > .menu-link { padding-top: 27px; padding-bottom: 27px; line-height: 1; } .style-5 .menu-container > .menu-item > .menu-link i:not(.icon-angle-down) { display: block; width: auto; margin: 0 0 12px; font-size: 20px; line-height: 1; transition: all .3s ease; } /* Primary Menu - Style 6 -----------------------------------------------------------------*/ .style-6 .menu-container > .menu-item > .menu-link { position: relative; } .style-6 .menu-container > .menu-item > .menu-link::after, .style-6 .menu-container > .menu-item.current > .menu-link::after { content: ''; position: absolute; top: 0; left: 50%; height: 2px; width: 0; /* border-top: 2px solid #f6901e; */ -webkit-transition: width .3s ease; -o-transition: width .3s ease; transition: width .3s ease; transform: translateX(-50%); } .style-6 .menu-container > .menu-item.current > .menu-link::after, .style-6 .menu-container > .menu-item:hover > .menu-link::after { width: 100%; } /* Primary Menu - Sub Title -----------------------------------------------------------------*/ .sub-title .menu-container > .menu-item { margin-left: 0; } .sub-title .menu-container > .menu-item > .menu-link { position: relative; line-height: 14px; padding: 32px 20px; text-transform: uppercase; } .sub-title .menu-container > .menu-item:not(:first-child) > .menu-link::before { content: ''; position: absolute; top: 50%; left: 0; z-index: -2; width: 1px; height: 36px; /* background-color: #EEE; */ transform: translateY(-50%); } .sub-title .menu-container > .menu-item > .menu-link span { display: block; margin-top: 10px; line-height: 12px; font-size: 11px; font-weight: 400; /* color: #888; */ text-transform: capitalize; } .sub-title .menu-container > .menu-item:hover > .menu-link, .sub-title .menu-container > .menu-item.current > .menu-link { /* color: #FFF; */ /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); */ } .sub-title .menu-container > .menu-item:hover > .menu-link span, .sub-title .menu-container > .menu-item.current > .menu-link span { /* color: #EEE; */ } .sub-title .menu-container > .menu-item:hover > .menu-link::after, .sub-title .menu-container > .menu-item.current > .menu-link::after { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; /* background-color: #f6901e; */ /* border-top: 5px solid rgba(0, 0, 0, 0.1); */ } /* ---------------------------------------------------------------- Side Header -----------------------------------------------------------------*/ .side-header:not(.open-header) #wrapper { margin: 0 0 0 260px !important; width: auto !important; } .side-header .container { padding-left: 30px; padding-right: 30px; } .side-header #header { position: fixed; top: 0; left: 0; z-index: 10; width: 260px; height: 100%; height: calc(100vh); /* background-color: #FFF; */ border: none; /* border-right: 1px solid #EEE; */ overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, 0.065); } .side-header #header-wrap { position: relative; width: 300px; width: calc( 100% + 40px); height: 100%; overflow-y: scroll; padding-right: 40px; } .side-header #header-wrap > .container { width: 260px; max-width: none; padding: 0 30px; margin: 0 !important; min-height: 100%; display: -ms-flexbox; display: flex; } .side-header .header-wrap-clone { display: none; } .side-header .header-row { -ms-flex-direction: column; flex-direction: column; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .side-header #logo { margin: 3rem 0; width: 100%; } .side-header #logo img { max-width: 100%; } .side-header .header-misc { width: 100%; margin: 0; } .side-header .primary-menu { margin-bottom: 30px; -ms-flex-positive: 0 !important; flex-grow: 0 !important; width: 100%; } .side-header .primary-menu:not(.border-bottom-0)::after { margin-top: 40px; } .side-header .menu-container { display: block; height: auto; width: 100%; } .no-triggers .menu-container .sub-menu-trigger { display: none; } .side-header .on-click .menu-item .sub-menu-trigger { display: block; top: 0; right: -5px; font-size: 10px; } .side-header .primary-menu:not(.on-click) .text-center i.icon-angle-down { display: inline-block; position: relative; top: 2px; margin-left: 5px; transform: none; } .side-header .primary-menu:not(.on-click) .text-center .sub-menu-container i.icon-angle-down { top: -1px; } .side-header .menu-item { width: 100%; } .side-header .menu-item:not(:first-child) { margin: 10px 0 0; border-top: 0; } .side-header .menu-link { position: relative; padding: 5px 0 !important; margin: 0 !important; text-transform: uppercase; } .side-header .sub-menu-container, .side-header .mega-menu-content { position: relative; width: 100%; background-color: transparent; box-shadow: none; border: none; height: auto; z-index: 1; top: 0; left: 0; margin: 5px 0; padding: 0 0 0 12px !important; } .side-header .mega-menu-content { padding: 0 !important; margin-bottom: 0 !important; } .side-header .mega-menu-column { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; border: none !important; } .side-header .sub-menu-container .sub-menu-container { top: 0 !important; left: 0; } .side-header .sub-menu-container.menu-pos-invert { left: 0; right: auto; } .side-header .sub-menu-container .sub-menu-container.menu-pos-invert { right: auto; } .side-header .sub-menu-container .menu-item { margin: 0; border: 0; } .side-header .sub-menu-container .menu-item:first-child { border-top: 0; } .side-header .menu-item:hover > .menu-link { background-color: transparent !important; } .side-header .menu-container > .menu-item.sub-menu > .menu-link, .side-header .menu-container > .menu-item.sub-menu:hover > .menu-link { background-image: none !important; } /* Side Header - Push Header -----------------------------------------------------------------*/ .side-header.open-header.push-wrapper { overflow-x: hidden; } .side-header.open-header #header { left: -260px; } .side-header.open-header.side-header-open #header { left: 0; } .side-header.open-header #wrapper { left: 0; } .side-header.open-header.push-wrapper.side-header-open #wrapper { left: 260px; } #header-trigger { display: none; } .side-header.open-header #header-trigger { display: block; position: fixed; cursor: pointer; top: 20px; left: 20px; z-index: 11; font-size: 1rem; width: 32px; height: 32px; line-height: 32px; /* background-color: #FFF; */ text-align: center; border-radius: 2px; } .side-header.open-header.side-header-open #header-trigger { left: 280px; } .side-header.open-header #header-trigger i:nth-child(1), .side-header.open-header.side-header-open #header-trigger i:nth-child(2) { display: block; } .side-header.open-header.side-header-open #header-trigger i:nth-child(1), .side-header.open-header #header-trigger i:nth-child(2) { display: none; } .side-header.open-header #header, .side-header.open-header #header-trigger, .side-header.open-header.push-wrapper #wrapper { -webkit-transition: left .4s ease; -o-transition: left .4s ease; transition: left .4s ease; } /* Side Header - Right Aligned -----------------------------------------------------------------*/ .side-header.side-header-right #header { left: auto; right: 0; border: none; /* border-left: 1px solid #EEE; */ } .side-header.side-header-right:not(.open-header) #wrapper { margin: 0 260px 0 0 !important; } .side-header.side-header-right.open-header #header { left: auto; right: -260px; } .side-header.side-header-right.open-header.side-header-open #header { left: auto; right: 0; } .side-header.side-header-right.open-header.push-wrapper.side-header-open #wrapper { left: -260px; } .side-header.side-header-right.open-header #header-trigger { left: auto; right: 20px; } .side-header.side-header-right.open-header.side-header-open #header-trigger { left: auto; right: 280px; } .side-header.side-header-right.open-header #header, .side-header.side-header-right.open-header #header-trigger { -webkit-transition: right .4s ease; -o-transition: right .4s ease; transition: right .4s ease; } /* Primary Menu - Overlay Menu -----------------------------------------------------------------*/ .overlay-menu:not(.top-search-open) #primary-menu-trigger { display: -ms-flexbox; display: flex; opacity: 1; pointer-events: auto; width: 30px; height: 30px; line-height: 30px; } .overlay-menu .primary-menu > #overlay-menu-close { position: fixed; top: 25px; left: auto; right: 25px; width: 48px; height: 48px; line-height: 48px; font-size: 1.5rem; text-align: center; /* color: #444; */ } .overlay-menu #primary-menu-trigger { z-index: 599; } .overlay-menu .primary-menu { position: fixed; top: 0; left: 0; padding: 0 !important; margin: 0 !important; border: 0 !important; width: 100%; height: 100%; height: calc(100vh); /* background-color: rgba(255, 255, 255, 0.95); */ } .overlay-menu .primary-menu, .overlay-menu .primary-menu > #overlay-menu-close { opacity: 0 !important; pointer-events: none; z-index: -2; -webkit-transform: translateY(-80px); transform: translateY(-80px); -webkit-transition: opacity .4s ease, transform .45s ease !important; transition: opacity .4s ease, transform .45s ease !important; } .overlay-menu.primary-menu-open .primary-menu, .overlay-menu.primary-menu-open #overlay-menu-close { opacity: 1 !important; pointer-events: auto; z-index: 499; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .3s ease, transform .45s ease !important; transition: opacity .3s ease, transform .45s ease !important; } .overlay-menu .primary-menu, .overlay-menu.primary-menu-open .primary-menu { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: opacity .3s ease !important; transition: opacity .3s ease !important; } .overlay-menu .primary-menu > .container { max-height: 90%; overflow-y: scroll; } .overlay-menu .menu-container { display: -ms-flexbox !important; display: flex !important; flex-direction: column; max-width: 250px; padding: 0 !important; margin: 0 auto !important; border: 0 !important; } .overlay-menu .menu-container > .menu-item > .menu-link { font-size: 0.9375rem; } .overlay-menu .menu-item { width: 100%; } .overlay-menu .menu-link { padding-top: 10px; padding-bottom: 10px; padding-left: 0; padding-right: 0; } .overlay-menu .sub-menu-container, .overlay-menu .mega-menu-content { display: none; position: relative; top: 0 !important; left: 0 !important; right: auto; width: 100%; max-width: 100%; box-shadow: none; background: transparent; border: 0; padding: 10px 0 !important; transform: translateX(0); } .overlay-menu .mega-menu-content .sub-menu-container { padding: 5px 0 !important; } .overlay-menu .mega-menu-title .sub-menu-container { padding-top: 0 !important; } .overlay-menu .mega-menu-content .mega-menu-column { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 0; padding-right: 0; border: 0 !important; } .overlay-menu .sub-menu-container .menu-link { padding: 5px 0; } .overlay-menu .sub-menu-container .menu-item:hover > .menu-link { padding-left: 0; padding-right: 0; background: transparent; } .overlay-menu .sub-menu-container .menu-link i.icon-angle-down { position: relative; display: inline-block; top: -1px; left: 0; margin-left: 5px; transform: rotate(0deg); } } @media (max-width: 991.98px) { .side-push-panel #side-panel-trigger-close a { display: block; position: absolute; z-index: 12; top: 0; left: auto; right: 0; width: 40px; height: 40px; font-size: 18px; line-height: 40px; /* color: #444; */ text-align: center; /* background-color: rgba(0, 0, 0, 0.1); */ border-radius: 0 0 0 2px; } } /* ---------------------------------------------------------------- Top Search -----------------------------------------------------------------*/ .header-misc { position: initial; display: -ms-flexbox; display: flex; align-items: center; margin-left: 15px; } .header-misc-element, .header-misc-icon { margin: 0 8px; } .header-misc-icon > a { display: block; position: relative; width: 20px; height: 20px; font-size: 1.125rem; line-height: 20px; text-align: center; /* color: #333; */ -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } @media (min-width: 992px) { .header-misc:not([class*="order-"]) { -ms-flex-order: 13; order: 13; } } #top-search a { z-index: 11; } #top-search a i { position: absolute; top: 0; left: 3px; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .top-search-open #top-search a i.icon-line-search, #top-search a i.icon-line-cross { opacity: 0; } .top-search-open #top-search a i.icon-line-cross { opacity: 1; z-index: 11; font-size: 1rem; } .top-search-form { opacity: 0; z-index: -2; pointer-events: none; position: absolute; width: 100% !important; height: 100%; padding: 0; margin: 0; top: 0; left: 0; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .top-search-open .top-search-form { opacity: 1; z-index: 10; pointer-events: auto; } .top-search-form input { box-shadow: none !important; border-radius: 0; border: 0; outline: 0 !important; font-size: 24px; padding: 10px 80px 10px 0; height: 100%; background-color: transparent !important; /* color: #333; */ font-weight: 700; margin-top: 0 !important; font-family: 'Poppins', sans-serif; letter-spacing: 2px; } @media (min-width: 992px) { .top-search-form input { font-size: 32px; } .full-header .top-search-form input, .container-fluid .top-search-form input { padding-left: 30px; } .transparent-header:not(.sticky-header):not(.full-header):not(.floating-header) .top-search-form input { /* border-bottom: 2px solid rgba(0, 0, 0, 0.1); */ } } .search-overlay .top-search-form { position: fixed; width: 100%; height: 100vh; top: 0; left: 0; display: -ms-flexbox; display: flex; /* background-color: #fff; */ align-items: center; justify-content: center; } .search-overlay .top-search-form input { max-width: 580px; margin: 0 auto; text-align: center; padding: 0 40px; } .top-search-form input::-moz-placeholder { /* color: #555; */ opacity: 1; text-transform: uppercase; } .top-search-form input:-ms-input-placeholder { /* color: #555; */ text-transform: uppercase; } .top-search-form input::-webkit-input-placeholder { /* color: #555; */ text-transform: uppercase; } .primary-menu .container .top-search-form input, .sticky-header .top-search-form input { border: none !important; } /* Top Search Animation */ #top-search { -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } body:not(.top-search-open) .top-search-parent #logo, body:not(.top-search-open) .top-search-parent .primary-menu, body:not(.top-search-open) .top-search-parent .header-misc > *:not(#top-search) { opacity: 1; } .top-search-open .top-search-parent #logo, .top-search-open .top-search-parent .primary-menu, .top-search-open .top-search-parent .header-misc > *:not(#top-search) { opacity: 0; } /* ---------------------------------------------------------------- Top Cart -----------------------------------------------------------------*/ .top-cart-number { display: block; position: absolute; top: -7px; left: auto; right: -8px; font-size: 0.625rem; /* color: #FFF; */ width: 1.125rem; height: 1.125rem; line-height: 1.125rem; text-align: center; border-radius: 50%; z-index: 1; overflow: hidden; } .top-cart-number::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background-color: #f6901e; */ opacity: 0.8; z-index: -1; } .top-cart-content { position: fixed; top: 0; left: auto; width: 260px; /* background-color: #FFF; */ /* border-left: 1px solid #EEE; */ /* box-shadow: 0px 20px 50px 10px rgba(0, 0, 0, 0.05); */ -webkit-transition: right .3s ease; -o-transition: right .3s ease; transition: right .3s ease; } @media (max-width: 991.98px) { .top-cart-content { right: -260px !important; height: 100%; z-index: 499; } .top-cart-open .top-cart-content { right: 0 !important; } } .top-cart-title { padding: 0.75rem 1rem; /* border-bottom: 1px solid #EEE; */ } .top-cart-title h4 { margin-bottom: 0; font-size: 0.875rem; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } .top-cart-items { padding: 1rem; } .top-cart-item, .top-cart-action, .top-cart-item-desc { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; } .top-cart-item { -ms-flex-pack: start; justify-content: flex-start; } .top-cart-item:not(:first-child) { padding-top: 1rem; margin-top: 1rem; /* border-top: 1px solid #F5F5F5; */ } .top-cart-item-image { width: 48px; height: 48px; /* border: 2px solid #EEE; */ -webkit-transition: border-color .2s linear; -o-transition: border-color .2s linear; transition: border-color .2s linear; } .top-cart-item-image a, .top-cart-item-image img { display: block; width: 44px; height: 44px; } .top-cart-item-image:hover { /* border-color: #f6901e; */ } .top-cart-item-desc, .top-cart-item-desc-title { padding-left: 1rem; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .top-cart-item-desc { -ms-flex-align: start; align-items: flex-start; } .top-cart-item-desc-title { padding-left: 0; } .top-cart-item-desc a { display: block; font-size: 0.8125rem; line-height: 1.25rem; /* color: #333; */ font-weight: 700; margin-bottom: 5px; } .top-cart-item-desc a:hover { /* color: #f6901e; */ } .top-cart-item-price { font-size: 0.75rem; /* color: #999; */ } .top-cart-item-quantity { font-size: 0.75rem; line-height: 1.25rem; /* color: #444; */ } .top-cart-action { -ms-flex-align: center; align-items: center; padding: 1rem; /* border-top: 1px solid #EEE; */ } .top-cart-action .top-checkout-price { font-size: 1.25rem; /* color: #f6901e; */ } @media (min-width: 992px) { #top-cart { position: relative; } .top-cart-content { opacity: 0; position: absolute; width: 280px; /* border: 1px solid #EEE; */ /* border-top: 2px solid #f6901e; */ top: calc( 100% + 20px); right: -15px; margin: -10000px 0 0; z-index: auto; -webkit-transition: opacity .5s ease, top .4s ease; -o-transition: opacity .5s ease, top .4s ease; transition: opacity .5s ease, top .4s ease; } #top-cart.on-hover:hover .top-cart-content, .top-cart-open .top-cart-content { opacity: 1; z-index: 399; margin-top: 0; } .top-cart-items { padding: 1rem; } } /* ---------------------------------------------------------------- Page Menu -----------------------------------------------------------------*/ #page-menu { position: relative; /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); */ } #page-menu-wrap { position: absolute; z-index: 199; top: 0; left: 0; width: 100%; /* background-color: #f6901e; */ transform: translateZ(0); -webkit-backface-visibility: hidden; } #page-menu.sticky-page-menu #page-menu-wrap { position: fixed; /* box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); */ } #page-menu-trigger { opacity: 1; pointer-events: auto; top: 0; margin-top: 0; left: auto; right: 15px; width: 40px; height: 44px; line-height: 44px; /* color: #FFF; */ } .page-menu-open #page-menu-trigger { /* background-color: rgba(0, 0, 0, 0.2); */ } .page-menu-row { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-menu-title { /* color: #FFF; */ font-size: 1.25rem; font-weight: 300; margin-right: auto; } .page-menu-title span { font-weight: 700; } .page-menu-nav { display: none; position: absolute; width: 200px; top: 100%; left: auto; right: 0; height: auto; /* background-color: #f6901e; */ } #page-menu.page-menu-open .page-menu-nav { display: block; } .page-menu-nav .page-menu-container { margin: 0; list-style: none; /* background-color: rgba(0, 0, 0, 0.2); */ } .page-menu-item { position: relative; } .page-menu-item > a { display: block; position: relative; line-height: 22px; padding: 11px 14px; /* color: #FFF; */ font-size: 0.875rem; } .page-menu-item:hover > a, .page-menu-item.current > a { /* background-color: rgba(0, 0, 0, 0.15); */ } .page-menu-item > a .icon-angle-down { position: absolute; top: 50%; left: auto; right: 14px; transform: translateY(-50%); } .page-menu-sub-menu { display: none; /* background-color: rgba(0, 0, 0, 0.15); */ list-style: none; padding: 1px 10px 5px; } .page-menu-item:hover > .page-menu-sub-menu { display: block; } .page-menu-sub-menu .page-menu-item > a { margin: 5px 0; padding-top: 3px; padding-bottom: 3px; border-radius: 14px; } @media (min-width: 992px) { .page-menu-nav { display: -ms-flex; display: flex; position: relative; width: auto; top: 0; left: 0; background-color: transparent !important; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-positive: 0; flex-grow: 0; } .page-menu-nav .page-menu-container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; list-style: none; background-color: transparent; } .page-menu-item > a { margin: 10px 4px; padding-top: 3px; padding-bottom: 3px; border-radius: 14px; } .page-menu-item > a .icon-angle-down { position: relative; top: 1px; left: 0; right: 0; margin-left: 8px; transform: none; } body:not(.device-touch) .page-menu-item > a { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .page-menu-sub-menu { display: none; position: absolute; list-style: none; width: 150px; top: 100%; left: 0; padding: 0; /* background-color: #f6901e; */ } .page-menu-sub-menu .page-menu-item > a { height: auto; margin: 0; padding-top: 10px; padding-bottom: 10px; border-radius: 0; /* background-color: rgba(0, 0, 0, 0.15); */ } .page-menu-sub-menu li:hover a, .page-menu-sub-menu li.current a { /* background-color: rgba(0, 0, 0, 0.3); */ } /* Page Menu - Dots Style -----------------------------------------------------------------*/ #page-menu.dots-menu { position: fixed; top: 50%; left: auto; right: 20px; width: 24px; line-height: 1.5; text-shadow: none; transform: translateY(-50%); z-index: 299; } .dots-menu #page-menu-wrap { position: relative; top: 0 !important; box-shadow: none; background-color: transparent !important; } .dots-menu .page-menu-wrap-clone { display: none; } .dots-menu .container { padding: 0; } .dots-menu .page-menu-title { display: none; } .dots-menu .page-menu-nav { display: block; width: 100%; } .dots-menu .page-menu-container { flex-direction: column; -ms-flex-direction: column; } .dots-menu .page-menu-item { width: 10px; height: 10px; margin: 10px 0; } .dots-menu .page-menu-item > a { position: absolute; width: 100%; height: 100%; padding: 0; margin: 0; /* background-color: rgba(0, 0, 0, 0.4); */ border-radius: 50%; /* color: #777; */ } .dots-menu .page-menu-item > a:hover { /* background-color: rgba(0, 0, 0, 0.7); */ } .dots-menu .page-menu-item.current > a { /* background-color: #f6901e; */ } .dots-menu.dots-menu-border .page-menu-item { width: 12px; height: 12px; } .dots-menu.dots-menu-border .page-menu-item > a { background-color: transparent !important; /* border: 3px solid rgba(0, 0, 0, 0.4); */ } .dots-menu.dots-menu-border .page-menu-item > a:hover { /* border-color: rgba(0, 0, 0, 0.7); */ } .dots-menu.dots-menu-border .page-menu-item.current > a { /* border-color: #f6901e; */ } .dots-menu .page-menu-item div { position: absolute; width: auto; top: 50%; right: 25px; /* background-color: #f6901e; */ font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; /* color: #FFF; */ padding: 6px 14px; white-space: nowrap; pointer-events: none; /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); */ border-radius: 2px; opacity: 0; transform: translateY(-50%); } body:not(.device-touch) .dots-menu .page-menu-item div { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .dots-menu .page-menu-item div::after { position: absolute; content: ''; top: 50%; left: auto; right: -5px; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; /* border-left: 6px solid #f6901e; */ transform: translateY(-50%); } .dots-menu .page-menu-item > a:hover div { opacity: 1; right: 30px; } } /* ---------------------------------------------------------------- One Page -----------------------------------------------------------------*/ .one-page-arrow { position: absolute; z-index: 3; bottom: 20px; left: 50%; margin-left: -16px; width: 32px; height: 32px; font-size: 32px; text-align: center; /* color: #222; */ } /* ---------------------------------------------------------------- Side Push Panel -----------------------------------------------------------------*/ .side-push-panel { overflow-x: hidden; } #side-panel { position: fixed; top: 0; right: -300px; z-index: 699; width: 300px; height: 100%; /* background-color: #211d18; */ overflow: hidden; -webkit-backface-visibility: hidden; } .side-panel-left #side-panel { left: -300px; right: auto; } .side-push-panel.stretched #wrapper, .side-push-panel.stretched .sticky-header .container { right: 0; } .side-panel-left.side-push-panel.stretched #wrapper, .side-panel-left.side-push-panel.stretched .sticky-header .container { left: 0; right: auto; } #side-panel .side-panel-wrap { position: absolute; top: 0; left: 0; bottom: 0; width: 330px; height: 100%; overflow: auto; padding: 50px 70px 50px 40px; } .device-touch #side-panel .side-panel-wrap { overflow-y: scroll; } #side-panel .widget { margin-top: 40px; padding-top: 40px; width: 220px; /* border-top: 1px solid #E5E5E5; */ } #side-panel .widget:first-child { padding-top: 0; border-top: 0; margin: 0; } .side-panel-open #side-panel { right: 0; } .side-panel-left.side-panel-open #side-panel { left: 0; right: auto; } .side-push-panel.side-panel-open.stretched #wrapper, .side-push-panel.side-panel-open.stretched .sticky-header .container { right: 300px; } .side-push-panel.side-panel-open.stretched.device-xl .slider-inner, .side-push-panel.side-panel-open.stretched.device-lg .slider-inner { left: -300px; } .side-panel-left.side-push-panel.side-panel-open.stretched #wrapper, .side-panel-left.side-push-panel.side-panel-open.stretched .sticky-header .container, .side-panel-left.side-push-panel.side-panel-open.stretched .slider-inner { left: 300px; right: auto; } #side-panel-trigger { display: block; cursor: pointer; z-index: 11; margin-right: 5px; } #side-panel-trigger-close a { display: none; } #side-panel, .side-push-panel.stretched #wrapper, .side-push-panel.stretched #header .container { -webkit-transition: right .4s ease; -o-transition: right .4s ease; transition: right .4s ease; } .side-panel-left #side-panel, .side-panel-left.side-push-panel.stretched #wrapper, .side-panel-left.side-push-panel.stretched #header .container, .side-push-panel.stretched .slider-inner { -webkit-transition: left .4s ease; -o-transition: left .4s ease; transition: left .4s ease; } .body-overlay { opacity: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; /* background-color: rgba(0, 0, 0, 0.6); */ z-index: -1; pointer-events: none; -webkit-backface-visibility: hidden; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .side-panel-open .body-overlay { opacity: 1; z-index: 599; pointer-events: auto; } .side-panel-open:not(.device-xs):not(.device-sm):not(.device-md) .body-overlay:hover { cursor: url('images/icons/close.png') 15 15, default; } /* ---------------------------------------------------------------- Slider -----------------------------------------------------------------*/ .slider-element { position: relative; width: 100%; overflow: hidden; } .slider-parallax { position: relative; } .slider-parallax, .slider-parallax .swiper-container { visibility: visible; -webkit-backface-visibility: hidden; } .slider-inner { position: absolute; overflow: hidden; opacity: 1; visibility: visible; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .slider-parallax .slider-inner { position: fixed; } .h-auto:not(.slider-parallax) .slider-inner, .h-auto .swiper-container, .min-vh-0:not(.slider-parallax) .slider-inner, .min-vh-0 .swiper-container { position: relative !important; height: auto !important; } .slider-parallax-invisible .slider-inner { opacity: 0; visibility: hidden; } @media (min-width: 992px) { .h-auto .swiper-wrapper, .min-vh-0 .swiper-wrapper { height: 75vh; } } .slider-inner.slider-inner-relative { position: relative !important; height: auto !important; } .device-touch .slider-parallax .slider-inner { position: relative; } body:not(.side-header) .slider-parallax .slider-inner { left: 0; } body:not(.stretched) .slider-parallax .slider-inner { left: auto; } .slider-parallax .slider-inner, .slider-parallax .slider-caption { will-change: transform; -webkit-transform: translate3d(0, 0, 0); -webkit-transition: transform 0s linear; -webkit-backface-visibility: hidden; } @media (max-width: 991.98px) { #slider { display: -ms-flexbox !important; display: flex !important; flex-direction: column; justify-content: center; } #slider .slider-inner { position: relative; display: -ms-flexbox; display: flex; flex-grow: 1; align-items: center; } } /* Boxed Slider -----------------------------------------------------------------*/ .boxed-slider { padding-top: 40px; } /* Swiper Slider -----------------------------------------------------------------*/ .swiper_wrapper { position: relative; width: 100%; overflow: hidden; } .full-screen .swiper_wrapper { height: auto; } .swiper_wrapper .swiper-container { position: absolute; width: 100%; height: 100%; margin: 0; } .swiper_wrapper .swiper-slide { position: relative; margin: 0; overflow: hidden; } .swiper-slide-bg { background-position: center center; background-repeat: no-repeat; background-size: cover; } .swiper-slide [data-caption-animate] { -webkit-backface-visibility: hidden; } .slider-element .video-wrap, .section .video-wrap, .swiper-slide .yt-bg-player, .section .yt-bg-player, .swiper-slide-bg { position: absolute; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; } .yt-bg-player .inlinePlayButton, .yt-bg-player .loading { display: none !important; } .slider-element .container, .slider-element .container-fuild { position: relative; height: 100%; } .slider-element.canvas-slider .swiper-slide img { width: 100%; } .slider-element.canvas-slider a { display: block; height: 100%; } .swiper-pagination { position: absolute; width: 100%; z-index: 20; margin: 0; top: auto; bottom: 20px !important; text-align: center; line-height: 1; } .swiper-pagination span { display: inline-block; cursor: pointer; width: 10px; height: 10px; margin: 0 4px; opacity: 1; background-color: transparent; /* border: 1px solid #FFF; */ border-radius: 50%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .swiper-pagination span:hover, .swiper-pagination span.swiper-pagination-bullet-active { /* background-color: #FFF !important; */ } /* Video Overlay -----------------------------------------------------------------*/ .video-wrap { overflow: hidden; width: 100%; position: relative; } .video-wrap video { position: relative; z-index: 1; opacity: 1; width: 100%; transition: opacity .3s 1s ease; } body:not(.has-plugin-html5video) .video-wrap video { opacity: 0; } .video-overlay, .video-placeholder { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; background: transparent url('images/grid.png') repeat; transform: translateZ(0); -webkit-backface-visibility: hidden; } .video-placeholder { z-index: 4; background-repeat: no-repeat !important; } /* Slider Caption -----------------------------------------------------------------*/ .slider-caption { position: relative; display: -ms-flexbox; display: flex; height: 100%; flex-flow: column; justify-content: center; z-index: 20; max-width: 550px; /* color: #EEE; */ font-size: 1.375rem; font-weight: 300; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); -webkit-transition: top .3s ease; -o-transition: top .3s ease; transition: top .3s ease; } .slider-caption:not(.dark), .slider-caption:not(.dark) h2 { /* color: #222; */ text-shadow: none; } .slider-caption h2 { font-size: 4rem; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; line-height: 1; margin-bottom: 0; } .slider-caption p { margin-top: 30px; margin-bottom: 10px; font-size: 1.5rem; } @media (max-width: 991.98px) { .swiper_wrapper .slider-caption h2 { font-size: 5.5vw; } .swiper_wrapper .slider-caption p { font-size: 2.6vw; } } .slider-caption.slider-caption-right { margin-left: auto; } .slider-caption.slider-caption-center { position: relative; max-width: 800px; text-align: center; margin: 0 auto; left: 0; right: 0; } .slider-caption-bg { padding: 5px 12px; border-radius: 2px; /* background-color: rgba(0, 0, 0, 0.6); */ top: auto; bottom: 50px; left: 50px; } .slider-caption-bg.slider-caption-bg-light { /* background-color: rgba(255, 255, 255, 0.8); */ /* color: #333; */ font-weight: 400; text-shadow: none; } .slider-caption-top-left { top: 50px; bottom: auto; } .slider-caption-top-right { top: 50px; bottom: auto; left: auto; right: 50px; } .slider-caption-bottom-right { left: auto; right: 50px; } /* Slider Arrows -----------------------------------------------------------------*/ .slider-element .owl-carousel { margin: 0; } .slider-arrow-left, .slider-arrow-right, .flex-prev, .flex-next, .slider-arrow-top-sm, .slider-arrow-bottom-sm { position: absolute; cursor: pointer; z-index: 10; top: 50%; left: 0; /* background-color: rgba(0, 0, 0, 0.3); */ width: 52px; height: 52px; border: 0; border-radius: 0 3px 3px 0; transform: translateY(-50%); -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .slider-arrow-top-sm, .slider-arrow-bottom-sm { top: auto; bottom: 57px; left: auto; right: 20px; margin: 0; width: 32px; height: 32px; border-radius: 3px 3px 0 0; } .slider-arrow-bottom-sm { bottom: 20px; border-radius: 0 0 3px 3px; } .fslider[data-thumbs="true"] .flex-prev, .fslider[data-thumbs="true"] .flex-next { margin-top: -20px; } .slider-arrow-right, .slider-element .owl-next, .flex-next { left: auto; right: 0; border-radius: 3px 0 0 3px; } .slider-arrow-left i, .slider-arrow-right i, .flex-prev i, .flex-next i, .slider-arrow-top-sm i, .slider-arrow-bottom-sm i { line-height: 50px; width: 100%; height: 100%; /* color: #DDD; */ /* color: rgba(255, 255, 255, 0.8); */ /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); */ font-size: 34px; text-align: center; transition: color .3s ease-in-out; } .slider-arrow-top-sm i, .slider-arrow-bottom-sm i { width: 32px; height: 32px; margin: 0; line-height: 30px; font-size: 18px; /* color: #FFF; */ /* color: rgba(255, 255, 255, 1); */ } .slider-element .owl-prev i { margin-left: 0; } .slider-element .owl-next i { margin-right: 4px; } .slider-arrow-left:hover, .slider-arrow-right:hover, .flex-prev:hover, .flex-next:hover, .slider-arrow-top-sm:hover, .slider-arrow-bottom-sm:hover { /* background-color: rgba(0, 0, 0, 0.6) !important; */ } /* Slide Number -----------------------------------------------------------------*/ .slide-number { position: absolute; opacity: 0; top: auto; right: 20px; bottom: 20px; z-index: 20; width: 36px; height: 40px; text-align: center; /* color: rgba(255, 255, 255, 0.8); */ /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); */ font-size: 18px; font-weight: 300; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .slider-element:hover .slide-number { opacity: 1; } .slide-number-current, .slide-number-total { position: absolute; line-height: 1; top: 5px; left: 0; } .slide-number-total { top: auto; bottom: 5px; left: auto; right: 0; } .slide-number span { display: block; font-size: 32px; line-height: 40px; } /* Pagination -----------------------------------------------------------------*/ .slider-element .owl-dots { position: absolute; width: 100%; z-index: 20; margin: 0; top: auto; bottom: 15px; } .slider-element .owl-dots button { width: 10px; height: 10px; margin: 0 3px; opacity: 1 !important; background-color: transparent !important; /* border: 1px solid #FFF; */ } .slider-element .owl-dots .owl-dot.active, .slider-element .owl-dots .owl-dot:hover { /* background-color: #FFF !important; */ } /* Flex Slider - Navigation -----------------------------------------------------------------*/ .nav-offset .flex-prev, .nav-offset .flex-next { border-radius: 3px; } .nav-offset .flex-prev { left: 20px; } .nav-offset .flex-next { right: 20px; } .nav-circle .flex-prev, .nav-circle .flex-next { border-radius: 50%; } .nav-solid .flex-prev, .nav-solid .flex-next { opacity: 1; /* background-color: #FFF; */ } .nav-solid .flex-prev:hover, .nav-solid .flex-next:hover { /* background-color: #333 !important; */ } .nav-solid .flex-prev:not(:hover) i, .nav-solid .flex-next:not(:hover) i { /* color: #444; */ text-shadow: none; } .nav-size-sm .flex-prev, .nav-size-sm .flex-next { width: 32px; height: 32px; } .nav-size-sm .flex-prev i, .nav-size-sm .flex-next i { line-height: 32px; font-size: 1.5rem; } .fslider[class*="nav-pos-"] .flex-prev, .fslider[class*="nav-pos-"] .flex-next { position: relative; display: block; top: 0; left: 0; right: 0; margin: 0 5px; transform: none; } .fslider.nav-size-sm[class*="nav-pos-"] .flex-prev, .fslider.nav-size-sm[class*="nav-pos-"] .flex-next { margin: 0 3px; } .fslider[class*="nav-pos-"] .flex-direction-nav { display: -ms-flexbox; display: flex; align-items: center; justify-content: center; position: absolute; width: 100%; } .nav-pos-top .flex-direction-nav, .nav-pos-top-left .flex-direction-nav, .nav-pos-top-right .flex-direction-nav { top: 20px; left: 0; } .nav-pos-bottom .flex-direction-nav, .nav-pos-bottom-left .flex-direction-nav, .nav-pos-bottom-right .flex-direction-nav { top: auto; bottom: 20px; } .nav-pos-top-left .flex-direction-nav, .nav-pos-bottom-left .flex-direction-nav { width: auto !important; left: 16px; } .nav-pos-top-right .flex-direction-nav, .nav-pos-bottom-right .flex-direction-nav { width: auto !important; left: auto; right: 16px; } /* Flex Slider - Pagination & Thumbs -----------------------------------------------------------------*/ .fslider[data-animation="fade"][data-thumbs="true"] .flexslider, .fslider.testimonial[data-animation="fade"] .flexslider { height: auto !important; } .flex-control-nav { display: -ms-flexbox; display: flex; position: absolute; align-items: center; justify-content: center; width: auto; z-index: 10; text-align: center; top: 14px; right: 10px; margin: 0; } .flex-control-nav li { display: block; margin: 0 3px; width: 0.625rem; height: 0.625rem; } .flex-control-nav li a { display: block; cursor: pointer; text-indent: -9999px; width: 100% !important; height: 100% !important; /* border: 1px solid #FFF; */ color: transparent; border-radius: 50%; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .flex-control-nav li:hover a, .flex-control-nav li a.flex-active { /* background-color: #FFF; */ } .control-solid .flex-control-nav li a { border: none; /* background-color: #FFF; */ } .control-solid .flex-control-nav li:hover a, .control-solid .flex-control-nav li a.flex-active { /* background-color: #f6901e; */ } .control-square .flex-control-nav li a { border-radius: 3px; } .control-diamond .flex-control-nav li a { border-radius: 3px; transform: rotate(45deg); } /* Flex Slider: Pagination Positions -----------------------------------------------------------------*/ .control-offset-lg .flex-control-nav { top: 24px; right: 20px; } .control-pos-top-left .flex-control-nav, .control-pos-bottom-left .flex-control-nav { left: 10px; right: auto; } .control-offset-lg.control-pos-top-left .flex-control-nav, .control-offset-lg.control-pos-bottom-left .flex-control-nav { left: 20px; } .control-pos-bottom-right .flex-control-nav, .control-pos-bottom-left .flex-control-nav, .control-pos-bottom .flex-control-nav, .control-pos-bottom .flex-control-nav { top: auto; bottom: 14px; } .control-offset-lg.control-pos-bottom-right .flex-control-nav, .control-offset-lg.control-pos-bottom-left .flex-control-nav, .control-offset-lg.control-pos-bottom .flex-control-nav, .control-offset-lg.control-pos-bottom .flex-control-nav { bottom: 24px; } .control-pos-bottom .flex-control-nav, .control-pos-bottom .flex-control-nav, .control-pos-top .flex-control-nav, .control-pos-top .flex-control-nav { width: 100%; right: 0; } .control-size-lg .flex-control-nav li { width: 0.9325rem; height: 0.9325rem; margin: 0 5px; } /* Flex Slider: Thumbs -----------------------------------------------------------------*/ .flex-control-nav.flex-control-thumbs { position: relative; justify-content: left; top: 0; left: 0; right: 0; margin: 2px -2px -2px 0; height: auto; } .flex-control-nav.flex-control-thumbs li { margin: 0 2px 2px 0; } .flex-control-nav.flex-control-thumbs li img { cursor: pointer; text-indent: -9999px; border: 0; border-radius: 0; margin: 0; opacity: 0.5; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .flex-control-nav.flex-control-thumbs li, .flex-control-nav.flex-control-thumbs li img { display: block; width: 100px !important; height: auto !important; } .flex-control-nav.flex-control-thumbs li:hover img, .flex-control-nav.flex-control-thumbs li img.flex-active { border-width: 0; opacity: 1; } /* FlexSlider: Thumbs - Flexible -----------------------------------------------------------------*/ .fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs { margin: 2px -2px -2px 0; height: auto; } .fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; height: auto !important; margin: 0; padding: 0 2px 2px 0; } .fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li img { width: 100% !important; height: auto !important; } /* ---------------------------------------------------------------- Page Title -----------------------------------------------------------------*/ #page-title { position: relative; padding: 4rem 0; /* background-color: #F5F5F5; */ /* border-bottom: 1px solid #EEE; */ } #page-title .container { position: relative; } #page-title h1 { padding: 0; margin: 0; line-height: 1; font-weight: 600; letter-spacing: 1px; /* color: #333; */ font-size: 2rem; text-transform: uppercase; } #page-title span { display: block; margin-top: 10px; font-weight: 300; /* color: #777; */ font-size: 18px; } .breadcrumb { position: absolute !important; width: auto !important; top: 50% !important; left: auto !important; right: 15px !important; margin: 0 !important; background-color: transparent !important; padding: 0 !important; font-size: 90%; transform: translateY(-50%); } .transparent-header + .page-title-parallax .breadcrumb { margin-top: 35px !important; } .breadcrumb a { /* color: #555; */ } .breadcrumb a:hover { /* color: #f6901e; */ } .breadcrumb i { width: auto !important; } /* Page Title - Dark -----------------------------------------------------------------*/ #page-title.page-title-dark { /* background-color: #333; */ /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) !important; */ border-bottom: none; } #page-title.page-title-dark h1 { /* color: rgba(255, 255, 255, 0.9) !important; */ } #page-title.page-title-dark span { /* color: rgba(255, 255, 255, 0.7) !important; */ } #page-title.page-title-dark .breadcrumb > .active { /* color: rgba(255, 255, 255, 0.6); */ } #page-title.page-title-dark .breadcrumb a { /* color: rgba(255, 255, 255, 0.8); */ } #page-title.page-title-dark .breadcrumb a:hover { /* color: rgba(255, 255, 255, 0.95); */ } #page-title.page-title-dark .breadcrumb-item + .breadcrumb-item::before { /* color: #CCC; */ } /* Page Title - Right Aligned -----------------------------------------------------------------*/ .page-title-right { text-align: right; } .page-title-right .breadcrumb { left: 15px !important; right: auto !important; } /* Page Title - Center Aligned -----------------------------------------------------------------*/ .page-title-center { text-align: center; } #page-title.page-title-center span { max-width: 700px; margin-left: auto; margin-right: auto; } #page-title.page-title-center .breadcrumb { position: relative !important; top: 0 !important; left: 0 !important; right: 0 !important; margin: 20px 0 0 !important; justify-content: center; transform: translateY(0); } /* Page Title - Background Pattern -----------------------------------------------------------------*/ .page-title-pattern { background-image: url('images/pattern.png'); background-repeat: repeat; background-attachment: fixed; } /* Page Title - Parallax Background -----------------------------------------------------------------*/ .page-title-parallax { padding: 100px 0; text-shadow: none; border-bottom: none; } #page-title.page-title-parallax h1 { font-size: 40px; font-weight: 600; letter-spacing: 2px; } #page-title.page-title-parallax span { font-size: 1.25rem; } #page-title.page-title-parallax .breadcrumb { font-size: 0.875rem; } .page-title-parallax { background-color: transparent; background-image: url('images/parallax/parallax-bg.jpg'); background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; } /* Page Title - Mini -----------------------------------------------------------------*/ #page-title.page-title-mini { padding: 20px 0; } #page-title.page-title-mini h1 { font-weight: 600; font-size: 18px; color: #444; } #page-title.page-title-mini span { display: none; } /* Page Title - No Background -----------------------------------------------------------------*/ #page-title.page-title-nobg { background: transparent !important; /* border-bottom: 1px solid #F5F5F5; */ } /* Page Title - Video -----------------------------------------------------------------*/ .page-title-video { background: none; position: relative; overflow: hidden; } .page-title-video .container { z-index: 3; } .page-title-video .video-wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .page-title-video .video-wrap video { width: 100%; } @media (max-width: 767.98px) { .game-wrapper { width: 100%; overflow: auto; } .game-logo { width: max-content; } #page-title { padding: 2rem 0; text-align: center; } #page-title h1 { line-height: 1.5; font-size: calc( 1rem + 2vw); } .page-title-parallax span { font-size: 1rem; } #page-title .breadcrumb { position: relative !important; top: 0 !important; left: 0 !important; right: 0 !important; margin: 20px 0 0 !important; justify-content: center; -webkit-transform: translateY(0); transform: translateY(0); } #page-title #portfolio-navigation, #portfolio-ajax-title #portfolio-navigation { position: relative; top: 0; left: 0; margin: 15px auto 0; } } /* ---------------------------------------------------------------- Content -----------------------------------------------------------------*/ #content { position: relative; /* background-color: #FFF; */ } #content p { line-height: 1.8; } .content-wrap { position: relative; padding: 30px 0; overflow: hidden; } #content .container { position: relative; } .grid-container, .grid-inner { position: relative; overflow: hidden; will-change: transform; } .grid-inner { width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; } body:not(.device-touch) .grid-container { -webkit-transition: height .4s ease; -o-transition: height .4s ease; transition: height .4s ease; } /* ---------------------------------------------------------------- Portfolio -----------------------------------------------------------------*/ /* Grid Filter -----------------------------------------------------------------*/ .grid-filter-wrap { display: -ms-flexbox; display: flex; justify-content: space-between; } .grid-filter { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 3.5rem; list-style: none; } .grid-filter li { position: relative; width: 50%; } .grid-filter li a { display: block; position: relative; padding: 10px 20px; font-size: 0.9375rem; /* color: #666; */ text-align: center; border-radius: 2px; } .grid-filter li a:hover { /* color: #f6901e; */ } .grid-filter li.activeFilter a { /* color: #FFF; */ /* background-color: #f6901e; */ margin: 0; font-weight: bold; } @media (min-width: 576px) { .grid-filter li { width: 33.333333%; } } @media (min-width: 768px) { .grid-filter li { width: auto; } .grid-filter { /* border: 1px solid rgba(0, 0, 0, 0.07); */ border-radius: 4px; } .grid-filter li a { /* border-left: 1px solid rgba(0, 0, 0, 0.07); */ border-radius: 0; } .grid-filter li:first-child a { border-left: none; border-radius: 4px 0 0 4px; } .grid-filter li:last-child a { border-radius: 0 4px 4px 0; } .grid-filter li.activeFilter a { margin: -1px 0; padding-top: 11px; padding-bottom: 11px; } .bothsidebar .grid-filter li a { padding: 12px 14px; } .bothsidebar .grid-filter li.activeFilter a { padding: 13px 18px; } } /* Grid Filter: Style 2 -----------------------------------------------------------------*/ .grid-filter.style-2, .grid-filter.style-3, .grid-filter.style-4 { border: none; border-radius: 0; margin-bottom: 2.75rem; } .grid-filter.style-2 li, .grid-filter.style-3 li, .grid-filter.style-4 li { margin-bottom: 0.75rem; } @media (min-width: 768px) { .grid-filter.style-2 li:not(:first-child), .grid-filter.style-3 li:not(:first-child) { margin-left: 10px; } } .grid-filter.style-2 li a, .grid-filter.style-3 li a, .grid-filter.style-4 li a { padding-top: 9px; padding-bottom: 9px; border-radius: 22px; border: none; } .grid-filter.style-2 li.activeFilter a { /* color: #FFF !important; */ margin: 0; } /* Grid Filter: Style 3 -----------------------------------------------------------------*/ .grid-filter.style-3 li a { border: 1px solid transparent; } .grid-filter.style-3 li.activeFilter a { /* color: #f6901e !important; */ /* border-color: #f6901e; */ background-color: transparent; margin: 0; } /* Grid Filter: Style 4 -----------------------------------------------------------------*/ @media (min-width: 768px) { .grid-filter.style-4 li:not(:first-child) { margin-left: 30px; } } .grid-filter.style-4 li a { padding: 13px 5px; border-radius: 0; } .grid-filter.style-4 li a::after { content: ''; position: absolute; top: auto; bottom: 0; left: 50%; width: 0; height: 2px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .grid-filter.style-4 li.activeFilter a { /* color: #444 !important; */ background-color: transparent; margin: 0; } .grid-filter.style-4 li.activeFilter a::after { width: 100%; left: 0%; /* background-color: #f6901e; */ } /* Portfolio - Shuffle Icon -----------------------------------------------------------------*/ .grid-shuffle { width: 42px; height: 42px; /* border: 1px solid rgba(0, 0, 0, 0.07); */ font-size: 1rem; text-align: center; line-height: 40px; /* color: #333; */ cursor: pointer; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .grid-shuffle:hover { /* background-color: #f6901e; */ /* color: #FFF; */ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } /* Portfolio - Items -----------------------------------------------------------------*/ .portfolio, .portfolio-item { position: relative; } .portfolio-rounded .portfolio-image { border-radius: 5px; overflow: hidden; } body:not(.device-touch) .portfolio { -webkit-transition: height .4s linear; -o-transition: height .4s linear; transition: height .4s linear; } .portfolio-reveal .portfolio-item { overflow: hidden; } .portfolio-item .portfolio-image { position: relative; overflow: hidden; } .portfolio-item .portfolio-image, .portfolio-item .portfolio-image > a, .portfolio-item .portfolio-image img { display: block; width: 100%; height: auto; } @media (min-width: 768px) { .portfolio-reveal .portfolio-image img, .portfolio-reveal .bg-overlay { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } } /* Portfolio - Item Title -----------------------------------------------------------------*/ .portfolio-desc { position: relative; z-index: 6; padding: 20px 5px; } .portfolio-desc h3 { margin: 0; padding: 0; font-size: 1.25rem; } .portfolio-desc h3 a { /* color: #222; */ } .portfolio-desc h3 a:hover { /* color: #f6901e; */ } .portfolio-desc span { display: block; } .portfolio-desc span, .portfolio-desc span a { /* color: #888; */ } .portfolio-desc span a:hover { /* color: #000; */ } .desc-lg .portfolio-desc { padding: 20px 8px; } .desc-lg .portfolio-desc h3 { font-size: 1.5rem; } .desc-lg .portfolio-desc span { font-size: 110%; } .desc-sm .portfolio-desc { padding: 15px 5px; } .desc-sm .portfolio-desc h3 { font-size: 1rem; } .desc-sm .portfolio-desc span { font-size: 90%; } .portfolio.no-gutters .portfolio-desc { padding-left: 15px; padding-right: 15px; } .portfolio.desc-sm.no-gutters .portfolio-desc { padding-left: 10px; padding-right: 10px; } .portfolio-reveal .portfolio-desc { /* background-color: #FFF; */ top: -100%; -webkit-transform: translateY(100%); transform: translateY(100%); } @media (min-width: 768px) { .portfolio-reveal .portfolio-desc { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } } .portfolio-reveal .portfolio-item:hover .portfolio-desc { -webkit-transform: translateY(0); transform: translateY(0); } .portfolio-reveal .portfolio-item:hover .portfolio-image img, .portfolio-reveal .portfolio-item:hover .bg-overlay { -webkit-transform: translateY(0); transform: translateY(0); } @media (min-width: 768px) { .portfolio-reveal .portfolio-item:hover .portfolio-image img, .portfolio-reveal .portfolio-item:hover .bg-overlay { -webkit-transform: translateY(-15%); transform: translateY(-15%); } } @media (max-width: 767.98px) { .portfolio-reveal .portfolio-desc, .portfolio-reveal .portfolio-desc { display: none !important; } } .col-md-9 .portfolio-desc h3 { font-size: 1.125rem; } .col-md-9 .portfolio-desc span { font-size: 0.875rem; } /* Portfolio - Parallax -----------------------------------------------------------------*/ .portfolio-parallax .portfolio-image { height: 60vh; background-attachment: fixed; } @media( min-width: 992px) { .portfolio-parallax .portfolio-image { height: 500px; } } /* Portfolio Single -----------------------------------------------------------------*/ .portfolio-single { } /* Portfolio Single - Image -----------------------------------------------------------------*/ .portfolio-single-image > a, .portfolio-single-image .slide a, .portfolio-single-image img, .portfolio-single-image iframe, .portfolio-single-image video { display: block; width: 100%; } .portfolio-single-image-full { position: relative; height: 600px; overflow: hidden; margin: -80px 0 80px !important; } .portfolio-single-video { height: auto !important; } /* Masonry Thumbs -----------------------------------------------------------------*/ .masonry-thumbs { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -1px; margin-right: -1px; margin-bottom: -2px; } .masonry-thumbs .grid-item { display: block; position: relative; width: 25%; max-width: 100%; height: auto; overflow: hidden; padding-left: 1px; padding-right: 1px; padding-bottom: 2px; padding-top: 0; } .masonry-gap-0 { margin: 0; } .masonry-gap-0 .grid-item { padding: 0; } .masonry-gap-lg { margin-left: -3px; margin-right: -3px; margin-bottom: -6px; } .masonry-gap-lg .grid-item { padding-left: 3px; padding-right: 3px; padding-bottom: 6px; } .masonry-gap-xl { margin-left: -5px; margin-right: -5px; margin-bottom: -10px; } .masonry-gap-xl .grid-item { padding-left: 5px; padding-right: 5px; padding-bottom: 10px; } .grid-item > img, .grid-item .grid-inner > img { width: 100%; height: auto; border-radius: 0; } .grid-1 > .grid-item { width: 100%; } .grid-2 > .grid-item { width: 50%; } .grid-3 > .grid-item { width: 33.333333%; } .grid-4 > .grid-item { width: 25%; } .grid-5 > .grid-item { width: 20%; } .grid-6 > .grid-item { width: 16.666667%; } .grid-8 > .grid-item { width: 12.50%; } .grid-10 > .grid-item { width: 10%; } .grid-12 > .grid-item { width: 8.333333%; } @media (min-width: 576px) { .grid-sm-1 > .grid-item { width: 100%; } .grid-sm-2 > .grid-item { width: 50%; } .grid-sm-3 > .grid-item { width: 33.333333%; } .grid-sm-4 > .grid-item { width: 25%; } .grid-sm-5 > .grid-item { width: 20%; } .grid-sm-6 > .grid-item { width: 16.666667%; } .grid-sm-8 > .grid-item { width: 12.50%; } .grid-sm-10 > .grid-item { width: 10%; } .grid-sm-12 > .grid-item { width: 8.333333%; } } @media (min-width: 768px) { .grid-md-1 > .grid-item { width: 100%; } .grid-md-2 > .grid-item { width: 50%; } .grid-md-3 > .grid-item { width: 33.333333%; } .grid-md-4 > .grid-item { width: 25%; } .grid-md-5 > .grid-item { width: 20%; } .grid-md-6 > .grid-item { width: 16.666667%; } .grid-md-8 > .grid-item { width: 12.50%; } .grid-md-10 > .grid-item { width: 10%; } .grid-md-12 > .grid-item { width: 8.333333%; } } @media (min-width: 992px) { .grid-lg-1 > .grid-item { width: 100%; } .grid-lg-2 > .grid-item { width: 50%; } .grid-lg-3 > .grid-item { width: 33.333333%; } .grid-lg-4 > .grid-item { width: 25%; } .grid-lg-5 > .grid-item { width: 20%; } .grid-lg-6 > .grid-item { width: 16.666667%; } .grid-lg-8 > .grid-item { width: 12.50%; } .grid-lg-10 > .grid-item { width: 10%; } .grid-lg-12 > .grid-item { width: 8.333333%; } } @media (min-width: 1200px) { .grid-xl-1 > .grid-item { width: 100%; } .grid-xl-2 > .grid-item { width: 50%; } .grid-xl-3 > .grid-item { width: 33.333333%; } .grid-xl-4 > .grid-item { width: 25%; } .grid-xl-5 > .grid-item { width: 20%; } .grid-xl-6 > .grid-item { width: 16.666667%; } .grid-xl-8 > .grid-item { width: 12.50%; } .grid-xl-10 > .grid-item { width: 10%; } .grid-xl-12 > .grid-item { width: 8.333333%; } } /* Portfolio Single - Content -----------------------------------------------------------------*/ .portfolio-single-content h2 { margin: 0 0 20px; padding: 0; font-size: 1.25rem; font-weight: 600 !important; } .portfolio-ajax-modal { width: 1000px !important; } .modal { z-index: 9999; } .modal-padding { padding: 40px; } .ajax-modal-title { /* background-color: #F9F9F9; */ /* border-bottom: 1px solid #EEE; */ padding: 25px 40px; } .ajax-modal-title h2 { font-size: 1.75rem; margin-bottom: 0; } #portfolio-ajax-wrap { position: relative; max-height: 0; overflow: hidden; -webkit-transition: max-height .4s ease; -o-transition: max-height .4s ease; transition: max-height .4s ease; } #portfolio-ajax-wrap.portfolio-ajax-opened { max-height: 1200px; } #portfolio-ajax-container { display: none; padding-bottom: 60px; } #portfolio-ajax-title h2 { font-size: 1.75rem; } /* Portfolio Single - Meta -----------------------------------------------------------------*/ .portfolio-meta, .portfolio-share { list-style: none; font-size: 0.875rem; } .portfolio-meta li { margin: 10px 0; /* color: #666; */ } .portfolio-meta li:first-child { margin-top: 0; } .portfolio-meta li span { display: inline-block; width: 150px; font-weight: bold; /* color: #333; */ } .portfolio-meta li span i { position: relative; top: 1px; width: 14px; text-align: center; margin-right: 7px; } /* Portfolio Single Navigation -----------------------------------------------------------------*/ #portfolio-navigation { position: absolute; top: 50%; left: auto; right: 10px; max-width: 96px; height: 24px; margin-top: -12px; } .page-title-right #portfolio-navigation { left: 10px; right: auto; } .page-title-center #portfolio-navigation { position: relative; top: 0; left: 0; margin: 20px auto 0; } #portfolio-navigation a { display: block; float: left; margin-left: 12px; width: 24px; height: 24px; text-align: center; /* color: #444; */ transition: color .3s linear; -webkit-transition: color .3s linear; -o-transition: color .3s linear; } .page-title-dark #portfolio-navigation a { /* color: #EEE; */ } .page-title-parallax #portfolio-navigation a { /* color: #FFF; */ } #portfolio-navigation a i { position: relative; top: -1px; font-size: 1.5rem; line-height: 1; } #portfolio-navigation a i.icon-angle-left, #portfolio-navigation a i.icon-angle-right { font-size: 32px; top: -6px; } #portfolio-navigation a i.icon-angle-right { left: -1px; } #portfolio-navigation a:first-child { margin-left: 0; } #portfolio-navigation a:hover { /* color: #f6901e; */ } #portfolio-ajax-show #portfolio-navigation { top: 0; margin-top: 0; } /* ---------------------------------------------------------------- Blog -----------------------------------------------------------------*/ #posts { position: relative; } .entry { position: relative; margin-bottom: 50px; } .posts-md .entry, .posts-sm .entry { margin-bottom: 0; } .entry::after { content: ''; position: relative; height: 2px; margin-top: 50px; /* background-color: #F5F5F5; */ } .entry-image { margin-bottom: 30px; } .posts-md .entry-image, .posts-sm .entry-image { margin-bottom: 0; } .entry-image, .entry-image > a, .entry-image .slide a, .entry-image img { display: block; position: relative; width: 100%; height: auto; } .posts-sm .entry-image { width: 64px; } .entry-image iframe { display: block; } .entry-image video { display: block; width: 100%; } .entry-image img { border-radius: 3px; } .posts-md .entry-image + .entry-title { margin-top: 0.875rem; } .entry-title h2, .entry-title h3, .entry-title h4 { margin: 0; font-size: 1.5rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; } .entry-title.title-sm h2, .entry-title.title-sm h3 { font-size: 1.25rem; letter-spacing: 0; } .entry-title.title-sm h3 { font-size: 1.125rem; } .entry-title.title-xs h2, .entry-title.title-xs h3 { font-size: 1rem; letter-spacing: 0; } .entry-title h4 { font-size: 0.875rem; letter-spacing: 0; } .entry-title.nott h2, .entry-title.nott h3, .entry-title h4 { text-transform: none; } .entry-title h2 a, .entry-title h3 a, .entry-title h4 a { /* color: #333; */ } .entry-title h2 a:hover, .entry-title h3 a:hover, .entry-title h4 a:hover { /* color: #f6901e; */ } .entry-meta { position: relative; overflow: hidden; margin-top: 10px; } .posts-sm .entry-meta { margin-top: 6px; } .single-post .entry-meta { margin-bottom: 20px; } .posts-md .entry-meta, .posts-sm .entry-meta { margin-bottom: 0px; } .entry-meta ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; margin: 0 0 -10px -20px; list-style: none; } .entry-meta.no-separator ul, .entry-meta ul.flex-column { align-items: start; margin-left: 0; } .posts-sm .entry-meta ul { margin-bottom: -5px; } .entry-meta li { font-size: 90%; margin: 0 15px 10px 0; /* color: #999; */ } .entry-meta ul.flex-column li { margin-left: 0; } .posts-sm .entry-meta li { margin-bottom: 5px; } .entry-meta:not(.no-separator) li::before { content: '\205E'; width: 5px; text-align: center; display: inline-block; margin-right: 15px; opacity: 0.5; } .entry-meta i { position: relative; top: 1px; padding-left: 1px; margin-right: 5px; } .entry-meta a:not(:hover) { /* color: #999; */ } .entry-meta ins { font-weight: 700; text-decoration: none; } .entry-content { margin-top: 30px; } .single-post .entry-content { margin-top: 0; } .posts-md .entry-content, .posts-sm .entry-content { margin-top: 20px; } .single-post .entry-content .entry-image { max-width: 350px; } .entry-content { position: relative; } .entry-link { display: block; width: 100%; /* background-color: #F5F5F5; */ padding: 30px 0; text-align: center; /* color: #444; */ font-family: 'Poppins', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 1.5rem; font-weight: 700; border-radius: 3px; } body:not(.device-touch) .entry-link { -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .entry-link:hover { /* color: #FFF; */ /* background-color: #f6901e; */ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .entry-link span { display: block; margin-top: 5px; font-family: 'PT Serif', serif; font-style: italic; font-weight: normal; text-transform: none; letter-spacing: 0; font-size: 0.875rem; /* color: #AAA; */ } .entry-link:hover span { /* color: #EEE; */ } .entry blockquote p { font-weight: 400; font-family: 'PT Serif', serif; font-style: italic; } /* Blog - Grid -----------------------------------------------------------------*/ .post-grid .entry { margin-bottom: 30px; } .post-grid .entry-title h2 { font-size: 1.125rem; letter-spacing: 0; font-weight: 600; } .post-grid .entry-link { font-size: 1.5rem; } .post-grid .entry-link span { font-size: 0.875rem; } /* Blog - Timeline -----------------------------------------------------------------*/ .entry-timeline { display: none; } @media (min-width: 992px) { .timeline-border { position: absolute; top: 0; left: 50%; width: 0; /* border-left: 1px dashed #CCC; */ height: 100%; transform: translateX(-50%); } .postcontent .post-timeline::before { content: ''; position: absolute; top: 0; left: 50%; width: 0; /* border-left: 1px dashed #CCC; */ height: 100%; } .post-timeline .entry-timeline { display: none; position: absolute; /* border: 2px solid #CCC; */ /* background-color: #FFF; */ padding-top: 0; text-indent: -9999px; top: 40px; left: auto; right: -6px; width: 13px; height: 13px; border-radius: 50%; font-size: 1.75rem; font-weight: bold; color: #AAA; text-align: center; line-height: 1; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .post-timeline .entry-timeline .timeline-divider { position: absolute; top: 4px; left: auto; right: 15px; width: 70px; height: 0; /* border-top: 1px dashed #CCC; */ -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .post-timeline .entry:not(.entry-date-section) { padding-right: 85px; } .post-timeline .entry.alt:not(.entry-date-section) { padding-right: inherit; padding-left: 85px; } .post-timeline .alt .entry-timeline { right: auto; left: -6px; } .post-timeline .alt .entry-timeline .timeline-divider { left: 15px; right: auto; } .post-timeline .entry-timeline span { display: block; margin-top: 3px; font-size: 13px; font-weight: normal; } .post-timeline .entry:hover .entry-timeline, .post-timeline .entry:hover .timeline-divider { /* border-color: #f6901e; */ /* color: #f6901e; */ } } .entry.entry-date-section { margin: 50px 0 80px; text-align: center; } .entry.entry-date-section:first-child { margin-top: 0; } .entry.entry-date-section span { display: inline-block; width: 250px; /* background-color: #FFF; */ /* border: 2px solid #EEE; */ font-size: 18px; line-height: 50px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; font-family: 'Poppins', sans-serif; } @media (min-width: 992px) { /* Blog - Timeline - Sidebar -----------------------------------------------------------------*/ .postcontent .post-timeline::before { left: -68px; margin-left: 0; } .postcontent .post-timeline { padding-left: 0; margin-left: 100px; margin-right: 0 !important; overflow: visible; } .postcontent .post-timeline .entry { width: 100% !important; padding: 0 !important; } .postcontent .post-timeline .entry-timeline { display: block; /* border: 3px solid #CCC; */ /* background-color: #FFF; */ padding-top: 10px; text-indent: 0; top: 20px; left: -100px; right: auto; width: 64px; height: 64px; font-size: 1.5rem; } .postcontent .post-timeline .entry-timeline div.timeline-divider { top: 29px; left: 64px; width: 32px; } } .more-link { display: inline-block; /* border-bottom: 1px solid #f6901e; */ padding: 0 2px; font-family: 'PT Serif', serif; font-style: italic; } .more-link:hover { /* border-bottom-color: #555; */ } .post-navigation + .line { margin-top: 50px; } /* ---------------------------------------------------------------- Blog - Author -----------------------------------------------------------------*/ .author-image { float: left; width: 64px; height: 64px; margin-right: 15px; } .author-image img { width: 64px; height: 64px; } .author-desc { position: relative; overflow: hidden; } /* ---------------------------------------------------------------- Comments List -----------------------------------------------------------------*/ #comments { position: relative; margin-top: 50px; padding-top: 50px; /* border-top: 1px solid #EEE; */ } .commentlist { list-style: none; padding-bottom: 50px; margin: 0 0 50px; /* border-bottom: 1px solid #EEE; */ } #reviews .commentlist { padding-bottom: 30px; margin: 0 0 20px; } .commentlist ul { list-style: none; } .commentlist li, .commentlist li ul, .commentlist li ul li { margin: 30px 0 0 0; } .commentlist ul:first-child { margin-top: 0; } .commentlist li { position: relative; margin: 30px 0 0 30px; } #reviews .commentlist li { margin-top: 20px; } .comment-wrap { position: relative; /* border: 1px solid #E5E5E5; */ border-radius: 5px; padding: 20px 20px 20px 35px; } .commentlist ul .comment-wrap { margin-left: 25px; padding-left: 20px; } #reviews .comment-wrap { border: 0; padding: 10px 0 0 35px; } .commentlist > li:first-child, #reviews .commentlist > li:first-child { padding-top: 0; margin-top: 0; } .commentlist li .children { margin-top: 0; } .commentlist li li .children { margin-left: 30px; } .commentlist li .comment-content, .pingback { position: relative; overflow: hidden; } .commentlist li .comment-content p, .pingback p { margin: 20px 0 0 0; } .commentlist li .comment-content { padding: 0 0 0 15px; } .commentlist li .comment-meta { float: left; margin-right: 0; line-height: 1; } .comment-avatar { position: absolute; top: 15px; left: -35px; padding: 4px; /* background: #FFF; */ /* border: 1px solid #E5E5E5; */ border-radius: 50%; } .comment-avatar img { display: block; border-radius: 50%; } .commentlist li .children .comment-avatar { left: -25px; } .comment-content .comment-author { margin-bottom: -10px; font-size: 1rem; font-weight: bold; /* color: #555; */ } .comment-content .comment-author a { border: none; /* color: #333; */ } .comment-content .comment-author a:hover { /* color: #f6901e; */ } .comment-content .comment-author span { display: block; } .comment-content .comment-author span, .comment-content .comment-author span a { font-size: 12px; font-weight: normal; font-family: 'PT Serif', serif; font-style: italic; /* color: #AAA; */ } .comment-content .comment-author span a:hover { /* color: #888; */ } .comment-reply-link, .review-comment-ratings { display: block; position: absolute; top: 4px; left: auto; text-align: center; right: 0px; width: 14px; height: 14px; /* color: #CCC; */ font-size: 0.875rem; line-height: 1; } .review-comment-ratings { width: auto; /* color: #333; */ } .comment-reply-link:hover { /* color: #888; */ } /* ---------------------------------------------------------------- Comment Form -----------------------------------------------------------------*/ #respond, #respond form { margin-bottom: 0; } .commentlist li #respond { margin: 30px 0 0; } .commentlist li li #respond { margin-left: 30px; } #respond p { margin: 10px 0 0 0; } #respond p:first-child { margin-top: 0; } #respond label small { /* color: #999; */ font-weight: normal; } #respond input[type="text"], #respond textarea { margin-bottom: 0; } .fb-comments, .fb_iframe_widget, .fb-comments > span, .fb_iframe_widget > span, .fb-comments > span > iframe, .fb_iframe_widget > span > iframe { display: block !important; width: 100% !important; margin: 0; } /* Post Elements -----------------------------------------------------------------*/ img.alignleft, div.alignleft { float: left; margin: 5px 20px 13px 0; max-width: 100%; } div.alignleft > img, div.alignnone > img, div.aligncenter > img, div.alignright > img { display: block; float: none; } img.alignnone, img.aligncenter, div.alignnone, div.aligncenter { display: block; margin: 10px 0; float: none; } img.aligncenter, div.aligncenter, div.aligncenter img { margin-left: auto; margin-right: auto; clear: both; } img.alignright, div.alignright { float: right; margin: 5px 0 13px 20px; } .wp-caption { text-align: center; margin: 10px 20px 13px 20px; font-family: 'Lato', Georgia, "Times New Roman", Times, serif; font-style: italic; } .wp-caption img, .wp-caption img a { display: block; margin: 0; } p.wp-caption-text { display: inline-block; margin: 10px 0 0 0; padding: 5px 10px; /* background-color: #EEE; */ border-radius: 50px; } .wp-smiley { max-height: 13px; margin: 0 !important; } /* Infinity Scroll - Message Style -----------------------------------------------------------------*/ #infscr-loading, #portfolio-ajax-loader { position: fixed; z-index: 20; top: 50%; left: 50%; width: 48px; height: 48px; margin: -24px 0 0 -24px; /* background-color: rgba(0, 0, 0, 0.7); */ border-radius: 3px; line-height: 48px; font-size: 1.5rem; /* color: #FFF; */ text-align: center; } #infscr-loading img, #portfolio-ajax-loader img { display: none; width: 24px; height: 24px; margin: 12px; } #portfolio-ajax-loader { display: none; } #portfolio-ajax-loader img { display: block; } .page-load-status { position: relative; display: none; padding: 30px 0; } .page-load-status .css3-spinner-ball-pulse-sync > div { /* background-color: #333; */ } /* ---------------------------------------------------------------- Shop -----------------------------------------------------------------*/ .shop, .product { position: relative; } .product .product-image { position: relative; overflow: hidden; } .product-image > a, .product-image .slide a, .product-image img { display: block; width: 100%; } body:not(.device-touch):not(.device-sm):not(.device-xs) .product-image > a { -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .product-image > a:nth-of-type(2) { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; } .product-image:hover > a:nth-of-type(2) { opacity: 1; z-index: 2; } .product-desc { padding: 15px 0; } .product-title { margin-bottom: 7px; } .product-title h3 { margin: 0; font-size: 1.25rem; } .product-title h3 a, .single-product .product-title h2 a { /* color: #333; */ } .product-title h3 a:hover, .single-product .product-title h2 a:hover { /* color: #f6901e; */ } .product-price { font-size: 1.125rem; font-weight: 700; /* color: #444; */ margin-bottom: 4px; } .product-price del { font-weight: 400; font-size: 90%; /* color: #888; */ } .product-price ins { text-decoration: none; /* color: #f6901e; */ } .product-image > .badge, .sale-flash { position: absolute; top: 10px; left: 10px; z-index: 5; } /* Shop - Single -----------------------------------------------------------------*/ .single-product .product { width: 100%; margin: 0; } .shop-quick-view-ajax, .portfolio-ajax-modal { position: relative; /* background-color: #FFF; */ width: 800px; margin: 0 auto; } .single-product .product-image, .single-product .product-image img { height: auto; } .single-product .product-title h2 { font-size: 1.75rem; margin-bottom: 8px; } .single-product .product-price { font-size: 1.5rem; /* color: #f6901e; */ margin-bottom: 0; } .single-product .product-desc .line { margin: 20px 0; } .quantity { display: -ms-inline-flexbox; display: inline-flex; justify-content: center; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 30px; } .quantity input[type=number]::-webkit-inner-spin-button, .quantity input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .quantity .qty { width: 50px; height: 40px; line-height: 40px; border: 0; /* border-left: 1px solid #DDD; */ /* border-right: 1px solid #DDD; */ /* background-color: #EEE; */ text-align: center; margin-bottom: 0; } .quantity .plus, .quantity .minus { display: block; cursor: pointer; border: 0px transparent; padding: 0; width: 36px; height: 40px; line-height: 40px; text-align: center; /* background-color: #EEE; */ font-size: 1rem; font-weight: bold; transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; } .quantity .plus:hover, .quantity .minus:hover { /* background-color: #DDD; */ } .quantity .qty:focus, .quantity .plus:focus, .quantity .minus:focus { box-shadow: none !important; outline: 0 !important; } .product-meta { font-size: 90%; /* color: #777; */ } .product-meta > .card-body > span { display: inline-block; margin: 0 5px; } .single-product .fbox-plain.fbox-sm .fbox-icon { width: 2.25rem; } .single-product .fbox-plain.fbox-sm .fbox-icon i { font-size: 1.125rem; line-height: 1.5; } /* ---------------------------------------------------------------- Cart -----------------------------------------------------------------*/ .cart .remove { font-size: 0.875rem; /* color: #FF0000; */ } .cart .remove:hover { /* color: #000; */ } .cart th { padding: 12px 15px !important; font-size: 0.875rem; /* color: #555; */ } .cart td { padding: 12px 15px !important; vertical-align: middle !important; /* border-color: #E5E5E5 !important; */ } .cart-product-thumbnail a { display: block; width: 68px; } .cart-product-thumbnail img { display: block; width: 64px; height: 64px; /* border: 2px solid #EEE; */ } .cart-product-thumbnail img:hover { /* border-color: #f6901e; */ } .cart-product-name a, .product-name a { font-weight: bold; font-size: 13px; /* color: #333; */ } .cart-product-name a:hover, .product-name a:hover { /* color: #666; */ } .cart-product-price, .cart-product-quantity, .cart-product-subtotal { text-align: center !important; } .cart-product-quantity .quantity { margin: 0; } @media (max-width: 767.98px) { .cart-product-quantity .quantity { -ms-flex-direction: column; flex-direction: column; } .cart-product-quantity .quantity .qty, .cart-product-quantity .quantity .plus, .cart-product-quantity .quantity .minus { width: 100%; } .cart-product-quantity .quantity .qty { border: 0; /* border-top: 1px solid #DDD; */ /* border-bottom: 1px solid #DDD; */ } } td.actions { padding: 20px 15px !important; vertical-align: top !important; /* background-color: #F5F5F5; */ } /* ---------------------------------------------------------------- Events -----------------------------------------------------------------*/ .event.entry::after { display: none !important; } .event .grid-inner { /* background-color: #F9F9F9; */ /* border-bottom: 3px solid #EEE; */ } .event .entry-image .entry-date { position: absolute; top: 10px; left: 10px; /* background-color: rgba(0, 0, 0, 0.7); */ /* color: #FFF; */ /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); */ width: 60px; height: 64px; text-align: center; padding-top: 9px; font-size: 1.75rem; line-height: 1; } .event .entry-image .entry-date span { display: block; font-size: 12px; margin-top: 7px; } .single-event .event-meta .iconlist li, .parallax .iconlist li { margin: 5px 0; } .single-event .entry-overlay, .parallax .entry-overlay-meta { position: absolute; top: auto; bottom: 0; left: 0; width: 100%; height: 80px; /* background-color: rgba(0, 0, 0, 0.85); */ text-align: center; line-height: 80px; font-size: 1.25rem; /* color: #FFF; */ z-index: 5; } .single-event .countdown-section { padding: 0 15px; /* border-left-color: rgba(255, 255, 255, 0.3); */ /* color: #CCC; */ } .single-event .countdown-amount { /* color: #FFF; */ } .parallax .entry-overlay, .parallax .entry-overlay-meta { background: transparent; width: auto; text-align: right; bottom: 30px; left: auto; right: 30px; } .parallax .entry-overlay-meta { padding: 20px; font-size: 0.875rem; text-align: left; right: 38px; bottom: 130px; width: 368px; height: auto; line-height: inherit; /* background-color: rgba(0, 0, 0, 0.7); */ border-radius: 3px; } .parallax.overlay-left .entry-overlay, .parallax.overlay-left .entry-overlay-meta { right: auto; left: 30px; } .parallax.overlay-left .entry-overlay-meta { left: 38px; } .parallax.overlay-center .entry-overlay, .parallax.overlay-center .entry-overlay-meta { bottom: 100px; right: auto; left: 50%; margin-left: -192px; } .parallax.overlay-center .entry-overlay-meta { top: 100px; bottom: auto; margin-left: -184px; } .parallax .entry-overlay-meta h2 { font-size: 1.25rem; text-transform: uppercase; /* border-bottom: 1px dashed rgba(255, 255, 255, 0.2); */ padding-bottom: 17px; } .parallax .entry-overlay-meta h2 a { /* color: #FFF; */ } .parallax .entry-overlay-meta h2 a:hover { /* color: #DDD; */ } .parallax .countdown { top: 0; } .parallax .countdown-section { border-left: 0; width: 80px; height: 80px; margin: 0 8px; font-size: 13px; /* background-color: rgba(0, 0, 0, 0.7); */ border-radius: 3px; padding-top: 14px; } .parallax .countdown-amount { font-size: 28px; margin-bottom: 6px; } /* ---------------------------------------------------------------- Countdown -----------------------------------------------------------------*/ .countdown { position: relative; display: block; } .countdown-row { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .countdown-section { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; font-size: 11px; line-height: 1; text-align: center; /* border-left: 1px dotted #BBB; */ /* color: #888; */ text-transform: capitalize; } .countdown-section:first-child { border-left: 0; } .countdown-amount { display: block; font-size: 1.25rem; /* color: #333; */ margin-bottom: 5px; } .countdown-descr { display: block; width: 100%; } /* Countdown - Medium -----------------------------------------------------------------*/ .countdown-medium .countdown-section { font-size: 0.875rem; } .countdown-medium .countdown-amount { font-size: 30px; margin-bottom: 7px; } /* Countdown - Large -----------------------------------------------------------------*/ .countdown-large .countdown-section { font-size: 18px; } .countdown-large .countdown-amount { font-size: 44px; font-weight: 700; margin-bottom: 8px; } /* Countdown - Inline -----------------------------------------------------------------*/ .countdown.countdown-inline { display: inline-block; } .countdown.countdown-inline .countdown-row { display: inline-block; text-align: center; } .countdown.countdown-inline .countdown-section { display: inline-block; font-size: inherit; line-height: inherit; width: auto; border: none; color: inherit; margin-left: 7px; text-transform: inherit; } .countdown.countdown-inline .countdown-section:first-child { margin-left: 0; } .countdown.countdown-inline .countdown-amount { display: inline-block; font-size: inherit; color: inherit; font-weight: bold; margin: 0 3px 0 0; } .countdown.countdown-inline .countdown-descr { display: inline-block; width: auto; } @media (min-width: 768px) { /* Countdown - Coming Soon -----------------------------------------------------------------*/ .countdown.countdown-large.coming-soon .countdown-section { border: none; padding: 15px; } .countdown.countdown-large.coming-soon .countdown-amount { width: 140px; height: 140px; line-height: 140px; margin-left: auto; margin-right: auto; border-radius: 50%; /* background-color: rgba(0, 0, 0, 0.2); */ margin-bottom: 15px !important; } } /* ---------------------------------------------------------------- Buttons -----------------------------------------------------------------*/ .button { display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; margin: 5px; padding: 0px 20px; font-size: 0.875rem; line-height: 24px; /* background: #059e0f !important; */ /* color: #fff !important; */ font-weight: 500; text-transform: uppercase; letter-spacing: normal; border-radius: 20px; /* border: 1px solid #059e0f !important; */ transition: all 0.5s ease; } body:not(.device-touch) .button { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .button.button-dark { /* background-color: #444; */ } .button.button-light { /* color: #fff !important; */ text-shadow: none !important; /* background: linear-gradient( 180deg, #059e0f 0%, #059e0f 51%, #034207 52%, #034207 100%) !important; */ } .button.button-light:hover { /* color: #fff !important; */ text-shadow: none !important; /* background: linear-gradient( 180deg, #034207 0%, #034207 51%, #059e0f 52%, #059e0f 100%) !important; */ } .button.button-mini { padding: 4px 14px !important; font-size: 12px !important; } .button.button-xs { padding: 2px 9px !important; font-size: 11px; line-height: 18px; } .button.button-small { padding: 7px 17px !important; font-size: 12px; line-height: 20px; } .button.button-large { padding: 8px 26px !important; font-size: 1rem; line-height: 30px; } .button.button-xlarge { padding: 9px 32px; font-size: 18px; letter-spacing: 2px; line-height: 34px; } .button.button-desc { text-align: left; padding: 24px 34px; font-size: 1.25rem; height: auto; line-height: 1; font-family: 'Poppins', sans-serif; } .button.button-desc span { display: block; margin-top: 10px; font-size: 0.875rem; font-weight: 400; letter-spacing: 1px; font-family: 'PT Serif', serif; font-style: italic; text-transform: none; } .button i { position: relative; margin-right: 5px; width: 16px; text-align: center; } .button.text-right i { margin: 0 0 0 5px; } .button-mini i { margin-right: 3px; } .button-mini.text-right i { margin: 0 0 0 3px; } .button-small i { margin-right: 4px; } .button-small.text-right i { margin: 0 0 0 4px; } .button-xlarge i { margin-right: 8px; } .button-xlarge.text-right i { margin: 0 0 0 8px; } .button.button-desc i { font-size: 48px; width: 48px; text-align: center; margin-right: 12px; } .button.button-desc.text-right i { margin: 0 0 0 12px; } .button.button-desc div { display: inline-block; } .button.button-rounded { border-radius: 50px; } /* Buttons - Border -----------------------------------------------------------------*/ .button.button-border { font-weight: 700; text-shadow: none; /* background: linear-gradient( 180deg, #059e0f 0%, #059e0f 51%, #034207 52%, #034207 100%) !important; */ /* border: 1px solid #07b012 !important; */ transition: all 0.5s ease; /* color: white !important; */ } .button.button-border:hover { /* background: linear-gradient( 180deg, #034207 0%, #034207 51%, #059e0f 52%, #059e0f 100%) !important; */ /* border: 1px solid #07b012 !important; */ } .button.button-border-thin { border-width: 1px; } .button.button-border.button-desc { line-height: 1; } .button.button-border:not(.button-fill):hover { /* background: linear-gradient( 180deg, #0c7a00 0%, #0c7a00 51%, #218f05 52%, #218f05 100%); */ /* color: #FFF; */ } .button.button-border.button-light { /* border-color: #FFF; */ /* color: #FFF; */ } .button.button-border.button-light:hover { /* background-color: #FFF; */ /* color: #333; */ text-shadow: none; } /* Buttons - Border -----------------------------------------------------------------*/ .button.button-3d { border-radius: 3px; -webkit-transition: none; -o-transition: none; transition: none; } .button.button-3d:hover { /* background-color: #f6901e; */ opacity: 0.9; } .button.button-3d.button-light:hover, .button.button-reveal.button-light:hover { text-shadow: none; /* color: #333; */ } /* Buttons - Icon Reveal -----------------------------------------------------------------*/ .button.button-reveal { padding-left: 28px; padding-right: 28px; overflow: hidden; } .button.button-reveal i { display: block; position: absolute; top: 0; left: -32px; width: 32px; height: 100%; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; margin: 0; /* background-color: rgba(0, 0, 0, 0.1); */ } .button.button-reveal.button-border i { top: -2px; } .button.button-reveal.text-right i { left: auto; right: -32px; } .button.button-reveal.button-3d i, .button.button-reveal.button-rounded i { border-radius: 3px 0 0 3px; } .button.button-reveal.button-3d.text-right i, .button.button-reveal.button-rounded.text-right i { border-radius: 0 3px 3px 0; } .button.button-reveal span { display: inline-block; position: relative; left: 0; } body:not(.device-touch) .button.button-reveal i, body:not(.device-touch) .button.button-reveal span { -webkit-transition: left 0.3s ease, right 0.3s ease; -o-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .button.button-reveal.button-mini { padding-left: 17px; padding-right: 17px; } .button.button-reveal.button-mini i { left: -22px; width: 22px; } .button.button-reveal.button-mini.text-right i { left: auto; right: -22px; } .button.button-reveal.button-small { padding-left: 22px; padding-right: 22px; } .button.button-reveal.button-small i { left: -26px; width: 26px; } .button.button-reveal.button-small.text-right i { left: auto; right: -26px; } .button.button-reveal.button-large { padding-left: 32px; padding-right: 32px; } .button.button-reveal.button-large i { left: -38px; width: 38px; } .button.button-reveal.button-large.text-right i { left: auto; right: -38px; } .button.button-reveal.button-xlarge { padding-right: 40px; padding-left: 40px; } .button.button-reveal.button-xlarge i { left: -44px; width: 44px; } .button.button-reveal.button-xlarge.text-right i { left: auto; right: -44px; } .button.button-reveal:hover i { left: 0; } .button.button-reveal.text-right:hover i { left: auto; right: 0; } .button.button-reveal:hover span { left: 16px; } .button.button-reveal.button-mini:hover span { left: 11px; } .button.button-reveal.button-small:hover span { left: 13px; } .button.button-reveal.button-large:hover span { left: 19px; } .button.button-reveal.button-xlarge:hover span { left: 22px; } .button.button-reveal.text-right:hover span { left: -16px; } .button.button-reveal.button-mini.text-right:hover span { left: -11px; } .button.button-reveal.button-small.text-right:hover span { left: -13px; } .button.button-reveal.button-large.text-right:hover span { left: -19px; } .button.button-reveal.button-xlarge.text-right:hover span { left: -22px; } /* Buttons - Promo 100% Width -----------------------------------------------------------------*/ .button.button-full { display: block; width: 100%; white-space: normal; margin: 0; height: auto; line-height: 1.6; padding: 30px 0; font-size: 30px; font-weight: 300; text-transform: none; border-radius: 0; /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); */ } .button.button-full.button-light { /* border-bottom: 1px solid rgba(0, 0, 0, 0.15); */ } .button.button-full strong { font-weight: 700; /* border-bottom: 2px solid #EEE; */ } body:not(.device-touch) .button.button-full strong { -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } .button.button-full.button-light strong { /* border-bottom-color: #333; */ } .button.button-full.button-light:hover strong { /* border-bottom-color: #EEE; */ } /* Buttons - Circle -----------------------------------------------------------------*/ .button.button-circle { border-radius: 20px; } .button.button-mini.button-circle { border-radius: 14px; } .button.button-small.button-circle { border-radius: 17px; } .button.button-large.button-circle { border-radius: 23px; } .button.button-xlarge.button-circle { border-radius: 26px; } /* Buttons - Fill Effect -----------------------------------------------------------------*/ .button.button-border.button-fill { overflow: hidden; transform-style: preserve-3d; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-backface-visibility: hidden; } .button.button-border.button-fill span { position: relative; } .button.button-border.button-fill:hover { background-color: transparent !important; /* color: #FFF; */ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .button.button-border.button-fill.button-light:hover { /* border-color: #EEE !important; */ /* color: #333 !important; */ text-shadow: none; } .button.button-border.button-fill::before { content: ''; position: absolute; /* background-color: #444; */ top: 0; left: 0; width: 0; height: 100%; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; -webkit-backface-visibility: hidden; } .button.button-border.button-fill.button-light::before { /* background-color: #EEE; */ } .button.button-border.button-fill.fill-from-right::before { left: auto; right: 0; } .button.button-border.button-fill:hover::before { width: 100%; } .button.button-border.button-fill.fill-from-top::before, .button.button-border.button-fill.fill-from-bottom::before { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .button.button-border.button-fill.fill-from-top::before { width: 100%; height: 0; } .button.button-border.button-fill.fill-from-top:hover::before { height: 100%; } .button.button-border.button-fill.fill-from-bottom::before { width: 100%; height: 0; top: auto; bottom: 0; } .button.button-border.button-fill.fill-from-bottom:hover::before { height: 100%; } /* Buttons - Colors -----------------------------------------------------------------*/ .button-red { /* background-color: #C02942; */ } .button-3d.button-red:hover, .button-reveal.button-red:hover, .button-border.button-red:hover, .button-border.button-red.button-fill::before { /* background-color: #C02942 !important; */ } .button-border.button-red { /* color: #C02942; */ /* border-color: #C02942; */ } .button-teal { /* background-color: #53777A; */ } .button-3d.button-teal:hover, .button-reveal.button-teal:hover, .button-border.button-teal:hover, .button-border.button-teal.button-fill::before { /* background-color: #53777A !important; */ } .button-border.button-teal { /* color: #53777A; */ /* border-color: #53777A; */ } .button-light.button-yellow { /* background-color: #ECD078; */ } .button-3d.button-yellow:hover, .button-reveal.button-yellow:hover, .button-border.button-yellow:hover, .button-border.button-yellow.button-fill::before { /* background-color: #ECD078 !important; */ } .button-border.button-yellow, .button-border.button-yellow.button-fill.button-light:hover { /* color: #ECD078 !important; */ /* border-color: #ECD078 !important; */ } .button-border.button-yellow:hover, .button-border.button-yellow.button-fill.button-light:hover { /* color: #333 !important; */ } .button-green { /* background-color: #59BA41; */ /* border: 2px solid #4aa234; */ } .button-green:hover { /* background: #70e852; */ } .button-3d.button-green:hover, .button-reveal.button-green:hover, .button-border.button-green:hover, .button-border.button-green.button-fill::before { /* background-color: #59BA41 !important; */ } .button-border.button-green { /* color: #59BA41; */ /* border-color: #59BA41; */ } .button-brown { /* background-color: #774F38; */ } .button-3d.button-brown:hover, .button-reveal.button-brown:hover, .button-border.button-brown:hover, .button-border.button-brown.button-fill::before { /* background-color: #774F38 !important; */ } .button-border.button-brown { /* color: #774F38; */ /* border-color: #774F38; */ } .button-aqua { /* background-color: #40C0CB; */ } .button-3d.button-aqua:hover, .button-reveal.button-aqua:hover, .button-border.button-aqua:hover, .button-border.button-aqua.button-fill::before { /* background-color: #40C0CB !important; */ } .button-border.button-aqua { /* color: #40C0CB; */ /* border-color: #40C0CB; */ } .button-light.button-lime { /* background-color: #AEE239; */ } .button-3d.button-lime:hover, .button-reveal.button-lime:hover, .button-border.button-lime:hover, .button-border.button-lime.button-fill::before { /* background-color: #AEE239 !important; */ } .button-border.button-lime { /* color: #AEE239; */ /* border-color: #AEE239; */ } .button-purple { /* background-color: #5D4157; */ } .button-3d.button-purple:hover, .button-reveal.button-purple:hover, .button-border.button-purple:hover, .button-border.button-purple.button-fill::before { /* background-color: #5D4157 !important; */ } .button-border.button-purple { /* color: #5D4157; */ /* border-color: #5D4157; */ } .button-leaf { /* background-color: #A8CABA; */ } .button-3d.button-leaf:hover, .button-reveal.button-leaf:hover, .button-border.button-leaf:hover, .button-border.button-leaf.button-fill::before { /* background-color: #A8CABA !important; */ } .button-border.button-leaf { /* color: #A8CABA; */ /* border-color: #A8CABA; */ } .button-pink { /* background-color: #F89FA1; */ } .button-3d.button-pink:hover, .button-reveal.button-pink:hover, .button-border.button-pink:hover, .button-border.button-pink.button-fill::before { /* background-color: #F89FA1 !important; */ } .button-border.button-pink { /* color: #F89FA1; */ /* border-color: #F89FA1; */ } .button-dirtygreen { /* background-color: #1693A5; */ } .button-3d.button-dirtygreen:hover, .button-reveal.button-dirtygreen:hover, .button-border.button-dirtygreen:hover, .button-border.button-dirtygreen.button-fill::before { /* background-color: #1693A5 !important; */ } .button-border.button-dirtygreen { /* color: #1693A5; */ /* border-color: #1693A5; */ } .button-blue { /* background-color: #1265A8; */ } .button-3d.button-blue:hover, .button-reveal.button-blue:hover, .button-border.button-blue:hover, .button-border.button-blue.button-fill::before { /* background-color: #1265A8 !important; */ } .button-border.button-blue { /* color: #1265A8; */ /* border-color: #1265A8; */ } .button-amber { /* background-color: #ff9200; */ } .button-3d.button-amber:hover, .button-amber:hover, .button-reveal.button-amber:hover, .button-border.button-amber:hover, .button-border.button-amber.button-fill::before { /* background-color: #EB9C4D !important; */ } .button-border.button-amber { /* color: #EB9C4D; */ /* border-color: #EB9C4D; */ } .button-black { /* background-color: #111; */ } .button-3d.button-black:hover, .button-reveal.button-black:hover, .button-border.button-black:hover, .button-border.button-black.button-fill::before { /* background-color: #111 !important; */ } .button-border.button-black { /* color: #111; */ /* border-color: #111; */ } .button-white { /* background: linear-gradient( 180deg, #eb9b34 0%, #eb9b34 51%, #c9852c 52%, #c9852c 100%); */ /* border: 1px solid #eb9b34; */ } .button-white:hover { /* background: linear-gradient( 180deg, #c9852c 0%, #c9852c 51%, #eb9b34 52%, #eb9b34 100%); */ } .button-3d.button-white:hover, .button-reveal.button-white:hover, .button-white:hover { /* background-color: #F9F9F9 !important; */ /* color: #fff; */ } /* 081872520 */ /* Buttons - No Hover -----------------------------------------------------------------*/ .button.button-nohover:hover { opacity: inherit !important; background-color: inherit !important; color: inherit !important; border-color: inherit !important; } /* ---------------------------------------------------------------- Promo Boxes -----------------------------------------------------------------*/ .promo { position: relative; } .promo h3 { font-weight: bold; margin-bottom: 0; } .promo h3 + span { display: block; /* color: #444; */ font-weight: 300; font-size: 1.125rem; margin-top: 6px; } /* Promo Uppercase -----------------------------------------------------------------*/ .promo-uppercase { text-transform: uppercase; } .promo-uppercase h3 { font-size: 1.25rem; } .promo-uppercase h3 + span { font-size: 1rem; } /* Promo - with Border -----------------------------------------------------------------*/ .promo-border { /* border: 1px solid #E5E5E5; */ border-radius: 3px; } /* Promo - Light -----------------------------------------------------------------*/ .promo-light { /* background-color: #F5F5F5; */ border-radius: 3px; } /* Promo - Dark -----------------------------------------------------------------*/ .promo-dark { border: 0 !important; /* background-color: #333; */ /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); */ border-radius: 3px; } .promo-dark h3 { /* color: #FFF; */ } .promo-dark h3 + span { /* color: #EEE; */ font-weight: 400; } /* Promo - 100% Full Width -----------------------------------------------------------------*/ .promo-full { border-radius: 0 !important; border-left: 0 !important; border-right: 0 !important; } /* Promo - Parallax -----------------------------------------------------------------*/ .promo.parallax { padding: 80px 0 !important; } /* Promo - Mini -----------------------------------------------------------------*/ .promo-mini { text-align: left; } .promo-mini h3 { font-size: 1.25rem; } .promo-mini.promo-uppercase h3 { font-size: 18px; } /* ---------------------------------------------------------------- Featured Boxes -----------------------------------------------------------------*/ .feature-box { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -0.75rem; margin-right: -0.75rem; } .feature-box:first-child { margin-top: 0; } .fbox-icon { width: 5.5rem; height: 4rem; padding: 0 0.75rem; } .fbox-icon a, .fbox-icon i, .fbox-icon img { display: block; position: relative; width: 100%; height: 100%; color: #FFF; } .fbox-icon i, .fbox-icon img { border-radius: 50%; /* background-color: #f6901e; */ } .fbox-icon i { font-style: normal; font-size: 1.75rem; line-height: 4rem; text-align: center; } .fbox-content { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; padding: 0 0.75rem; } .fbox-content h3 { font-size: 1rem; font-weight: 600; font-family: 'Poppins', sans-serif; text-transform: uppercase; margin-bottom: 0; /* color: #333; */ } .fbox-content p { margin-top: 0.5rem; margin-bottom: 0px; /* color: #999; */ } .fbox-content .before-heading { font-size: 0.875rem; } .fbox-content-sm h3, .fbox-content-sm p { font-size: 0.875rem; } .fbox-content-sm .before-heading { font-size: 0.75rem; } .fbox-content-lg h3 { font-size: 1.25rem; } .fbox-content-lg p { font-size: 1.125rem; margin-top: 0.75rem; } .fbox-content-lg .before-heading { font-size: 1rem; } /* Feature Box - Icon Small -----------------------------------------------------------------*/ .fbox-sm { margin-left: -0.5rem; margin-right: -0.5rem; } .fbox-sm .fbox-icon { width: 3rem; height: 2rem; padding: 0 0.5rem; } .fbox-sm .fbox-icon i { font-size: 1rem; line-height: 2rem; } .fbox-sm .fbox-content { padding: 0 0.5rem; } /* Feature Box - Icon Large -----------------------------------------------------------------*/ .fbox-lg .fbox-icon { width: 7.5rem; height: 6rem; } .fbox-lg .fbox-icon i { font-size: 2.5rem; line-height: 6rem; } /* Feature Box - Icon X-Large -----------------------------------------------------------------*/ .fbox-xl .fbox-icon { width: 9.5rem; height: 8rem; } .fbox-xl .fbox-icon i { font-size: 4.5rem; line-height: 8rem; } /* Feature Box - Icon Outline -----------------------------------------------------------------*/ .fbox-outline .fbox-icon a { /* border: 1px solid #f6901e; */ padding: 0.25rem; border-radius: 50%; } .fbox-outline .fbox-icon i { line-height: 3.5rem; } /* Feature Box - Icon Outline Sizes -----------------------------------------------------------------*/ .fbox-outline.fbox-sm .fbox-icon i { line-height: 1.5rem; } .fbox-outline.fbox-lg .fbox-icon i { line-height: 5.5rem; } .fbox-outline.fbox-xl .fbox-icon i { line-height: 7.5rem; } /* Feature Box - Icon Rounded -----------------------------------------------------------------*/ .fbox-rounded .fbox-icon { border-radius: 3px !important; } .fbox-rounded .fbox-icon i, .fbox-rounded .fbox-icon img { border-radius: 3px !important; } /* Feature Box - Icon Rounded Sizes -----------------------------------------------------------------*/ .fbox-rounded.fbox-lg .fbox-icon { border-radius: 4px !important; } .fbox-rounded.fbox-lg .fbox-icon i, .fbox-rounded.fbox-lg .fbox-icon img { border-radius: 4px !important; } .fbox-rounded.fbox-xl .fbox-icon { border-radius: 6px !important; } .fbox-rounded.fbox-xl .fbox-icon i, .fbox-rounded.fbox-xl .fbox-icon img { border-radius: 6px !important; } /* Feature Box - Light Background -----------------------------------------------------------------*/ .fbox-light.fbox-outline .fbox-icon a { /* border-color: #E5E5E5; */ } .fbox-light .fbox-icon i, .fbox-light .fbox-icon img { /* border: 1px solid #E5E5E5; */ /* background-color: #F5F5F5; */ /* color: #444; */ } /* Feature Box - Dark Background -----------------------------------------------------------------*/ .fbox-dark.fbox-outline .fbox-icon a { /* border-color: #444; */ } .fbox-dark .fbox-icon i, .fbox-dark .fbox-icon img { /* background-color: #333; */ } /* Feature Box - Border -----------------------------------------------------------------*/ .fbox-border .fbox-icon a { /* border: 1px solid #f6901e; */ border-radius: 50%; } .fbox-border .fbox-icon i, .fbox-border .fbox-icon img { border: none; background-color: transparent !important; /* color: #f6901e; */ } /* Feature Box - Border - Light -----------------------------------------------------------------*/ .fbox-border.fbox-light .fbox-icon a { /* border-color: #E5E5E5; */ } .fbox-border.fbox-light .fbox-icon i, .fbox-border.fbox-light .fbox-icon img { /* color: #888; */ } /* Feature Box - Border - Dark -----------------------------------------------------------------*/ .fbox-border.fbox-dark .fbox-icon a { /* border-color: #333; */ } .fbox-border.fbox-dark .fbox-icon i, .fbox-border.fbox-dark .fbox-icon img { /* color: #444; */ } /* Feature Box - Plain -----------------------------------------------------------------*/ .fbox-plain .fbox-icon { border: none !important; } .fbox-plain .fbox-icon i, .fbox-plain .fbox-icon img { border: none; background-color: transparent !important; /* color: #f6901e; */ border-radius: 0; } .fbox-plain .fbox-icon i { font-size: 3rem; line-height: 1; } .fbox-plain.fbox-image .fbox-icon { width: auto; } .fbox-plain.fbox-image .fbox-icon img { width: auto; display: inline-block; } .fbox-plain.fbox-light .fbox-icon i, .fbox-plain.fbox-light .fbox-icon img { /* color: #888; */ } .fbox-plain.fbox-dark .fbox-icon i, .fbox-plain.fbox-dark .fbox-icon img { /* color: #444; */ } /* Feature Box - Icon Plain Sizes -----------------------------------------------------------------*/ .fbox-plain.fbox-sm .fbox-icon i { font-size: 2rem; } .fbox-plain.fbox-lg .fbox-icon i { font-size: 4.5rem; } .fbox-plain.fbox-xl .fbox-icon i { font-size: 6rem; } /* Feature Box - Center & Large Icons -----------------------------------------------------------------*/ .fbox-center { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; text-align: center; } .fbox-center .fbox-icon { margin-bottom: 1.5rem; } /* Feature Box - Subtitle -----------------------------------------------------------------*/ .fbox-content + .fbox-icon { margin-top: 1.5rem; margin-bottom: 0 !important; } .fbox-content h3 span.subtitle { display: block; margin-top: 5px; /* color: #444; */ font-weight: 300; text-transform: none; } .fbox-center.fbox-sep:not(.fbox-bg) h3::after { content: ''; display: block; margin: 1.25rem auto; width: 2rem; height: 2px; /* background-color: #555; */ -webkit-transition: width .3s ease; -o-transition: width .3s ease; transition: width .3s ease; } .fbox-center.fbox-sep:not(.fbox-bg):hover h3::after { width: 3rem; } .fbox-center.fbox-italic p { font-style: italic; font-family: 'Lato', sans-serif; } /* Feature Box - Background -----------------------------------------------------------------*/ .fbox-bg.fbox-center { margin-top: 2rem; margin-left: 0; margin-right: 0; padding: 0 2rem 2rem; /* border: 1px solid #E5E5E5; */ border-radius: 5px; } .fbox-bg.fbox-center .fbox-icon { margin-top: -2rem; } .fbox-bg.fbox-center .fbox-icon { /* background-color: #FFF; */ } .fbox-bg.fbox-center.fbox-lg { margin-top: 3rem; } .fbox-bg.fbox-center.fbox-lg .fbox-icon { margin-top: -3rem; } .fbox-bg.fbox-center.fbox-xl { margin-top: 4rem; } .fbox-bg.fbox-center.fbox-xl .fbox-icon { margin-top: -4rem; } /* Animated Icon Hovers -----------------------------------------------------------------*/ .fbox-effect .fbox-icon i { z-index: 1; } .fbox-effect .fbox-icon i::after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fbox-rounded.fbox-effect .fbox-icon i::after { border-radius: 3px; } .fbox-effect .fbox-icon i { -webkit-transition: background-color 0.3s, color 0.3s; -o-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } .fbox-effect .fbox-icon i::after { top: -3px; left: -3px; padding: 3px; /* box-shadow: 0 0 0 2px #333; */ -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -webkit-transform: scale(.8); -moz-transition: -moz-transform 0.3s, opacity 0.3s; -moz-transform: scale(.8); -ms-transform: scale(.8); transition: transform 0.3s, opacity 0.3s; transform: scale(.8); opacity: 0; } .fbox-effect .fbox-icon i:hover, .fbox-effect:hover .fbox-icon i { /* background-color: #333; */ /* color: #FFF; */ } .fbox-effect.fbox-dark .fbox-icon i::after { /* box-shadow: 0 0 0 2px #f6901e; */ } .fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-effect.fbox-dark:hover .fbox-icon i { /* background-color: #f6901e; */ } .fbox-effect .fbox-icon i:hover::after, .fbox-effect:hover .fbox-icon i::after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Icon Effects - Bordered -----------------------------------------------------------------*/ .fbox-border.fbox-effect .fbox-icon i { -webkit-transition: color 0.5s, box-shadow 0.5s, background-color 0.5s; -o-transition: color 0.5s, box-shadow 0.5s, background-color 0.5s; transition: color 0.5s, box-shadow 0.5s, background-color 0.5s; } .fbox-border.fbox-effect .fbox-icon i::after { top: -2px; left: -2px; padding: 2px; z-index: -1; box-shadow: none; background-image: url('images/icons/iconalt.svg'); background-position: center center; background-size: 100% 100%; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, background-color 0.5s; -o-transition: -moz-transform 0.5s, opacity 0.5s, background-color 0.5s; transition: transform 0.5s, opacity 0.5s, background-color 0.5s; } .fbox-border.fbox-rounded.fbox-effect .fbox-icon i::after { border-radius: 3px; } .fbox-border.fbox-effect .fbox-icon i:hover, .fbox-border.fbox-effect:hover .fbox-icon i { /* color: #FFF; */ /* box-shadow: 0 0 0 1px #333; */ } .fbox-border.fbox-effect .fbox-icon i::after { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; /* background-color: #333; */ } .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { /* box-shadow: 0 0 0 1px #f6901e; */ } .fbox-border.fbox-effect.fbox-dark .fbox-icon i::after { /* background-color: #f6901e; */ } .fbox-border.fbox-effect .fbox-icon i:hover::after, .fbox-border.fbox-effect:hover .fbox-icon i::after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Media Featured Box -----------------------------------------------------------------*/ .media-box { padding: 0; margin-left: 0; margin-right: 0; -ms-flex-direction: column; flex-direction: column; } .media-box .fbox-media { margin: 0 0 1.5rem; } .media-box .fbox-media, .media-box .fbox-media a, .media-box .fbox-media img { position: relative; display: block; width: 100%; height: auto; } .media-box .fbox-media iframe { display: block; } .media-box p { margin-top: 1rem; } .media-box.fbox-bg .fbox-media { margin: 0; } .media-box.fbox-bg .fbox-content { padding: 1.5rem; /* background-color: #FFF; */ /* border: 1px solid #E5E5E5; */ border-top: 0; border-radius: 0 0 5px 5px; } .media-box.fbox-bg .fbox-media img { border-radius: 5px 5px 0 0; } /* ---------------------------------------------------------------- Flipbox -----------------------------------------------------------------*/ .flipbox { perspective: 1000px; } .flipbox-inner { transition: 0.5s; transition-timing-function: ease; position: relative; transform-style: preserve-3d; } .flipbox-front, .flipbox-back { -webkit-backface-visibility: hidden; } .flipbox-front { z-index: 2; } .flipbox-back { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .flipbox:not(.flipbox-vertical) .flipbox-front { transform: rotateY(0deg); } .flipbox:not(.flipbox-vertical) .flipbox-back { transform: rotateY(-180deg); } .flipbox.flipbox-vertical .flipbox-front { transform: rotateX(0deg); } .flipbox.flipbox-vertical .flipbox-back { transform: rotateX(-180deg); } .flipbox:not(.flipbox-vertical):hover .flipbox-inner, .flipbox:not(.flipbox-vertical).hover .flipbox-inner { transform: rotateY(180deg); } .flipbox.flipbox-vertical:hover .flipbox-inner, .flipbox.flipbox-vertical.hover .flipbox-inner { transform: rotateX(180deg); } /* ---------------------------------------------------------------- Process Steps -----------------------------------------------------------------*/ .process-steps { margin: 0 0 40px; list-style: none; } .process-steps li { position: relative; text-align: center; overflow: hidden; } .process-steps li .i-circled { margin-bottom: 0 !important; } .process-steps li .i-bordered { /* background-color: #FFF; */ } .process-steps li h5 { margin: 15px 0 0 0; font-size: 1rem; font-weight: 300; } .process-steps li.active h5, .process-steps li.ui-tabs-active h5 { font-weight: 600; /* color: #f6901e; */ } .process-steps li.active a, .process-steps li.ui-tabs-active a { /* background-color: #f6901e !important; */ /* color: #FFF; */ /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); */ /* border-color: #f6901e !important; */ } @media (min-width: 992px) { .process-steps li::before, .process-steps li::after { content: ''; position: absolute; top: 30px; left: 0; margin-left: -26px; width: 50%; /* border-top: 1px dashed #DDD; */ } .process-steps li::after { left: auto; right: 0; margin: 0 -26px 0 0; } .process-steps li:first-child::before, .process-steps li:last-child::after { display: none; } } /* ---------------------------------------------------------------- Alerts -----------------------------------------------------------------*/ .style-msg, .style-msg2 { position: relative; display: block; /* color: #444; */ /* border-left: 4px solid rgba(0, 0, 0, 0.1); */ margin-bottom: 20px; } .style-msg2 { /* border-left: 4px solid rgba(0, 0, 0, 0.2); */ } .successmsg { /* background: #d4edda; */ /* color: #155724; */ } .errormsg { /* background: #f8d7da; */ /* color: #721c24; */ } .infomsg { /* background: #d1ecf1; */ /* color: #0c5460; */ } .alertmsg { /* background: #fff3cd; */ /* color: #856404; */ } .style-msg .sb-msg, .style-msg2 .msgtitle, .style-msg2 .sb-msg { display: block; padding: 15px; /* border-left: 1px solid rgba(255, 255, 255, 0.5); */ font-size: 1rem; } .style-msg2 .msgtitle { /* background: rgba(0, 0, 0, 0.15); */ border-top: none; border-bottom: none; font-weight: bold; } .style-msg-light .sb-msg, .style-msg-light .msgtitle { /* color: #FFF; */ } .style-msg2 .sb-msg { font-weight: normal; } .style-msg2 ol, .style-msg2 ul { margin: 0 0 0 30px; } .style-msg2 ol { list-style-type: decimal; } .style-msg2 ul { list-style-type: disc; } .alert i, .sb-msg i, .msgtitle i { position: relative; top: 1px; font-size: 0.875rem; width: 14px; text-align: center; margin-right: 5px; } .style-msg .close { position: absolute; top: 10px; left: auto; right: 10px; } /* ---------------------------------------------------------------- Styled Icons -----------------------------------------------------------------*/ .i-rounded, .i-plain, .i-circled, .i-bordered, .social-icon { display: block; float: left; margin: 4px 11px 7px 0; text-align: center !important; font-size: 28px; /* color: #FFF; */ /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); */ cursor: pointer; font-style: normal; } body:not(.device-touch) .i-rounded, body:not(.device-touch) .i-plain, body:not(.device-touch) .i-circled, body:not(.device-touch) .i-bordered, body:not(.device-touch) .social-icon { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .i-rounded, .i-circled, .i-bordered { width: 52px !important; height: 52px !important; line-height: 52px !important; /* background-color: #444; */ border-radius: 3px; } .i-bordered { /* border: 1px solid #555; */ line-height: 50px !important; background-color: transparent !important; /* color: #444; */ text-shadow: none; } .i-plain { width: 36px !important; height: 36px !important; font-size: 28px; line-height: 36px !important; /* color: #444; */ /* text-shadow: 1px 1px 1px #FFF; */ } .i-plain:hover { /* color: #777; */ } .i-circled { border-radius: 50%; } .i-light { /* background-color: #F5F5F5; */ /* color: #444; */ /* text-shadow: 1px 1px 1px #FFF; */ /* box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2); */ } .i-alt { background-image: url('images/icons/iconalt.svg'); background-position: center center; background-size: 100% 100%; } .i-rounded:hover, .i-circled:hover { /* background-color: #f6901e; */ /* color: #FFF; */ /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); */ /* box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); */ } .i-bordered:hover { /* background-color: #444 !important; */ /* color: #FFF; */ /* border-color: #444; */ } /* Icon Size - Small -----------------------------------------------------------------*/ .i-small.i-rounded, .i-small.i-plain, .i-small.i-circled, .i-small.i-bordered { margin: 4px 11px 7px 0; font-size: 0.875rem; } .i-small.i-rounded, .i-small.i-circled, .i-small.i-bordered { width: 28px !important; height: 28px !important; line-height: 28px !important; } .i-small.i-bordered { line-height: 26px !important; } .i-small.i-plain { width: 18px !important; height: 18px !important; font-size: 0.875rem; line-height: 18px !important; } /* Icon Size - Small -----------------------------------------------------------------*/ .i-medium.i-rounded, .i-medium.i-plain, .i-medium.i-circled, .i-medium.i-bordered { margin: 6px 13px 9px 0; font-size: 21px; } .i-medium.i-rounded, .i-medium.i-circled, .i-medium.i-bordered { width: 36px !important; height: 36px !important; line-height: 36px !important; } .i-medium.i-bordered { line-height: 34px !important; } .i-medium.i-plain { width: 28px !important; height: 28px !important; font-size: 1.25rem; line-height: 28px !important; } /* Icon Size - Large -----------------------------------------------------------------*/ .i-large.i-rounded, .i-large.i-plain, .i-large.i-circled, .i-large.i-bordered { margin: 4px 11px 7px 0; font-size: 42px; } .i-large.i-rounded, .i-large.i-circled, .i-large.i-bordered { width: 64px !important; height: 64px !important; line-height: 64px !important; } .i-large.i-bordered { line-height: 62px !important; } .i-large.i-plain { width: 48px !important; height: 48px !important; font-size: 42px; line-height: 48px !important; } /* Icon Size - Extra Large -----------------------------------------------------------------*/ .i-xlarge.i-rounded, .i-xlarge.i-plain, .i-xlarge.i-circled, .i-xlarge.i-bordered { margin: 4px 11px 7px 0; font-size: 56px; } .i-xlarge.i-rounded, .i-xlarge.i-circled, .i-xlarge.i-bordered { width: 84px !important; height: 84px !important; line-height: 84px !important; } .i-xlarge.i-bordered { line-height: 82px !important; } .i-xlarge.i-plain { width: 64px !important; height: 64px !important; font-size: 56px; line-height: 64px !important; } /* Icon Size - Extra Extra Large -----------------------------------------------------------------*/ .i-xxlarge.i-rounded, .i-xxlarge.i-plain, .i-xxlarge.i-circled, .i-xxlarge.i-bordered { margin: 6px 15px 10px 0; font-size: 64px; } .i-xxlarge.i-rounded, .i-xxlarge.i-circled, .i-xxlarge.i-bordered { width: 96px !important; height: 96px !important; line-height: 96px !important; } .i-xxlarge.i-bordered { line-height: 94px !important; } .i-xxlarge.i-plain { width: 80px !important; height: 80px !important; font-size: 64px; line-height: 80px !important; } /* ---------------------------------------------------------------- Social Icons -----------------------------------------------------------------*/ .social-icon { margin: 0 5px 5px 0; width: 40px; height: 40px; font-size: 1.25rem; line-height: 38px !important; /* color: #555; */ text-shadow: none; /* border: 1px solid #AAA; */ border-radius: 3px; overflow: hidden; } .d-flex > .social-icon, .d-sm-flex > .social-icon, .d-md-flex > .social-icon, .d-lg-flex > .social-icon, .d-xl-flex > .social-icon { float: none; margin-bottom: 0px; } /* Social Icons - Rounded -----------------------------------------------------------------*/ .si-rounded { border-radius: 50%; } /* Social Icons - Borderless -----------------------------------------------------------------*/ .si-borderless { border-color: transparent !important; } /* Social Icons - Dark -----------------------------------------------------------------*/ .si-dark { /* background-color: #444; color: #FFF !important; */ border-color: transparent; } /* Social Icons - Light -----------------------------------------------------------------*/ .si-light { /* background-color: rgba(0, 0, 0, 0.05); color: #666 !important; */ border-color: transparent; } /* Social Icons - Colored -----------------------------------------------------------------*/ .si-colored { border-color: transparent !important; } .si-colored i { /* color: #FFF; */ } /* Social Icons - Large -----------------------------------------------------------------*/ .social-icon.si-large { margin: 0 10px 10px 0; width: 56px; height: 56px; font-size: 30px; line-height: 54px !important; } /* Social Icons - Small -----------------------------------------------------------------*/ .social-icon.si-small { width: 32px; height: 32px; font-size: 0.875rem; line-height: 30px !important; } .social-icon i { display: block; position: relative; } body:not(.device-touch) .social-icon i { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .social-icon i:last-child { /* color: #FFF !important; */ } .social-icon:hover i:first-child { margin-top: -38px; } .social-icon.si-large:hover i:first-child { margin-top: -54px; } .social-icon.si-small:hover i:first-child { margin-top: -30px; } .social-icon:hover { /* color: #555; */ border-color: transparent; } .si-colored.social-icon { border-color: transparent; } /* Social Icons - Sticky -----------------------------------------------------------------*/ .si-sticky { position: fixed; top: 50%; left: 5px; width: 36px; z-index: 499; transform: translateY(-50%); } /* Social Icons - Sticky Right -----------------------------------------------------------------*/ .si-sticky.si-sticky-right { left: auto; right: 8px; } /* Social Icons - Share -----------------------------------------------------------------*/ .si-share { position: relative; padding-left: 5px; /* border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; */ } .si-share span { line-height: 36px; font-weight: bold; font-size: 13px; } .si-share .social-icon { margin: -1px 0; border-radius: 0; font-size: 15px; } .si-facebook:hover, .si-colored.si-facebook { /* background-color: #3B5998 !important; */ } .si-delicious:hover, .si-colored.si-delicious { /* background-color: #205CC0 !important; */ } .si-paypal:hover, .si-colored.si-paypal { /* background-color: #00588B !important; */ } .si-flattr:hover, .si-colored.si-flattr { /* background-color: #F67C1A !important; */ } .si-android:hover, .si-colored.si-android { /* background-color: #A4C639 !important; */ } .si-smashmag:hover, .si-colored.si-smashmag { /* background-color: #E53B2C !important; */ } .si-gplus:hover, .si-colored.si-gplus { /* background-color: #DD4B39 !important; */ } .si-wikipedia:hover, .si-colored.si-wikipedia { /* background-color: #333 !important; */ } .si-stumbleupon:hover, .si-colored.si-stumbleupon { /* background-color: #F74425 !important; */ } .si-foursquare:hover, .si-colored.si-foursquare { /* background-color: #25A0CA !important; */ } .si-call:hover, .si-colored.si-call { /* background-color: #444 !important; */ } .si-ninetyninedesigns:hover, .si-colored.si-ninetyninedesigns { /* background-color: #F26739 !important; */ } .si-forrst:hover, .si-colored.si-forrst { /* background-color: #5B9A68 !important; */ } .si-digg:hover, .si-colored.si-digg { /* background-color: #191919 !important; */ } .si-spotify:hover, .si-colored.si-spotify { /* background-color: #81B71A !important; */ } .si-reddit:hover, .si-colored.si-reddit { /* background-color: #C6C6C6 !important; */ } .si-blogger:hover, .si-colored.si-blogger { /* background-color: #FC4F08 !important; */ } .si-cc:hover, .si-colored.si-cc { /* background-color: #688527 !important; */ } .si-dribbble:hover, .si-colored.si-dribbble { /* background-color: #EA4C89 !important; */ } .si-evernote:hover, .si-colored.si-evernote { /* background-color: #5BA525 !important; */ } .si-flickr:hover, .si-colored.si-flickr { /* background-color: #FF0084 !important; */ } .si-google:hover, .si-colored.si-google { /* background-color: #DD4B39 !important; */ } .si-instapaper:hover, .si-colored.si-instapaper { /* background-color: #333 !important; */ } .si-klout:hover, .si-colored.si-klout { /* background-color: #FF5F52 !important; */ } .si-linkedin:hover, .si-colored.si-linkedin { /* background-color: #0E76A8 !important; */ } .si-vk:hover, .si-colored.si-vk { /* background-color: #2B587A !important; */ } .si-rss:hover, .si-colored.si-rss { /* background-color: #EE802F !important; */ } .si-skype:hover, .si-colored.si-skype { /* background-color: #00AFF0 !important; */ } .si-twitter:hover, .si-colored.si-twitter { /* background-color: #00ACEE !important; */ } .si-youtube:hover, .si-colored.si-youtube { /* background-color: #C4302B !important; */ } .si-vimeo:hover, .si-colored.si-vimeo { /* background-color: #86C9EF !important; */ } .si-aim:hover, .si-colored.si-aim { /* background-color: #FCD20B !important; */ } .si-yahoo:hover, .si-colored.si-yahoo { /* background-color: #720E9E !important; */ } .si-email3:hover, .si-colored.si-email3 { /* background-color: #6567A5 !important; */ } .si-macstore:hover, .si-colored.si-macstore { /* background-color: #333333 !important; */ } .si-myspace:hover, .si-colored.si-myspace { /* background-color: #666666 !important; */ } .si-podcast:hover, .si-colored.si-podcast { /* background-color: #E4B21B !important; */ } .si-cloudapp:hover, .si-colored.si-cloudapp { /* background-color: #525557 !important; */ } .si-dropbox:hover, .si-colored.si-dropbox { /* background-color: #3D9AE8 !important; */ } .si-ebay:hover, .si-colored.si-ebay { /* background-color: #89C507 !important; */ } .si-github:hover, .si-colored.si-github { /* background-color: #171515 !important; */ } .si-googleplay:hover, .si-colored.si-googleplay { /* background-color: #DD4B39 !important; */ } .si-itunes:hover, .si-colored.si-itunes { /* background-color: #222 !important; */ } .si-plurk:hover, .si-colored.si-plurk { /* background-color: #CF5A00 !important; */ } .si-pinboard:hover, .si-colored.si-pinboard { /* background-color: #0000E6 !important; */ } .si-soundcloud:hover, .si-colored.si-soundcloud { /* background-color: #FF7700 !important; */ } .si-tumblr:hover, .si-colored.si-tumblr { /* background-color: #34526F !important; */ } .si-wordpress:hover, .si-colored.si-wordpress { /* background-color: #1E8CBE !important; */ } .si-yelp:hover, .si-colored.si-yelp { /* background-color: #C41200 !important; */ } .si-intensedebate:hover, .si-colored.si-intensedebate { /* background-color: #009EE4 !important; */ } .si-eventbrite:hover, .si-colored.si-eventbrite { /* background-color: #F16924 !important; */ } .si-scribd:hover, .si-colored.si-scribd { /* background-color: #666666 !important; */ } .si-stripe:hover, .si-colored.si-stripe { /* background-color: #008CDD !important; */ } .si-print:hover, .si-colored.si-print { /* background-color: #111 !important; */ } .si-dwolla:hover, .si-colored.si-dwolla { /* background-color: #FF5C03 !important; */ } .si-statusnet:hover, .si-colored.si-statusnet { /* background-color: #131A30 !important; */ } .si-acrobat:hover, .si-colored.si-acrobat { /* background-color: #D3222A !important; */ } .si-drupal:hover, .si-colored.si-drupal { /* background-color: #27537A !important; */ } .si-buffer:hover, .si-colored.si-buffer { /* background-color: #333333 !important; */ } .si-pocket:hover, .si-colored.si-pocket { /* background-color: #EE4056 !important; */ } .si-bitbucket:hover, .si-colored.si-bitbucket { /* background-color: #0E4984 !important; */ } .si-stackoverflow:hover, .si-colored.si-stackoverflow { /* background-color: #EF8236 !important; */ } .si-hackernews:hover, .si-colored.si-hackernews { /* background-color: #FF6600 !important; */ } .si-xing:hover, .si-colored.si-xing { /* background-color: #126567 !important; */ } .si-instagram:hover, .si-colored.si-instagram { /* background-color: #8A3AB9 !important; */ } .si-quora:hover, .si-colored.si-quora { /* background-color: #A82400 !important; */ } .si-openid:hover, .si-colored.si-openid { /* background-color: #E16309 !important; */ } .si-steam:hover, .si-colored.si-steam { /* background-color: #111 !important; */ } .si-amazon:hover, .si-colored.si-amazon { /* background-color: #E47911 !important; */ } .si-disqus:hover, .si-colored.si-disqus { /* background-color: #E4E7EE !important; */ } .si-plancast:hover, .si-colored.si-plancast { /* background-color: #222 !important; */ } .si-appstore:hover, .si-colored.si-appstore { /* background-color: #000 !important; */ } .si-pinterest:hover, .si-colored.si-pinterest { /* background-color: #C8232C !important; */ } .si-fivehundredpx:hover, .si-colored.si-fivehundredpx { /* background-color: #111 !important; */ } .si-tiktok:hover, .si-colored.si-tiktok { /* background-color: #000 !important; */ } .si-whatsapp:hover, .si-colored.si-whatsapp { /* background-color: #25D366 !important; */ } .si-tripadvisor:hover, .si-colored.si-tripadvisor { /* background-color: #00AF87 !important; */ } .si-gpay:hover, .si-colored.si-gpay { /* background-color: #6877DF !important; */ } .si-unsplash:hover, .si-colored.si-unsplash { /* background-color: #111 !important; */ } .si-snapchat:hover, .si-colored.si-snapchat { /* background-color: #FFFC00 !important; */ } /* Social Icons Text Color -----------------------------------------------------------------*/ .si-text-color.si-facebook i { /* color: #3B5998; */ } .si-text-color.si-delicious i { /* color: #205CC0; */ } .si-text-color.si-paypal i { /* color: #00588B; */ } .si-text-color.si-flattr i { /* color: #F67C1A; */ } .si-text-color.si-android i { /* color: #A4C639; */ } .si-text-color.si-smashmag i { /* color: #E53B2C; */ } .si-text-color.si-gplus i { /* color: #DD4B39; */ } .si-text-color.si-wikipedia i { /* color: #333; */ } .si-text-color.si-stumbleupon i { /* color: #F74425; */ } .si-text-color.si-foursquare i { /* color: #25A0CA; */ } .si-text-color.si-call i { /* color: #444; */ } .si-text-color.si-ninetyninedesigns i { /* color: #F26739; */ } .si-text-color.si-forrst i { /* color: #5B9A68; */ } .si-text-color.si-digg i { /* color: #191919; */ } .si-text-color.si-spotify i { /* color: #81B71A; */ } .si-text-color.si-reddit i { /* color: #C6C6C6; */ } .si-text-color.si-blogger i { /* color: #FC4F08; */ } .si-text-color.si-cc i { /* color: #688527; */ } .si-text-color.si-dribbble i { /* color: #EA4C89; */ } .si-text-color.si-evernote i { /* color: #5BA525; */ } .si-text-color.si-flickr i { /* color: #FF0084; */ } .si-text-color.si-google i { /* color: #DD4B39; */ } .si-text-color.si-instapaper i { /* color: #333; */ } .si-text-color.si-klout i { /* color: #FF5F52; */ } .si-text-color.si-linkedin i { /* color: #0E76A8; */ } .si-text-color.si-vk i { /* color: #2B587A; */ } .si-text-color.si-rss i { /* color: #EE802F; */ } .si-text-color.si-skype i { /* color: #00AFF0; */ } .si-text-color.si-twitter i { /* color: #00ACEE; */ } .si-text-color.si-youtube i { /* color: #C4302B; */ } .si-text-color.si-vimeo i { /* color: #86C9EF; */ } .si-text-color.si-aim i { /* color: #FCD20B; */ } .si-text-color.si-yahoo i { /* color: #720E9E; */ } .si-text-color.si-email3 i { /* color: #6567A5; */ } .si-text-color.si-macstore i { /* color: #333333; */ } .si-text-color.si-myspace i { /* color: #666666; */ } .si-text-color.si-podcast i { /* color: #E4B21B; */ } .si-text-color.si-cloudapp i { /* color: #525557; */ } .si-text-color.si-dropbox i { /* color: #3D9AE8; */ } .si-text-color.si-ebay i { /* color: #89C507; */ } .si-text-color.si-github i { /* color: #171515; */ } .si-text-color.si-googleplay i { /* color: #DD4B39; */ } .si-text-color.si-itunes i { /* color: #222; */ } .si-text-color.si-plurk i { /* color: #CF5A00; */ } .si-text-color.si-pinboard i { /* color: #0000E6; */ } .si-text-color.si-soundcloud i { /* color: #FF7700; */ } .si-text-color.si-tumblr i { /* color: #34526F; */ } .si-text-color.si-wordpress i { /* color: #1E8CBE; */ } .si-text-color.si-yelp i { /* color: #C41200; */ } .si-text-color.si-intensedebate i { /* color: #009EE4; */ } .si-text-color.si-eventbrite i { /* color: #F16924; */ } .si-text-color.si-scribd i { /* color: #666666; */ } .si-text-color.si-stripe i { /* color: #008CDD; */ } .si-text-color.si-print i { /* color: #111; */ } .si-text-color.si-dwolla i { /* color: #FF5C03; */ } .si-text-color.si-statusnet i { /* color: #131A30; */ } .si-text-color.si-acrobat i { /* color: #D3222A; */ } .si-text-color.si-drupal i { /* color: #27537A; */ } .si-text-color.si-buffer i { /* color: #333333; */ } .si-text-color.si-pocket i { /* color: #EE4056; */ } .si-text-color.si-bitbucket i { /* color: #0E4984; */ } .si-text-color.si-stackoverflow i { /* color: #EF8236; */ } .si-text-color.si-hackernews i { /* color: #FF6600; */ } .si-text-color.si-xing i { /* color: #126567; */ } .si-text-color.si-instagram i { /* color: #8A3AB9; */ } .si-text-color.si-quora i { /* color: #A82400; */ } .si-text-color.si-openid i { /* color: #E16309; */ } .si-text-color.si-steam i { /* color: #111; */ } .si-text-color.si-amazon i { /* color: #E47911; */ } .si-text-color.si-disqus i { /* color: #E4E7EE; */ } .si-text-color.si-plancast i { /* color: #222; */ } .si-text-color.si-appstore i { /* color: #000; */ } .si-text-color.si-pinterest i { /* color: #C8232C; */ } .si-text-color.si-fivehundredpx i { /* color: #111; */ } .si-text-color.si-tiktok i { /* color: #000; */ } .si-text-color.si-whatsapp i { /* color: #25D366; */ } .si-text-color.si-tripadvisor i { /* color: #00AF87; */ } .si-text-color.si-gpay i { /* color: #6877DF; */ } .si-text-color.si-unsplash i { /* color: #111; */ } .si-text-color.si-snapchat i { /* color: #FFFC00; */ } .si-text-color:hover { /* color: #FFF; */ } /* ---------------------------------------------------------------- Toggle -----------------------------------------------------------------*/ .toggle { display: block; position: relative; margin: 0 0 30px 0; } .toggle-header, .accordion-header { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px; cursor: pointer; /* color: #444; */ font-size: 1rem; font-weight: 700; } .toggle-icon, .accordion-icon { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; padding: 0 5px; text-align: center; } .toggle-icon i, .toggle-icon span { width: 1rem; } .toggle-title, .accordion-title { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding: 0 5px; } .toggle:not(.toggle-active) .toggle-open, .toggle-active .toggle-closed { display: none; } .toggle-active .toggle-open { display: inline-block; } .toggle-content, .accordion-content { display: none; position: relative; padding: 0.75rem 0; } /* Toggle - with Title Background -----------------------------------------------------------------*/ .toggle-bg .toggle-header { /* background-color: #EEE; */ margin: 0; padding: 0.75rem; border-radius: 2px; } .toggle-bg .toggle-content { padding: 1rem 0.75rem; } /* Toggle - Bordered -----------------------------------------------------------------*/ .toggle-border { /* border: 1px solid #CCC; */ border-radius: 4px; } .toggle-border .toggle-header { padding: 0.75rem; margin: 0; } .toggle-border .toggle-content { padding: 1rem; padding-top: 0; } /* Toggle - FAQs -----------------------------------------------------------------*/ .faqs .toggle { /* border-bottom: 1px solid #EEE; */ padding-bottom: 12px; margin-bottom: 12px; } .faqs .toggle-content { padding-bottom: 10px; } /* ---------------------------------------------------------------- Accordions -----------------------------------------------------------------*/ .accordion { margin-bottom: 20px; } .accordion-header { padding: 0.75rem 0; /* border-top: 1px dotted #DDD; */ cursor: pointer; } .accordion:not([data-collapsible="true"]) .accordion-header.accordion-active { cursor: auto; } .accordion-header:first-child { border-top: none; } .accordion-header:not(.accordion-active) .accordion-open, .accordion-active .accordion-closed { display: none; } .accordion-active .accordion-open { display: inline-block; } .accordion-content { padding-top: 0; padding-bottom: 1.5rem; } /* Accordion - with Title Background -----------------------------------------------------------------*/ .accordion-bg .accordion-header { /* background-color: #EEE; */ padding: 0.75rem; border-radius: 2px; margin: 0; margin-bottom: 5px; border-top: 0; } .accordion-bg .accordion-content { padding: 0.75rem 0.75rem 1.5rem; } /* Accordion - Bordered -----------------------------------------------------------------*/ .accordion-border { /* border: 1px solid #DDD; */ border-radius: 4px; } .accordion-border .accordion-header { /* border-color: #CCC; */ padding: 0.75rem; margin: 0; } .accordion-border .accordion-content { padding: 0 1.125rem 1.5rem; } /* Accordion - Large -----------------------------------------------------------------*/ .accordion-lg .accordion-header { font-size: 1.25rem; } /* ---------------------------------------------------------------- Tabs -----------------------------------------------------------------*/ .tabs { position: relative; margin: 0 0 30px 0; } .tab-nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; /* border-bottom: 1px solid #DDD; */ list-style: none; padding: 0 15px; } .tab-nav li { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; /* border: 1px solid #DDD; */ border-bottom: 0; border-left: 0; height: 41px; text-align: center; } .tabs-justify .tab-nav li { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; } .tab-nav li:first-child { /* border-left: 1px solid #DDD; */ } .tab-nav li a { display: block; padding: 0 15px; color: #444; height: 40px; line-height: 40px; /* background-color: #F2F2F2; */ font-weight: bold; } @media (max-width: 767.98px) { .tab-nav li a { font-size: 0.875rem; } } .tab-nav li.ui-tabs-active a { position: relative; top: 1px; /* background-color: #FFF; */ } /* Tabs - Alternate Nav -----------------------------------------------------------------*/ .tabs-alt .tab-nav li { border-color: transparent; } .tabs-alt .tab-nav li:first-child { border-left: 0; } .tabs-alt .tab-nav li a { /* background-color: #FFF; */ } .tabs-alt .tab-nav li.ui-tabs-active a { /* border: 1px solid #DDD; */ border-bottom: 0; } /* Tabs - Top Border -----------------------------------------------------------------*/ .tabs-tb .tab-nav li.ui-tabs-active a { top: -1px; height: 43px; line-height: 38px; /* border-top: 2px solid #f6901e; */ } .tabs-alt.tabs-tb .tab-nav li.ui-tabs-active a { height: 42px; } /* Tabs - Bottom Border -----------------------------------------------------------------*/ .tabs-bb .tab-nav { padding: 0; } .tabs-bb .tab-nav li { border: 0 !important; margin: 0; } .tabs-bb .tab-nav li a { background-color: transparent; border-bottom: 2px solid transparent; } .tabs-bb .tab-nav li.ui-tabs-active a { /* border-bottom: 2px solid #f6901e; */ top: -2px; height: 44px; line-height: 44px; } /* Tabs - Navigation Style 2 -----------------------------------------------------------------*/ .tab-nav.tab-nav2 { border-bottom: 0; padding: 0; } .tab-nav.tab-nav2 li { border: 0; margin-left: 10px; } .tab-nav.tab-nav2 li:first-child { margin-left: 0; border-left: 0; } .tab-nav.tab-nav2 li a { /* background-color: #F5F5F5; */ border-radius: 2px; /* box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); */ } .tab-nav.tab-nav2 li.ui-state-active a { top: 0; /* background-color: #f6901e; */ /* color: #FFF; */ } /* Tabs - Large Navigation -----------------------------------------------------------------*/ .tab-nav-lg { margin-bottom: 20px; list-style: none; } .tab-nav-lg li { position: relative; text-align: center; padding: 1rem; } .tab-nav-lg li a { display: inline-block; /* color: #444; */ font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; } .tab-nav.tab-nav-lg li i { display: block; font-size: 28px; margin: 0 0 7px; } .tab-nav-lg li.ui-tabs-active a { /* color: #f6901e; */ } .tab-nav-lg.tab-nav-section li.ui-tabs-active::before, .tab-nav-lg.tab-nav-section li.ui-tabs-active::after { content: ''; position: absolute; z-index: 2; top: auto; bottom: -50px; border: solid transparent; } .tab-nav-lg.tab-nav-section li.ui-tabs-active::after { /* border-top-color: #FFF; */ border-width: 16px; left: 50%; margin-left: -16px; } .tab-nav-lg.tab-nav-section li.ui-tabs-active::before { /* border-top-color: #FFF; */ border-width: 16px; left: 50%; margin-left: -16px; } /* Tabs - Content Area -----------------------------------------------------------------*/ .tab-container { position: relative; padding: 20px 0 0; } .tabs .tab-content:not(:first-child) { display: none; } .tab-nav i { position: relative; top: 1px; margin-right: 3px; } /* Tabs - Bordered -----------------------------------------------------------------*/ .tabs-bordered .tab-nav { padding: 0; } .tabs-bordered .tab-nav li:first-child { margin-left: 0; } .tabs-bordered .tab-container { /* border: 1px solid #DDD; */ border-top: 0; padding: 20px; } /* Tabs - Side Tabs -----------------------------------------------------------------*/ @media (min-width: 768px) { .side-tabs { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .side-tabs .tab-nav { -ms-flex: 0 0 auto; flex: 0 0 auto; flex-flow: column; min-width: 200px; width: auto; max-width: 100%; padding: 20px 0; border-bottom: 0; /* border-right: 1px solid #DDD; */ } .side-tabs .tab-nav li { /* border: 1px solid #DDD; */ border-right: 0; border-top: 0; height: auto; text-align: left; } .side-tabs .tab-nav li:first-child { margin-left: 0; /* border-top: 1px solid #DDD; */ /* border-left: 1px solid #DDD; */ } .side-tabs .tab-nav li a { height: auto; line-height: 44px; } .side-tabs .tab-nav li.ui-tabs-active a { top: 0; right: -1px; } .side-tabs .tab-container { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; padding: 15px 0 0 20px; } .ui-tabs .ui-tabs-hide { position: absolute !important; left: -10000px !important; display: block !important; } /* Tabs - Side Tabs & Nav Style 2 -----------------------------------------------------------------*/ .side-tabs .tab-nav.tab-nav2 { border: 0; } .side-tabs .tab-nav.tab-nav2 li { border: 0; margin: 6px 0 0; } .side-tabs .tab-nav.tab-nav2 li:first-child { margin-top: 0; } .side-tabs .tab-nav.tab-nav2 li a { /* box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); */ } .side-tabs .tab-nav.tab-nav2 li.ui-state-active a { right: 0; } /* Tabs - Side Tabs & Bordered -----------------------------------------------------------------*/ .tabs-bordered.side-tabs .tab-nav { position: relative; padding: 0; z-index: 2; margin-right: -1px; } .tabs-bordered.side-tabs .tab-nav li a { height: auto; line-height: 44px; } .tabs-bordered.side-tabs .tab-nav li.ui-tabs-active a { right: -1px; /* border-right: 1px solid #FFF; */ } .tabs-bordered.side-tabs .tab-container { overflow: hidden; padding: 20px; /* border-top: 1px solid #DDD; */ } } /* ---------------------------------------------------------------- Side Navigation -----------------------------------------------------------------*/ .sidenav { width: 100%; padding: 0; /* background-color: #FFF; */ border-radius: 4px; } .sidenav li { list-style-type: none; } .sidenav li a { display: block; position: relative; margin: 0 0 -1px; padding: 11px 20px 11px 14px; /* border: 1px solid #E5E5E5; */ border-right-width: 2px; /* color: #666; */ } .sidenav > li:first-child > a { border-radius: 4px 4px 0 0; } .sidenav > li:last-child > a { border-radius: 0 0 4px 4px; border-bottom-width: 2px; } .sidenav > .ui-tabs-active > a, .sidenav > .ui-tabs-active > a:hover { position: relative; z-index: 2; /* border-color: rgba(0, 0, 0, 0.1) !important; */ /* color: #FFF !important; */ font-weight: 700; /* background-color: #f6901e !important; */ /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); */ } .sidenav li ul { display: none; } .sidenav li.ui-tabs-active ul { display: block; } .sidenav li li a { padding: 6px 20px 6px 35px; font-size: 0.875rem; border-top: none; border-bottom: none; } .sidenav li li:first-child a { padding-top: 20px; } .sidenav li li:last-child a { padding-bottom: 20px; } .sidenav li i { position: relative; top: 1px; margin-right: 6px; font-size: 0.875rem; text-align: center; width: 16px; } /* Chevrons */ .sidenav .icon-chevron-right { position: absolute; width: 14px; height: 14px; top: 50%; left: auto; right: 6px; margin-top: -8px; margin-right: 0; opacity: .4; font-size: 12px !important; } .sidenav > li > a:hover { /* background-color: #F5F5F5; */ /* color: #222; */ } .sidenav a:hover .icon-chevron-right { opacity: .5; } .sidenav .ui-tabs-active .icon-chevron-right, .sidenav .ui-tabs-active a:hover .icon-chevron-right { opacity: 1; } /* ---------------------------------------------------------------- FAQ List -----------------------------------------------------------------*/ .faqlist li { margin-bottom: 5px; font-size: 15px; } .faqlist li a { /* color: #444; */ } .faqlist li a:hover { /* color: #f6901e !important; */ } /* ---------------------------------------------------------------- Clients -----------------------------------------------------------------*/ .clients-grid, .testimonials-grid { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; list-style: none; overflow: hidden; } .clients-grid .grid-item, .testimonials-grid .grid-item { position: relative; padding: 20px 0; -webkit-backface-visibility: hidden; } .clients-grid .grid-item a { opacity: 0.6; } body:not(.device-touch) .clients-grid .grid-item a { -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .clients-grid .grid-item a:hover { opacity: 1; } .clients-grid .grid-item a, .clients-grid .grid-item img { display: block; width: 75%; margin-left: auto; margin-right: auto; } .clients-grid .grid-item a img { width: 100%; } .clients-grid .grid-item::before, .clients-grid .grid-item::after, .testimonials-grid .grid-item::before, .testimonials-grid .grid-item::after { content: ''; position: absolute; } .clients-grid .grid-item::before, .testimonials-grid .grid-item::before { height: 100%; top: 0; left: -1px; /* border-left: 1px dashed #DDD; */ } .clients-grid .grid-item::after, .testimonials-grid .grid-item::after { width: 100%; height: 0; top: auto; left: 0; bottom: -1px; /* border-bottom: 1px dashed #DDD; */ } /* ---------------------------------------------------------------- Testimonials -----------------------------------------------------------------*/ /* Testimonials - Grid -----------------------------------------------------------------*/ .testimonials-grid .grid-item { padding: 2rem; } .testimonials-grid .grid-item .testimonial { padding: 0; background-color: transparent !important; border: 0 !important; box-shadow: none !important; } /* Testimonials - Item -----------------------------------------------------------------*/ .testimonial { position: relative; padding: 20px; /* background-color: #FFF; */ /* border: 1px solid rgba(0, 0, 0, 0.1); */ border-radius: 5px; /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); */ } .testi-image { float: left; margin-right: 15px; } .testi-image, .testi-image a, .testi-image img, .testi-image i { display: block; width: 64px; height: 64px; } .testi-image i { text-align: center; /* background-color: #EEE; */ border-radius: 50%; line-height: 64px; font-size: 28px; /* color: #888; */ /* text-shadow: 1px 1px 1px #FFF; */ } .testi-image img { border-radius: 50%; } .testi-content { position: relative; overflow: hidden; } .testi-content p { margin-bottom: 0; font-family: 'PT Serif', serif; font-style: italic; } .testi-content p::before, .testi-content p::after { content: '"'; } .testi-meta { margin-top: 10px; font-size: 15px; font-weight: bold; text-transform: uppercase; } .testi-meta::before { content: '\2013'; } .testi-meta span { display: block; font-weight: normal; /* color: #999; */ font-size: 13px; text-transform: none; padding-left: 10px; } /* Twitter - Small Scroller -----------------------------------------------------------------*/ .testimonial.twitter-scroll .testi-content p::before, .testimonial.twitter-scroll .testi-content p::after, .testimonial.twitter-scroll .testi-meta::before { content: ''; } .testimonial.twitter-scroll .testi-meta span { padding-left: 0; } .testimonial.twitter-scroll .testi-meta span a { /* color: #999; */ } .testimonial.twitter-scroll .testi-meta span a:hover { /* color: #222; */ } /* Testimonials - Full Width -----------------------------------------------------------------*/ .testimonial.testimonial-full { padding: 30px; } .testimonial.testimonial-full[data-animation="fade"] { padding: 30px; } .testimonial.testimonial-full[data-animation="fade"] .flexslider { overflow: visible !important; } .testimonial-full .testi-image { float: none; margin: 0 auto 20px; } .testimonial-full .testi-image, .testimonial-full .testi-image a, .testimonial-full .testi-image img, .testimonial-full .testi-image i { display: block; width: 72px; height: 72px; } .testimonial-full .testi-image i { line-height: 72px; } .testimonial-full .testi-content { text-align: center; font-size: 18px; } .testimonial-full .testi-meta { margin-top: 15px; } .testimonial-full .testi-meta span { padding-left: 0; } /* Testimonial - Section Scroller -----------------------------------------------------------------*/ .section > .testimonial { padding: 0; background-color: transparent !important; border: 0 !important; box-shadow: none !important; max-width: 800px; margin: 0 auto; } .section > .testimonial[data-animation="fade"] { padding: 0; } .section > .testimonial .testi-content { font-size: 1.25rem; } .section > .testimonial .testi-meta, .section > .testimonial .testi-meta span { font-size: 0.875rem; } /* Testimonial - Pagination -----------------------------------------------------------------*/ .testimonial .flex-control-nav { top: auto; bottom: 6px; right: 0; } .testimonial .flex-control-nav li { margin: 0 2px; width: 6px; height: 6px; } .testimonial .flex-control-nav li a { width: 6px !important; height: 6px !important; border: none; /* background-color: #f6901e; */ opacity: 0.5; } .testimonial .flex-control-nav li:hover a { opacity: 0.75; } .testimonial .flex-control-nav li a.flex-active { opacity: 1; } /* Testimonial - Full Scroller -----------------------------------------------------------------*/ .testimonial.testimonial-full .flex-control-nav { position: relative; top: 0; bottom: 0; right: 0; left: 0; height: 6px; margin-top: 20px; } .testimonial.testimonial-full .flex-control-nav li { display: inline-block; float: none; } /* ---------------------------------------------------------------- Team -----------------------------------------------------------------*/ .team, .team-image { position: relative; } .team-image > a, .team-image img { display: block; width: 100%; } .team-desc { text-align: center; } .team-desc.team-desc-bg { /* background-color: #FFF; */ padding: 10px 0 30px; } .team .si-share { margin-top: 30px; text-align: left; } .team .si-share .social-icon { font-size: 0.875rem; width: 34px; } .team-title { position: relative; padding-top: 20px; } .team-title h4 { display: block; margin-bottom: 0; font-size: 1.25rem; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } .team-title span { display: block; /* color: #f6901e; */ font-weight: 400; font-family: 'PT Serif', serif; font-style: italic; font-size: 1rem; margin-top: 5px; } .team-content { margin-top: 1rem; /* color: #777; */ } .team-content p:last-child { margin-bottom: 0; } /* Team Center -----------------------------------------------------------------*/ .team.center .team-title::after { left: 50%; margin-left: -40px; } /* Team List -----------------------------------------------------------------*/ .team-list .team-desc { text-align: left; } .team-list .team-title { padding-top: 0; } .team .team-desc > .social-icon { margin-top: 20px; } .team .team-content ~ .social-icon { margin-top: 30px; } .team:not(.team-list) .social-icon { display: inline-block !important; vertical-align: middle; float: none; margin-left: 4px; margin-right: 4px; } /* ---------------------------------------------------------------- Pricing Boxes -----------------------------------------------------------------*/ .pricing { position: relative; } .pricing [class^=col-] { margin-top: 1.25rem; } /* Pricing Boxes -----------------------------------------------------------------*/ .pricing-box { position: relative; overflow: hidden; /* border: 1px solid rgba(0, 0, 0, 0.075); */ border-radius: 3px; /* background-color: #FFF; */ } /* Pricing Boxes - Title -----------------------------------------------------------------*/ .pricing-title { padding: 1rem 0; /* background-color: #F9F9F9; */ /* border-bottom: 1px solid rgba(0, 0, 0, 0.075); */ letter-spacing: 1px; } .pricing-title h3 { margin: 0; font-size: 1.5rem; font-weight: bold; /* color: #555; */ } .pricing-title span { display: block; /* color: #777; */ font-size: 1rem; margin: 3px 0; } .pricing-title.title-sm h3 { font-size: 1.25rem; } .pricing-title.title-sm span { font-size: 0.875rem; } /* Pricing Boxes - Price -----------------------------------------------------------------*/ .pricing-price { position: relative; padding: 1.5rem 0; /* color: #333; */ font-size: 4rem; line-height: 1; } .pricing-price .price-unit { display: inline-block; vertical-align: top; margin: 7px 3px 0 0; font-size: 28px; font-weight: normal; } .pricing-price .price-tenure { vertical-align: baseline; font-size: 1rem; font-weight: normal; letter-spacing: 1px; /* color: #999; */ margin: 0 0 0 3px; } /* Pricing Boxes - Features -----------------------------------------------------------------*/ .pricing-features { /* border-top: 1px solid rgba(0, 0, 0, 0.075); */ /* border-bottom: 1px solid rgba(0, 0, 0, 0.075); */ /* background-color: #F9F9F9; */ padding: 2rem 0; } .pricing-features ul { margin: 0; list-style: none; } .pricing-features li { padding: 0.375rem 0; } /* Pricing Boxes - Action -----------------------------------------------------------------*/ .pricing-action { padding: 1.25rem 0; } /* Pricing Boxes - Best Price -----------------------------------------------------------------*/ .pricing-highlight { /* box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); */ z-index: 10; } .pricing-highlight { margin: -20px -1px; } .pricing-highlight .pricing-title { padding: 20px 0; } .pricing-highlight .pricing-title, .pricing-highlight .pricing-features { /* background-color: #fff; */ } .pricing-highlight .pricing-price { font-size: 72px; } /* Pricing Boxes - Simple -----------------------------------------------------------------*/ .pricing-simple, .pricing-simple .pricing-title, .pricing-simple .pricing-features { border: 0; } .pricing-simple .pricing-title, .pricing-simple .pricing-features { background-color: transparent; } /* Pricing Boxes - Minimal -----------------------------------------------------------------*/ .pricing-minimal .pricing-price { /* background-color: #FFF; */ /* border-bottom: 1px solid rgba(0, 0, 0, 0.075); */ } .pricing-minimal .pricing-price::after { display: none; } /* Pricing Boxes - Extended -----------------------------------------------------------------*/ .pricing-extended { /* background-color: #FFF; */ text-align: left; } .pricing-extended .pricing-title { background-color: transparent; padding-top: 0; } .pricing-extended .pricing-features { border: 0; background-color: transparent; } .pricing-extended .pricing-action-area { /* border-left: 1px solid rgba(0, 0, 0, 0.05); */ /* background-color: #F9F9F9; */ padding: 30px; text-align: center; } .pricing-extended .pricing-action-area .pricing-price, .pricing-extended .pricing-action-area .pricing-action { padding: 0; } .pricing-extended .pricing-action-area .pricing-price { padding-bottom: 20px; } .pricing-extended .pricing-action-area .pricing-price::after { display: none; } .pricing-extended .pricing-action-area .pricing-price span.price-tenure { display: block; margin: 10px 0 0 0; font-weight: 300; text-transform: uppercase; font-size: 0.875rem; } .pricing-extended .pricing-meta { /* color: #999; */ font-weight: 300; font-size: 0.875rem; letter-spacing: 1px; text-transform: uppercase; padding-bottom: 10px; } .table-comparison, .table-comparison th { text-align: center; } .table-comparison th:first-child, .table-comparison td:first-child { text-align: left; font-weight: bold; } /* ---------------------------------------------------------------- Counter -----------------------------------------------------------------*/ .counter { font-size: 42px; font-weight: 600; font-family: 'Poppins', sans-serif; } .counter.counter-small { font-size: 28px; } .counter.counter-large { font-size: 56px; } .counter.counter-xlarge { font-size: 64px; font-weight: 400; } .counter.counter-inherit { font-size: inherit; font-weight: inherit; } .counter + h5 { font-weight: 400; text-transform: uppercase; letter-spacing: 1px; } .counter.counter-lined + h5::before { display: block; position: relative; margin: 20px auto 25px auto; content: ''; width: 15%; /* border-top: 2px solid #444; */ opacity: 0.9; } .counter.counter-small + h5 { font-size: 0.875rem; } .counter.counter-large + h5, .counter.counter-xlarge + h5 { font-size: 15px; font-weight: 300; } .widget .counter + h5 { opacity: 0.7; } /* ---------------------------------------------------------------- Animated Rounded Skills -----------------------------------------------------------------*/ .rounded-skill { display: inline-block; margin: 0 15px 15px; display: inline-block; position: relative; text-align: center; font-size: 1.25rem; font-weight: bold; /* color: #333; */ } body:not(.device-touch) .rounded-skill { -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; } .rounded-skill + h5 { margin-bottom: 0; } .rounded-skill i { font-size: 42px; } .rounded-skill canvas { position: absolute; top: 0; left: 0; } /* ---------------------------------------------------------------- Skills Bar -----------------------------------------------------------------*/ .skills { margin: 0; list-style: none; padding-top: 25px; } .skills li { position: relative; margin-top: 38px; height: 4px; /* background-color: #F5F5F5; */ /* box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); */ border-radius: 2px; } .skills li:first-child { margin-top: 0; } .skills li .progress { position: absolute; top: 0; left: 0; width: 0; height: 100%; /* background-color: #f6901e; */ overflow: visible !important; border-radius: 2px; -webkit-transition: width 1.2s ease-in-out; -o-transition: width 1.2s ease-in-out; transition: width 1.2s ease-in-out; } .skills li .progress-percent { position: absolute; top: -28px; right: 0; /* background-color: #333; */ /* color: #F9F9F9; */ /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); */ height: 22px; line-height: 22px; padding: 0px 5px; font-size: 11px; border-radius: 2px; } .skills li .progress-percent .counter { font-weight: 400; font-family: 'Lato', sans-serif; } .progress-percent::after, .progress-percent::before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .progress-percent::after { /* border-top-color: #333; */ border-width: 4px; left: 50%; margin-left: -4px; } .progress-percent::before { /* border-top-color: #333; */ border-width: 5px; left: 50%; margin-left: -5px; } .skills li > span { position: absolute; z-index: 1; top: -23px; left: 0; line-height: 20px; font-size: 12px; font-weight: bold; text-transform: uppercase; /* color: #222; */ } /* ---------------------------------------------------------------- Quotes & Blockquotes -----------------------------------------------------------------*/ blockquote p { margin-bottom: 15px; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 1.125rem; /* border-left: 5px solid #EEE; */ } .blockquote-reverse { padding-right: 15px; padding-left: 0; /* border-right: 5px solid #EEE; */ border-left: 0; text-align: right; } blockquote.float-left { max-width: 300px; margin: 5px 20px 10px 0; padding-right: 0; } blockquote.float-right { max-width: 300px; margin: 5px 0 10px 20px; padding-left: 0; } .quote { border: none !important; position: relative; } .quote p { position: relative; } .quote::before { font-family: 'font-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; content: "\e7ad"; position: absolute; width: 48px; height: 48px; line-height: 48px; font-size: 42px; top: 0; left: 0; color: #EEE; } .quote.blockquote-reverse::before { content: "\e7ae"; left: auto; right: 0; } /* ---------------------------------------------------------------- Dropcaps & Highlights -----------------------------------------------------------------*/ .dropcap { float: left; font-size: 42px; line-height: 1; margin: 0 5px 0 0; text-transform: uppercase; } .highlight { padding: 2px 5px; /* background-color: #444; */ /* color: #FFF; */ border-radius: 2px; } /* ---------------------------------------------------------------- Text Rotater -----------------------------------------------------------------*/ .text-rotater .t-rotate:not(.morphext) { display: none; } .text-rotater > .t-rotate > .animated { display: inline-block; } /* ---------------------------------------------------------------- Owl Carousel CSS -----------------------------------------------------------------*/ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { -webkit-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel { display: none; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; width: 100%; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel.owl-loaded { display: block } .owl-carousel.owl-loading { display: block; min-height: 100px; background: no-repeat center center; } .owl-carousel .owl-refresh .owl-item { display: none } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .slider-element .owl-carousel .owl-item img { -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-nav .owl-prev, .owl-nav .owl-next, .owl-dot, .owl-dots button { cursor: pointer; cursor: hand; padding: 0; border: 0; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .mega-menu-content .owl-carousel.owl-hidden { opacity: 1; } .owl-carousel.owl-refresh .owl-item { display: none; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease } .owl-carousel .owl-item img { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; /* background: #111 */ } .owl-carousel .owl-video-play-icon { position: absolute; height: 64px; width: 64px; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; background: url("images/icons/play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* Owl Carousel - Controls -----------------------------------------------------------------*/ .owl-carousel .owl-dots, .owl-carousel .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; line-height: 1; } /* Owl Carousel - Controls - Arrows -----------------------------------------------------------------*/ .owl-carousel .owl-nav [class*=owl-] { position: absolute; top: 50%; margin-top: -18px; left: 0; zoom: 1; width: 36px; height: 36px; line-height: 32px; /* border: 1px solid rgba(0, 0, 0, 0.2); */ /* color: #666; */ /* background-color: #FFF; */ font-size: 18px; border-radius: 50%; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .owl-carousel.with-carousel-dots .owl-nav [class*=owl-] { margin-top: -38px; } .slider-element .owl-nav [class*=owl-], .owl-carousel-full .owl-nav [class*=owl-] { margin-top: -30px; left: 0 !important; height: 60px; line-height: 60px; border: none; /* color: #EEE; */ /* background-color: rgba(0, 0, 0, 0.4); */ font-size: 28px; border-radius: 0 3px 3px 0; } .owl-carousel-full .with-carousel-dots .owl-nav [class*=owl-] { margin-top: -50px; } .owl-carousel .owl-nav .owl-next { left: auto; right: 0; } .slider-element .owl-nav .owl-next, .owl-carousel-full .owl-nav .owl-next { left: auto !important; right: 0 !important; border-radius: 3px 0 0 3px; } .owl-carousel:hover .owl-nav [class*=owl-] { opacity: 1; left: 0; } .owl-carousel:hover .owl-nav .owl-next { left: auto; right: 0; } .owl-carousel .owl-nav [class*=owl-]:hover { /* background-color: #f6901e !important; */ /* color: #FFF !important; */ text-decoration: none; } .owl-carousel .owl-nav .disabled { display: none !important; } /* Owl Carousel - Controls - Dots -----------------------------------------------------------------*/ .owl-carousel .owl-dots .owl-dot { display: inline-block; zoom: 1; width: 8px; height: 8px; margin: 30px 4px 0 4px; opacity: 0.5; border-radius: 50%; /* background-color: #f6901e; */ -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot:hover { opacity: 1; } /* ---------------------------------------------------------------- Flip Cards -----------------------------------------------------------------*/ .flip-card { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; perspective: 1000px; } .flip-card-front, .flip-card-back { background-size: cover; background-position: center; -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 280px; border-radius: 6px; /* color: #FFF; */ font-size: 1.5rem; } .flip-card-back { /* background-color: #666; */ } .flip-card:hover .flip-card-front, .flip-card:hover .flip-card-back { -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); } .flip-card-front.no-after::after, .flip-card-back.no-after::after { content: none } .flip-card-front::after, .flip-card-back::after { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ""; display: block; opacity: 0.6; /* background-color: #000; */ -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 6px; } .flip-card-back { position: absolute; top: 0; left: 0; width: 100%; } .flip-card-inner { -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94); transform: translateY(-50%) translateZ(60px) scale(0.94); top: 50%; position: absolute; left: 0; width: 100%; padding: 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 1px solid transparent; -webkit-perspective: inherit; perspective: inherit; z-index: 2; } .flip-card-back { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .flip-card-front, .flip-card:hover .flip-card-back { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .flip-card:hover .flip-card-front { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .top-to-bottom .flip-card-back { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .top-to-bottom .flip-card-front, .top-to-bottom:hover .flip-card-back { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .top-to-bottom:hover .flip-card-front { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .flip-card-inner span { font-size: 18px; line-height: 20px; font-weight: 300; } .flip-card-inner p { position: relative; font-size: 1rem; margin-bottom: 0; /* color: rgba(255, 255, 255, 0.7); */ } /*.owl-carousel .owl-stage { padding: 20px 0; }*/ /* ---------------------------------------------------------------- Overlays -----------------------------------------------------------------*/ .bg-overlay, .bg-overlay-bg, .bg-overlay-content { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; } .bg-overlay [data-hover-animate]:not(.animated) { opacity: 0; } .bg-overlay { z-index: 5; } .bg-overlay-content { display: -ms-flexbox; display: flex; align-items: center; justify-content: center; z-index: 1; padding: 20px; } .bg-overlay-bg { /* background-color: rgba(255, 255, 255, 0.85); */ } .dark .bg-overlay-bg, .bg-overlay-bg.dark { /* background-color: rgba(0, 0, 0, 0.5); */ } .text-overlay-mask { opacity: 0.85; top: auto; bottom: 0; height: auto; padding: 40px 15px 15px; /* background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); */ /* FF3.6+ */ /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85))); */ /* Chrome,Safari4+ */ /* background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); */ /* Chrome10+,Safari5.1+ */ /* background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); */ /* Opera 11.10+ */ /* background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); */ /* IE10+ */ /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); */ /* W3C */ /* filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); */ /* IE6-9 */ } .overlay-trigger-icon { display: block; width: 40px; height: 40px; line-height: 40px; margin: 0 0.25rem; font-size: 1.125rem; text-align: center; border-radius: 50%; -webkit-backface-visibility: hidden; transition: all .3s ease; } .overlay-trigger-icon .icon-line-play { position: relative; left: 2px; } .overlay-trigger-icon.size-sm { width: 30px; height: 30px; line-height: 30px; margin: 0 0.5rem; font-size: 0.875rem; } .overlay-trigger-icon.size-lg { width: 64px; height: 64px; line-height: 64px; margin: 0 0.5rem; font-size: 1.5rem; } /* News Carousel Overlays -----------------------------------------------------------------*/ .news-carousel .rounded-skill { position: absolute; margin: 0 !important; top: 30px; right: 30px; /* color: #FFF; */ font-weight: 700; } /* ---------------------------------------------------------------- Forms -----------------------------------------------------------------*/ .sm-form-control { display: block; width: 100%; height: 38px; padding: 8px 14px; font-size: 15px; line-height: 1.42857143; /* color: #555555; */ /* background-color: #ffffff; */ background-image: none; /* border: 2px solid #DDD; */ border-radius: 0 !important; -webkit-transition: border-color ease-in-out .15s; -o-transition: border-color ease-in-out .15s; transition: border-color ease-in-out .15s; } .sm-form-control:focus { /* border-color: #AAA; */ outline: 0; -webkit-box-shadow: none; box-shadow: none; } .sm-form-control::-moz-placeholder { /* color: #999; */ opacity: 1; } .sm-form-control:-ms-input-placeholder { /* color: #999; */ } .sm-form-control::-webkit-input-placeholder { /* color: #999; */ } .sm-form-control[disabled], .sm-form-control[readonly], fieldset[disabled] .sm-form-control { cursor: not-allowed; /* background-color: #eeeeee; */ opacity: 1; } .sm-form-control { height: auto; } .form-control { border-radius: 3px; /* border: 1px #059e0f solid !important; */ } .login-register input, .form-group input { /* border: 1px #059e0f solid !important; */ } .form-control:active, .form-control:focus { /* border-color: #999; */ box-shadow: none; } label { display: inline-block; font-size: 13px; font-weight: 300; text-transform: uppercase; letter-spacing: 1px; /* color: #b5b5b5; */ margin-bottom: 10px; cursor: pointer; } label.label-muted { color: #999; font-weight: normal; margin-right: 5px; } /* ---------------------------------------------------------------- Contact Form -----------------------------------------------------------------*/ .contact-form-overlay { position: relative; /* background-color: #FFF; */ z-index: 10; border-radius: 4px; /* box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); */ } label.error { margin-top: 5px; /* color: #E42C3E; */ font-weight: 400; } label.error { display: none !important; } .show-error-msg + label.error { display: block !important; } input[type=checkbox]:not(:checked) + label.error { display: block !important; } .form-control.error, .sm-form-control.error { /* border-color: #E42C3E; */ } /* ---------------------------------------------------------------- Google Maps -----------------------------------------------------------------*/ .gmap { position: relative; width: 100%; height: 450px; } .gmap img { max-width: none !important; } .gm-style .gm-style-iw h3 span { font-size: inherit; font-family: inherit; } #map-overlay { position: relative; padding: 100px 0; } #map-overlay .gmap { position: absolute; height: 100%; top: 0; left: 0; } /* ---------------------------------------------------------------- Google Custom Search -----------------------------------------------------------------*/ #content .cse .gsc-control-cse, #content .gsc-control-cse, #content .gsc-above-wrapper-area, #content .gsc-adBlock, #content .gsc-thumbnail-inside, #content .gsc-url-top, #content .gsc-table-result, #content .gsc-webResult, #content .gsc-result { padding: 0 !important; } #content .gsc-selected-option-container { width: auto !important; } #content .gsc-result-info { padding-left: 0 !important; } #content .gsc-above-wrapper-area-container, #content .gsc-table-result { margin-bottom: 10px; } #content .gcsc-branding { display: none; } #content .gsc-results, #content .gsc-webResult { width: 100% !important; } #content .gs-no-results-result .gs-snippet, #content .gs-error-result .gs-snippet { margin: 0 !important; } /* ---------------------------------------------------------------- Heading Styles -----------------------------------------------------------------*/ /* Titular -----------------------------------------------------------------*/ .titular-title { font-weight: 500; letter-spacing: -1px; } h1.titular-title { font-size: 3.25rem; } h2.titular-title { font-size: 2.75rem; } h3.titular-title { font-size: 2rem; } .titular-sub-title { margin: 0; font-weight: 600; letter-spacing: 4px; font-size: 1rem; text-transform: uppercase; } .titular-title + .titular-sub-title { margin-top: -25px; margin-bottom: 30px; } /* Block Titles -----------------------------------------------------------------*/ .title-block { padding: 2px 0 10px 0; margin-bottom: 30px; /* border-bottom: 1px solid #3a3a3a; */ position: relative; } .title-block .h3 { /* border-left: 7px solid #ccab4a; */ padding-left: 15px; font-size: 20px } .title-block a { position: absolute; top: -26px; left: 0; font-size: 12px; } .title-block a i { margin-right: 5px; } .title-block-right { padding: 2px 20px 3px 0; border-left: 0; /* border-right: 7px solid #f6901e; */ text-align: right; } .title-block .h1, .title-block .h2, .title-block .h3, .title-block .h4 { margin-bottom: 0; } .title-block > span { display: block; margin-top: 4px; /* color: #555; */ font-weight: 300; } .title-block h1 + span, .title-block h2 + span { font-size: 1.25rem; } .title-block h3 + span { font-size: 1.125rem; } .title-block h4 + span { font-size: 0.9375px; } button:disabled, button[disabled] { /* color: #666666; */ } /* Heading Block - with Subtitle -----------------------------------------------------------------*/ .heading-block { margin-bottom: 50px; } .heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 { margin-bottom: 0; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; /* color: #333; */ } .emphasis-title h1, .emphasis-title h2 { font-weight: 400; letter-spacing: 0; text-transform: none; } .heading-block h1 { font-size: 32px; } .heading-block h2 { font-size: 30px; } .heading-block h3 { font-size: 1.75rem; } .heading-block h4 { font-size: 1.25rem; font-weight: 700; } .heading-block > span:not(.before-heading) { display: block; margin-top: 10px; font-weight: 300; /* color: #777; */ } .heading-block .before-heading { margin-bottom: 7px; } .heading-block.center > span, .heading-block.text-center > span, .center .heading-block > span, .text-center .heading-block > span { max-width: 700px; margin-left: auto; margin-right: auto; } .heading-block h1 + span { font-size: 1.5rem; } .heading-block h2 + span { font-size: 1.25rem; } .heading-block h3 + span, .heading-block h4 + span { font-size: 1.25rem; } .heading-block::after { content: ''; display: block; margin-top: 30px; width: 40px; /* border-top: 2px solid #444; */ } .center .heading-block::after, .text-center .heading-block::after, .heading-block.center::after, .heading-block.text-center::after { margin: 30px auto 0; } .text-right .heading-block, .heading-block.text-right, .heading-block.title-right { direction: rtl; } .heading-block.border-0::after, .heading-block.border-bottom-0::after { display: none; } .heading-block.border-color::after { /* border-color: #f6901e; */ } /* Emphasis Title -----------------------------------------------------------------*/ .emphasis-title { margin: 0 0 50px; } .emphasis-title h1, .emphasis-title h2 { font-size: 64px; letter-spacing: -2px; } .emphasis-title h1 strong, .emphasis-title h2 strong { font-weight: 700; } /* Justify Border Title -----------------------------------------------------------------*/ .fancy-title { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 2rem; } .fancy-title .h1, .fancy-title .h2, .fancy-title .h3, .fancy-title .h4, .fancy-title .h5, .fancy-title .h6 { position: relative; margin-bottom: 0; text-transform: uppercase; } .fancy-title::before, .fancy-title::after { content: ''; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; height: 0; /* border-top: 3px double #059e0f !important; */ } .fancy-title::before { display: none; margin-right: 0.75rem; } .fancy-title::after { margin-left: 0.75rem; } .title-border::before, .title-border::after { border-top-width: 2px; border-top-style: solid; } .title-border-color::before, .title-border-color::after { /* border-top: 1px solid #f6901e !important; */ } /* Fancy Title - Center Align -----------------------------------------------------------------*/ .title-center::before { display: block; } /* Fancy Title - Right Align -----------------------------------------------------------------*/ .title-right::before { display: block; } .title-right::after { display: none; } /* Fancy Title - Bottom Short Border -----------------------------------------------------------------*/ .title-bottom-border::before, .title-bottom-border::after { display: none; } .title-bottom-border h1, .title-bottom-border h2, .title-bottom-border h3, .title-bottom-border h4, .title-bottom-border h5, .title-bottom-border h6 { width: 100%; padding: 0 0 0.75rem; /* border-bottom: 2px solid #f6901e; */ } /* Sub Heading -----------------------------------------------------------------*/ .before-heading { display: block; margin: 0 0 5px; font-size: 1rem; font-family: 'PT Serif', serif; font-style: italic; font-weight: 400; /* color: #999; */ } @media (max-width: 767.98px) { .title-block h1 + span { font-size: 18px; } .title-block h2 + span { font-size: 17px; } .title-block h3 + span { font-size: 15px; } .title-block h4 + span { font-size: 13px; } .heading-block h1 { font-size: 30px; } .heading-block h2 { font-size: 26px; } .heading-block h3 { font-size: 22px; } .heading-block h4 { font-size: 19px; } .heading-block h1 + span { font-size: 20px; } .heading-block h2 + span { font-size: 18px; } .heading-block h3 + span, .heading-block h4 + span { font-size: 17px; } .emphasis-title h1, .emphasis-title h2 { font-size: 44px !important; } } /* ---------------------------------------------------------------- Divider -----------------------------------------------------------------*/ .divider { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; overflow: hidden; margin: 3rem auto; /* color: #E5E5E5; */ width: 100%; } .divider.divider-margin-lg { margin: 5rem auto; } .divider::after, .divider::before { content: ''; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; height: 1px; /* background-color: #EEE; */ } .divider::before { display: none; margin-right: 0.5rem; } .divider::after { margin-left: 0.5rem; } .divider.divider-thick::after, .divider.divider-thick::before { height: 3px; } .divider.divider-sm { width: 55%; } .divider.divider-xs { width: 35%; } .divider i, .divider a, .divider-text { position: relative; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 24px; max-width: 100%; line-height: 1; font-size: 18px !important; text-align: center; } .divider a, .divider-text { width: auto; color: inherit; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .divider a:hover { /* color: #888; */ } /* Divider - Icon Align Right -----------------------------------------------------------------*/ .divider.divider-right::before { display: block; } .divider.divider-right::after { display: none; } /* Divider - Icon Align Center -----------------------------------------------------------------*/ .divider.divider-center::before { display: block; } /* Divider - Rounded Icon -----------------------------------------------------------------*/ .divider.divider-rounded i, .divider.divider-border i { width: 40px; height: 40px; line-height: 40px; /* color: #BBB; */ /* background-color: #F5F5F5; */ border-radius: 50%; } .divider.divider-rounded::before, .divider.divider-border::before, .divider.divider-rounded::after, .divider.divider-border::after { margin-left: 0; margin-right: 0; } /* Divider - Rounded & Border -----------------------------------------------------------------*/ .divider.divider-border { /* color: #E5E5E5; */ } .divider.divider-border i { line-height: 38px; background-color: transparent; /* border: 1px solid #EEE; */ } /* Divider - Line Only -----------------------------------------------------------------*/ .divider.divider-line::before, .divider.divider-line::after { margin-left: 0; margin-right: 0; } /* ---------------------------------------------------------------- Magazine Specific Classes -----------------------------------------------------------------*/ .top-advert { padding: 5px; /* border-left: 1px solid #EEE; */ /* border-right: 1px solid #EEE; */ } .top-advert a, .top-advert img { display: block; } .bnews-title { display: block; float: left; margin-top: 2px; padding-top: .3em; text-transform: uppercase; } .bnews-slider { float: left; width: 970px; margin-left: 20px; min-height: 0; } /* ---------------------------------------------------------------- Go To Top -----------------------------------------------------------------*/ #gotoTop { display: none; z-index: 599; position: fixed; width: 40px; height: 40px; /* background-color: #185611; */ line-height: 36px; text-align: center; /* color: #fff !important; */ top: auto; left: auto; right: 30px; bottom: 80px; cursor: pointer; border-radius: 3px; font-size: 1.5rem !important; font-weight: 800 !important; /* border: 1px green solid; */ } #gotoTop:hover { display: none; z-index: 599; position: fixed; width: 40px; height: 40px; font-size: 1.6rem; line-height: 36px; text-align: center; /* color: rgb(255, 255, 255) !important; */ top: auto; left: auto; right: 30px; bottom: 80px; cursor: pointer; border-radius: 3px; background: none !important; border: none; } body:not(.device-touch) #gotoTop { transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; } #gotoTop:after { position: absolute; content: ""; width: 100%; height: 0; bottom: 0; right: 0; z-index: -1; border-radius: 3px; /* box-shadow: inset 0px 0px 0px 3px rgba(12, 122, 0, .8), 7px 7px 20px 0px rgba(12, 122, 0, .1), 7px 7px 20px 0px rgba(12, 122, 0, .1); */ /* background: rgb(12, 122, 0) !important; */ transition: all 0.3s ease; } #gotoTop:hover:after { left: 0; height: 100%; } /* ---------------------------------------------------------------- Read More -----------------------------------------------------------------*/ /* ---------------------------------------------------------------- GDPR Settings -----------------------------------------------------------------*/ .gdpr-settings { position: fixed; max-width: calc(100% - 2rem); margin-bottom: 1rem; border-radius: 4px; top: auto; bottom: 0; left: 1rem; opacity: 0; padding: 3rem; z-index: 999; /* background-color: #EEE; */ transition: all .3s ease; } .gdpr-settings-sm { max-width: 30rem; margin-right: 1rem; } .gdpr-settings-sm.gdpr-settings-right { left: auto; right: 1rem; margin-right: 0; margin-left: 1rem; } .gdpr-settings.dark { /* background-color: #111; */ } /* ---------------------------------------------------------------- Error 404 -----------------------------------------------------------------*/ .error404 { display: block; font-size: 18vw; font-weight: 700; /* color: #DDD; */ line-height: 1; letter-spacing: 4px; } .error404-wrap .container { z-index: 7; } .error404-wrap .error404 { line-height: 0.9; margin-bottom: 40px; font-weight: bold; font-size: 19vw; /* color: #FFF !important; */ opacity: 0.2; /* text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4); */ } .error404-wrap .heading-block h4 { font-weight: 300; margin-bottom: 8px; } .error404-wrap .heading-block span { font-size: 1.125rem; } .error404-wrap form { max-width: 500px; } /* ---------------------------------------------------------------- Landing Pages -----------------------------------------------------------------*/ .landing-wide-form { /* background: rgba(0, 0, 0, 0.3); */ padding: 30px; border-radius: 3px; } .landing-form-overlay { position: absolute; z-index: 10; top: auto; left: auto; right: 0; bottom: -154px; /* background-color: rgba(0, 0, 0, 0.6); */ border-radius: 3px 3px 0 0; } .landing-video { z-index: 1; width: 560px; height: 315px; margin: 22px 0 0 95px; overflow: hidden; } .landing-promo h3 { font-size: 1.75rem; } .landing-promo > .container > span { font-size: 1.125rem; } /* ---------------------------------------------------------------- Preloaders -----------------------------------------------------------------*/ .preloader, .preloader2, .form-process { display: block; width: 100%; height: 100%; /* background: center center no-repeat #FFF; */ } .preloader2 { background-color: transparent; } .form-process { display: none; position: absolute; top: 0; left: 0; z-index: 3; background-color: transparent; } .form-process::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background-color: #FFF; */ opacity: 0.7; z-index: -1; } /* ---------------------------------------------------------------- Toastr Notifications -----------------------------------------------------------------*/ .toast-title { font-weight: bold; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label { /* color: #FFFFFF; */ } .toast-message a:hover { /* color: #CCCCCC; */ text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 1.25rem; font-weight: bold; /* color: #FFFFFF; */ /* -webkit-text-shadow: 0 1px 0 #ffffff; */ /* text-shadow: 0 1px 0 #ffffff; */ opacity: 0.8; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); line-height: 1; } .toast-close-button:hover, .toast-close-button:focus { /* color: #000000; */ text-decoration: none; cursor: pointer; opacity: 0.4; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } .rtl .toast-close-button { left: -0.3em; float: left; right: 0.3em; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 999999; pointer-events: none; /*overrides*/ } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #toast-container > div { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 20px 25px; width: 300px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background-repeat: no-repeat; /* -moz-box-shadow: 0 0 12px #999999; */ /* -webkit-box-shadow: 0 0 12px #999999; */ /* box-shadow: 0 0 12px #999999; */ /* color: #FFFFFF; */ opacity: 0.8; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } #toast-container > div.rtl { direction: rtl; } #toast-container > div:hover { /* -moz-box-shadow: 0 0 12px #000000; */ /* -webkit-box-shadow: 0 0 12px #000000; */ /* box-shadow: 0 0 12px #000000; */ opacity: 1; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer; } #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div { width: 300px; margin-left: auto; margin-right: auto; } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } .toast { /* background-color: #030303; */ } .toast-success { /* background-color: #51A351; */ } .toast-error { /* background-color: #BD362F; */ } .toast-info { /* background-color: #2F96B4; */ } .toast-warning { /* background-color: #F89406; */ } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; /* background-color: #000000; */ opacity: 0.4; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } /*Responsive Design*/ @media all and (max-width: 240px) { #toast-container > div { padding: 10px 15px; width: 11em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 10px 15px; width: 18em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 20px; width: 25em; } } /* ---------------------------------------------------------------- Footer -----------------------------------------------------------------*/ #footer { /* border-top: 10px solid #059e0f !important; */ } @media (min-width: 992px) { .sticky-footer #slider:not(.slider-parallax-invisible), .sticky-footer #page-submenu, .sticky-footer #page-title, .sticky-footer #content { z-index: 2; } .sticky-footer #footer { position: sticky; top: auto; bottom: 0; left: 0; } } #footer .footer-widgets-wrap { position: relative; padding: 80px 0; } .screen-overlay.show { transition: opacity .5s ease, width 0s; opacity: 1; width: 100%; visibility: visible; } @media all and (max-width:992px) { #logo img { width: 120px !important; } #header-wrap { padding: 5px 0; } .offcanvas-header { display: block; } .menu-container li { padding: 0 0 0 15px; } .mobile-offcanvas { visibility: hidden; transform: translateX(-100%); border-radius: 0; display: block; position: fixed; top: 0; left: 0; height: 100%; z-index: 1200; width: 90%; overflow-y: auto; overflow-x: hidden; transition: visibility .4s ease-in-out, transform .4s ease-in-out; -webkit-transform: translateX(-100%); } .mobile-offcanvas.show { visibility: visible; transform: translateX(0); } } /* Primary Menu - Overlay Menu -----------------------------------------------------------------*/ .overlay-menu:not(.top-search-open) #primary-menu-trigger { display: -ms-flexbox; display: flex; opacity: 1; pointer-events: auto; width: 30px; height: 30px; line-height: 30px; } .overlay-menu .primary-menu > #overlay-menu-close { position: fixed; top: 25px; left: auto; right: 25px; width: 48px; height: 48px; line-height: 48px; font-size: 1.5rem; text-align: center; color: #444; } .overlay-menu #primary-menu-trigger { z-index: 599; } .overlay-menu .primary-menu { position: fixed; top: 0; left: 0; padding: 0 !important; margin: 0 !important; border: 0 !important; width: 100%; height: 100%; height: calc(100vh); /* background-color: rgba(255, 255, 255, 0.95); */ -webkit-transition: opacity .4s ease, transform .45s ease !important; transition: opacity .4s ease, transform .45s ease !important; } .overlay-menu .primary-menu, .overlay-menu .primary-menu > #overlay-menu-close { opacity: 0 !important; pointer-events: none; z-index: -2; -webkit-transform: translateY(-80px); transform: translateY(-80px); -webkit-transition: opacity .4s ease, transform .45s ease !important; transition: opacity .4s ease, transform .45s ease !important; } .overlay-menu.primary-menu-open .primary-menu, .overlay-menu.primary-menu-open #overlay-menu-close { opacity: 1 !important; pointer-events: auto; z-index: 499; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .3s ease, transform .45s ease !important; transition: opacity .3s ease, transform .45s ease !important; } .overlay-menu .primary-menu, .overlay-menu.primary-menu-open .primary-menu { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: opacity .4s ease, transform .45s ease !important; transition: opacity .4s ease, transform .45s ease !important; } .overlay-menu .primary-menu > .container { max-height: 90%; overflow-y: scroll; } .overlay-menu .menu-container { display: -ms-flexbox !important; display: flex !important; flex-direction: column; max-width: 250px; padding: 0 !important; margin: 0 auto !important; border: 0 !important; } .overlay-menu .menu-container > .menu-item > .menu-link { font-size: 0.9375rem; } .overlay-menu .menu-item { width: 100%; } .overlay-menu .menu-link { padding-top: 10px; padding-bottom: 10px; padding-left: 0; padding-right: 0; } .overlay-menu .sub-menu-container, .overlay-menu .mega-menu-content { display: none; position: relative; top: 0 !important; left: 0 !important; right: auto; width: 100%; max-width: 100%; box-shadow: none; background: transparent; border: 0; padding: 10px 0 !important; transform: translateX(0); } .overlay-menu .mega-menu-content .sub-menu-container { padding: 5px 0 !important; } .overlay-menu .mega-menu-title .sub-menu-container { padding-top: 0 !important; } .overlay-menu .mega-menu-content .mega-menu-column { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 0; padding-right: 0; border: 0 !important; } .overlay-menu .sub-menu-container .menu-link { padding: 5px 0; } .overlay-menu .sub-menu-container .menu-item:hover > .menu-link { padding-left: 0; padding-right: 0; background: transparent; } .overlay-menu .sub-menu-container .menu-link i.icon-angle-down { position: relative; display: inline-block; top: -1px; left: 0; margin-left: 5px; transform: rotate(0deg); } .overlay-menu { overflow: hidden !important; } /* ---------------------------------------------------------------- Custom CSS Add all your Custom Styled CSS here for New Styles or Overwriting Default Theme Styles for Better Handling Updates -----------------------------------------------------------------*/ ul, ol { list-style: none; } .hidden { display: none !important; } ul.login-register { margin: 0; display: flex; align-items: center; } #winner-slider .owl-dots, #slot-slider .owl-dots { display: none; } .header-wrap-clone { height: 59px !important; } #top-bar .col-lg-12 { display: flex; justify-content: space-between; align-items: center; } button:focus, .btn:focus, .btn:active, .btn:hover { box-shadow: none !important; outline: none !important; } .lang-eng { background: url(../images/united-kingdom.png) no-repeat; background-size: contain; padding: 0 0 0 30px; } .lang-cn { background: url(../images/china.png) no-repeat; background-size: contain; padding: 0 0 0 30px; } #top-bar .bootstrap-select { width: 150px; } #top-bar .bootstrap-select .btn { /* background: #fff; */ border: none; } #top-bar .bootstrap-select .btn:active, #top-bar .bootstrap-select .btn:focus { outline: none !important; } #top-bar .bootstrap-select span { font-size: 13px; } /* sticky header css */ #header.sticky-on-scrollup #header-wrap { -webkit-transition: height .4s ease, opacity .3s ease, margin-top .4s ease; -o-transition: height .4s ease, opacity .3s ease, margin-top .4s ease; transition: height .4s ease, opacity .3s ease, margin-top .4s ease; } #header.sticky-on-scrollup.sticky-header #header-wrap { margin-top: -60px; } #header.sticky-on-scrollup.show-sticky-onscroll.sticky-header #header-wrap { margin-top: 0px; } /* menu css */ .mega-menu-content .sub-menu-container .menu-item ul li img { width: 100px; transition: all 0.5s ease; } .mega-menu-content .sub-menu-container .menu-item ul li a span { display: block; text-transform: uppercase; font-size: 13px; margin: 8px 0; font-weight: 300; } .mega-menu-content .sub-menu-container .menu-item ul li a { color: #fff; } .mega-menu-content .sub-menu-container .menu-item ul li { display: inline-block; text-align: center; } .mega-menu-content .sub-menu-container .menu-item ul li:hover img { opacity: 0.3; transition: all 0.5s ease; } .hero-slider-wrapper .owl-dots { } .hero-slider-wrapper .owl-carousel .owl-dots { position: absolute; width: 100%; bottom: 30px; } .hero-slider-wrapper .owl-carousel .owl-dots .owl-dot { width: 24px; height: 24px; /* border: 1px solid #686869; */ /* border-color: #727272; */ border-radius: 4px; /* background-color: #050506; */ } .landing-page .content-wrap { padding: 25px 0; overflow: unset; } .offcanvas-header .btn:before { /* color: #fff; */ font-size: 1.2em; } button.btn-close i { /* color: white; */ } .offcanvas-header .btn span { display: none; } .offcanvas-header .btn { margin: 0 0 0 0; } .offcanvas-header { position: relative; text-align: right; justify-content: flex-end; display: none; } .footer-info { /* background: #000000; */ /* color: #b9b9b9; */ font-size: 14px; } .footer-info .content-wrap { padding: 40px 0; } .footer-info h3 { /* color: #f6901e; */ text-transform: uppercase; margin-bottom: 10px; font-size: 22px; } .footer-info h5 { /* color: #b9b9b9; */ font-weight: bold; margin-bottom: 10px; font-size: 15px; } #primary-menu-trigger .btn { /* color: #fff; */ padding: 2px 10px; /* border: 1px solid #313131; */ } .top-link { display: flex; margin-bottom: 0; } .top-link li { display: flex; align-items: center; justify-content: center; padding: 0 10px; /* border-right: 1px solid #fff !important; */ } /* marquee */ .footer-contents h3 { /* color: #fff; */ font-size: 18px; } .footer-contents h3 span { /* color: #f6901e; */ } #top-bar ul { margin-bottom: 0; text-transform: uppercase; font-size: 12px; } #top-bar ul li .button { padding: 0; display: flex; align-items: center; /* color: #fff; */ } .top-bar-user .button { margin: 0; padding: 0; font-size: 13px; } .top-bar-user li:first-child .button { padding: 0; } .top-bar-user .button i { font-size: 20px; text-shadow: none; margin: 5px 5px 0 0; } .top-bar-user .button span.badge { /* background: #F0090D; */ border-radius: 3px; position: absolute; padding: 3px 5px; line-height: 1; /* color: #fff; */ display: block; font-size: 9px; font-weight: normal; top: -3px; right: -3px; border-radius: 80px; } .button-transparent { background: transparent !important; border-color: transparent; /* color: #333; */ border: none !important; } .button-transparent:hover { background: transparent !important; border-color: transparent; border: none !important; /* color: #333; */ } .top-bar-user .user-dropdown-menu .dropdown-menu a:last-child { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; display: block; /* color: #0a0a0a; */ font-weight: 500; } .dropdown-item { padding: .35rem 1.5rem; /* border-bottom: 1px solid #e0e0e0 !important; */ } .top-bar-user .user-dropdown-menu .dropdown-menu a:last-child:before { position: absolute; left: 24px; } .top-bar-user .notification-alert .dropdown-menu { padding: 0; border: none; } .top-bar-user .dropdown-menu { /* box-shadow: 0px 4px 19px -6px rgba(0, 0, 0, 0.4); */ /* -webkit-box-shadow: 0px 4px 19px -6px rgba(0, 0, 0, 0.4); */ /* -moz-box-shadow: 0px 4px 19px -6px rgba(0, 0, 0, 0.4); */ } .top-bar-wallet-mobile { text-align: left; /* background: #d0ad44; */ padding: 8px 0 8px 22px; font-weight: 700; font-size: 14px; border-radius: 4px 4px 0 0; display: none; } .top-bar-user .user-dropdown-menu .dropdown-menu { width: 180px; font-size: 13px; padding: 0; border: none; } .top-bar-user .notification-alert .dropdown-menu .dropdown-item { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: capitalize; } .notif-hd-title { padding: 7px 15px 5px 15px; font-weight: 400; /* background: #ccab4a; */ /* color: #000; */ } .a-top-text-block { display: block; } .afb-textlimit { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 13px; } .notification-alert .dropdown-menu li { padding: 0; /* border-bottom: 1px solid #e5e5e5; */ margin: 0; } .notification-alert .dropdown-menu li a { padding: 8px 15px; width: 100%; } .notification-alert .dropdown-menu li a:hover { /* background: #ededed !important; */ } .notification-alert .dropdown-menu li:last-child { margin: 0; padding: 0; } .notification-alert .dropdown-menu li a.a-top-text-block { padding-left: 11px; /* color: #000; */ /* border-left: 4px solid #cbaa4a !important; */ } .notification-alert .dropdown-menu li:last-child .button { padding: 8px 15px !important; /* color: #333; */ /* background: #bd9d40; */ /* background: linear-gradient( 174deg, rgba(204, 171, 74, 1) 0%, rgb(158, 127, 34) 100%); */ width: 100%; text-align: left; font-size: 12px; text-transform: capitalize; border-radius: 0 0 3px 3px; } .notification-alert .dropdown-menu li:last-child { border-bottom: none; } .notification-alert .dropdown-menu li:last-child div { width: 100%; display: block; } .a-top-text-light { font-size: 12px; /* color: #909090; */ } /* custom toggle */ .footer-toggle .toggle-header, .accordion-header { position: absolute; display: -ms-flexbox; display: block; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px; cursor: pointer; /* color: #444; */ font-size: 1rem; font-weight: 700; top: 3px; right: 0; width: 100%; } .footer-toggle .toggle-icon, .accordion-icon { text-align: right; color: #fff; } @media (max-width: 580px) { #slideout { display: none !important; } .dls-show { display: none !important; } #slideout p { font-size: 12px; } .nav-bottom .nav-link { width: 20%; } span.profile-username { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 64px; display: inline-block; } .top-link li:first-child { display: none !important; } #top-bar ul li:nth-child(3) .button { margin: 8px 0 !important; } .top-link li { padding: 0 10px 0 0 !important; } } @media (min-width: 580px) { .footer-toggle .toggle-content { display: block !important; } .footer-toggle .toggle-header, .accordion-header { display: none; } } #top-bar .dropdown-item.active, .dropdown-item:active { /* background-color: #ff9200 !important; */ } .button-transparent { background: transparent; } .lang-selection .button { text-transform: capitalize; font-weight: bold; font-size: 13px; } .lang-selection .dropdown-menu a { display: block; font-size: 13px; padding: 5px 10px 5px 40px; position: relative; } .lang-selection .dropdown-menu a img { width: 15px; position: absolute; left: 10px; top: 7px; } .lang-selection img { width: 18px; } .side-panel-app { position: fixed; top: 30%; z-index: 999; font-size: 18px; } .side-panel-app ul { list-style: none; } .side-panel-app * { margin: 0; padding: 0; outline: 0; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .side-panel-app .fa { vertical-align: middle; font-size: 18px; width: 50px; height: 50px; line-height: 50px; text-align: center; position: relative; z-index: 4; } .side-panel-app li span { position: absolute; top: 0; opacity: 0; z-index: 3; } .side-panel-app a:hover span { opacity: 1; left: 50px; margin: 0; text-align: center; } .side-panel-app li span { z-index: -999; position: absolute; top: 0; left: 0; opacity: 0; line-height: 100px; width: 100px; -webkit-transition: all .3s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .side-panel-app li:last-child span { z-index: -999; position: absolute; top: -50px; left: 0; opacity: 0; line-height: 100px; width: 100px; -webkit-transition: all .3s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .side-panel-app li:last-child a:hover span { opacity: 1; left: 50px; top: -50px; margin: 0; text-align: center; } .side-panel-app li a { /* background: rgb(204, 171, 74) !important; */ /* background: linear-gradient( 162deg, #038c0c 0%, #07b012 50%, #07b012 60%, #038c0c 100%) !important; */ /* color: #000; */ border-radius: 0 4px 4px 0; /* border: .5px solid #038c0c; */ } .side-panel-app li a:hover .fa { transform: rotate(720deg); } .side-panel-app li:last-child a:hover { /* background-color: dodgerblue !important; */ } .marquee-content { margin: 0; position: relative; } .marquee-marquee { /* background: #000; */ } .marquee-content ul li { list-style: none; padding: 10px 0; font-size: 13px; /* color: #ababab; */ } .marquee-content ul { text-align: center; width: 100%; } .captcha-wrapper { display: flex; align-items: center; margin: 0 0 15px 0; } .captcha-wrapper .captcha-image { margin: 0 15px 0 0; } .captcha-input-field input { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; /* color: #495057; */ /* background-color: #fff; */ background-clip: padding-box; /* border: 1px solid #ced4da; */ border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .red { /* color: #ff0000; */ } #darkness { /* background: rgba(0, 0, 0, 0.5); */ transition: background 0.2s; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 99; display: none; } ul.mega-menu:hover + #darkness { display: block !important; } .modal-content { border: none; } #onenotdiv .text-muted { font-size: 13px; /* color: #bfbfbf !important; */ } #onenotdiv p { margin-bottom: 10px; } /* lobby*/ .lobby-game-listing .inner-game-listing { width: 25%; float: left; } .lobby-game-listing .inner-game-listing .game-listing { margin: 10px; /* border: 1px solid #eaeaea; */ border-radius: 5px; padding: 5px; position: relative; } .lobby-game-listing .inner-game-listing .previewbox { position: relative; padding-bottom: 46px; } .lobby-game-listing .inner-game-listing .previewbox a { display: block; } .lobby-game-listing .inner-game-listing .previewbox .button { position: absolute; bottom: 0; display: block; width: 100%; left: 0; right: 0; margin: 0; } .lobby-game-listing .inner-game-listing .previewbox img { opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .lobby-game-listing .inner-game-listing .previewbox:hover img { opacity: .5; } @media (max-width: 767.98px) { .news, .promos { flex-wrap: wrap; } .news div.news-wrapper, .promos div.promos-wrapper { width: 100% !important; margin-right: 0 !important; } .lobby-game-listing .inner-game-listing { width: 50%; } .side-panel-app li span { display: none; } .top-link li:first-child { display: none; } } .lobby-page-navigation { margin: 15px 0; } .dropdown-item { text-transform: capitalize; } /* */ #promoWG a { display: block; } #promoWG .button { display: block; width: 100%; margin: 0; } /* Width Control */ .width-control1024 { width: 100% !important; } /* top 5 game page */ .Promo-head-title { padding: 15px 0; } .Promo-head-title .h3 { margin: 0; } .top-five-provider-listing div { margin-bottom: 20px; } .top-five-provider-listing div a { display: block; text-align: center; /* background: #000; */ border-radius: 4px; } .top-five-provider-listing div.top-five-title { margin: 5px 0; /* background: #414141; */ padding: 8px; /* color: #afafaf; */ border-radius: 3px; font-size: .75rem; } .hov-img-zoom { display: block; overflow: hidden; border-radius: 4px 4px 0 0; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; margin-bottom: 0; } #slot-game .hov-img-zoom { /* background: rgb(139, 107, 29); */ /* background: radial-gradient(circle, rgba(139, 107, 29, 1) 0%, rgba(0, 0, 0, 1) 100%); */ /* border: 1px solid #886e27; */ } .hov-img-zoom:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.6s; -o-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; } .hov-img-zoom img { -webkit-transition: all 0.6s; -o-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; } .top-five-game-carousel { position: relative; overflow: hidden; } .top-five-game-carousel .overlay { position: absolute; bottom: -55px; width: 100%; text-align: center; font-size: 20px; display: block; transition: bottom 0.5s ease; } .top-five-game-carousel:hover .overlay { bottom: 20px; transition: bottom 0.5s ease; } #top5id .owl-nav { width: 100%; text-align: center; } #top5id button.owl-prev, #top5id button.owl-next { width: 30px; height: 30px; /* background: #f88c00; */ border-radius: 100px; margin: 0 5px; } /*language icon */ .lang-selection .dropdown-menu a span { left: 8px !important; } /* 09/12/2020 Contact Us */ #slideout { position: fixed; top: 44%; right: 0; z-index: 999; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } #slideout p { width: 35px; padding: 12px 0; text-align: center; /* background: linear-gradient(to top, #059e0f, #038c0c) !important; */ -webkit-writing-mode: tb-rl; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; transform: rotate(-180deg); color: #fff !important; margin: 0 auto; padding: 20px 8px; border-radius: 0 4px 4px 0; } #slideout_inner { position: fixed; top: 44%; right: -250px; /* background: #000; */ width: 250px; padding: 15px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; text-align: left; -webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; } #slideout_inner textarea { width: 190px; height: 100px; margin-bottom: 6px; } #slideout:hover { right: 250px; transition: right 1s; } #slideout:hover #slideout_inner { right: 0; transition: right 1s; } .afb-medias a:last-child { margin-bottom: 0; } .afb-medias a { width: 100%; /*background: linear-gradient(to top, #059e0f, #038c0c) !important;*/ /*border: none;*/ outline: none; display: block; margin-bottom: 1px; padding: 8px 15px; /*color: #fff !important;*/ font-size: .8rem; border-radius: 3px; /*margin-bottom: 2px !important;*/ /* background: linear-gradient(to left, #3ca116, #42b017,#4cd31a) !important; */ /* color: #ffffff !important; */ /* border: 1px solid #162604; */ } .afb-medias .h1 { /* color: #fff; */ font-size: 1.3rem; font-weight: 400; margin-bottom: 8px; } .afb-medias a:hover { /*background: linear-gradient(to top, #038c0c, #059e0f) !important; color: #fff;*/ /* background: linear-gradient(to right, #3ca116, #42b017,#4cd31a) !important; */ /* color: #ffffff !important; */ } .afb-medias a > div { display: inline-block; margin-right: 15px; } .news-title h2 a { font-weight: 400; font-size: 1rem; } .table-dark { /* color: #fff; */ /* background-color: #000000; */ } .required:after { content: " *"; /* color: red; */ } .mandatory_field { /* color: red !important; */ } .user-profile-avatar { display: none; float: left; } .user-profile-dropdown .top-bar-wallet { display: none; } @media (max-width: 580px) { .marquee-content ul li { font-size: 11px !important; } .showMobile { display: block !important; } .user-profile-dropdown .top-bar-wallet { display: block !important; border-radius: 0; } .user-profile-avatar { display: block !important; } .affiliate-link img { display: block !important; width: 25px; filter: invert(0%) sepia(7%) saturate(29%) hue-rotate( 335deg) brightness(0%) contrast(107%); } } /*game lobby */ .game-lobby-listing { float: left; } .game-lobby-listing > .inner { margin: 15px; position: relative !important; } .game-lobby-listing img { border-radius: 3px; } .game-lobby-listing span { position: absolute; transition: opacity 300ms; opacity: 0; bottom: 0; left: 0; display: block; width: 100%; padding: 8px; text-align: center; /* color: #fff; */ /* background: #ddba50; */ border-radius: 0 0 3px 3px; font-size: 14px; } .game-lobby-listing :hover ~ span { opacity: 1; } @media (min-width: 1200px) { .game-lobby-listing { width: 20%; } } @media (max-width: 1199px) { .game-lobby-listing { width: 25%; } } @media (max-width: 997px) { .game-lobby-listing { width: 33.3333%; } } @media (max-width: 767.98px) { .game-lobby-listing { width: 50%; } } #top-bar .top-bar-wallet { display: none; } @media (max-width: 480px) { #htop-Notify-Btn { display: flex !important; align-items: center; justify-content: space-between; } #top-bar .top-bar-wallet { display: block; font-size: 13px; font-weight: 700; } #logo img { width: 100px !important; } .timezone-wrapper { display: none; } .game-lobby-listing { width: 100%; } .button.button-mini { padding: 3px 7px !important; line-height: unset; margin: 0 3px; } .login-register .button i { display: none; } } .paginationjs-pages ul li a.active { /* background: #ccab4a !important; */ /* color: #000 !important; */ } .pagination > li:first-child > a { border-radius: 50px 0 0 50px; } .pagination > li:last-child > a { border-radius: 0 50px 50px 0; } .provider-lobby span { font-size: 13px; text-transform: uppercase; font-weight: 700; display: block; padding-bottom: 10px; } #general-post .h2.general-post-title { font-size: 20px; text-transform: uppercase; padding-bottom: 8px; /* border-bottom: 1px solid #e0e0e0; */ margin: 20px 0; /* color: #fff; */ } #lobby-header, #general-post { padding: 10px 0 25px 0; background: transparent; } #news-header .news-listing a { font-size: 15px; line-height: 1.2; display: block; margin: 0 0 15px 0; } #news-header .news-listing a.button { display: inline-block; } .news-detail-header .button { background: transparent; position: absolute; top: 5px; left: 0; /* color: #333; */ padding-left: 0; right: 0; } .news-detail-header { position: relative; } .hov-img-zoom a { display: block; border-radius: 8px; } .seoar img { width: auto; max-width: 100%; } .afb-f-green { /* color: green */ } .afb-f-red { /* color: red; */ } .afb-f-yellow { /* color: yellow; */ } .table-striped tbody tr:nth-of-type(odd) { /* background-color: rgba(68, 68, 68, 0.9); */ /* color: #ababab; */ } .table-striped tbody tr:nth-of-type(even) { /* background-color: rgba(0, 0, 0, 0.9); */ /* color: #ababab; */ } .sticky-top { top: 60px; z-index: 200; } .h3.generic-header { margin-bottom: 25px; /* color: #fff; */ padding: 20px 0 10px 0; /* border-bottom: 1px solid green !important; */ } .card-header:first-child { border-radius: 0 !important; } /* affiliate icon*/ .affiliate-link img { display: none; } .affiliate-link .button-transparent { padding: 0; } #line-qr-code span { margin: 15px 0; } #line-qr-code img { margin: 15px 0; } button.close { z-index: 9; font-weight: 600; opacity: 100% !important; } .close:hover { /* color: #990000; */ } .modal-header .close { /* color: #fff; */ } .modal-header { /* border-bottom: 1px solid #059e0f !important; */ /* background: linear-gradient( 0deg, #0e5209, #1f8313) !important */ } .modal-footer { /* border-top: 1px solid #059e0f !important; */ } #affiliate-link { text-align: center; } .top-bar-wallet { /* background: linear-gradient( 180deg, #038c0c 0%, #038c0c 51%, #07b012 52%, #07b012 100%) !important; */ /* color: #191919; */ border-radius: 3px; padding: 4px 8px; display: flex; align-items: center; position: relative; font-size: 14px; overflow: hidden; border-radius: 50px; cursor: pointer; } .top-bar-wallet:hover { /* background: linear-gradient( 180deg, #07b012 0%, #07b012 51%, #038c0c 52%, #038c0c 100%) !important; */ } .my-credit-hide:after { position: absolute; content: '*******'; display: flex; top: 6px; font-size: 15px; overflow: hidden; z-index: 9; /* color: #000; */ text-shadow: none; } .post-login-notification .dropdown-menu { width: 220px; } .top-bar-wallet span:first-child { margin: 0 5px; } .blur-text { color: transparent; } #eye-blur { cursor: pointer; padding: 3px 2px; } #dls-mobile { display: none; } .history-transaction .table td, .history-transaction .table th { padding: 4px .75rem; font-size: 13px; } @media (max-width: 580px) { .recomended-game div { width: 20% !important; } :root { --iconSize: 20px !important; } .product-zoom span { font-size: 12px !important; } .title-small { font-size: 12px !important; } h1, h2, h3, h4, h5, h6 { font-size: 14px; } .sticky-top { position: unset; } .side-panel-app .fa { width: 30px; height: 30px; line-height: 30px; } } .sticky-left { position: sticky; left: 0; z-index: 1; } .transaction-game tr:nth-child(odd) .sticky-left { /* background-color: #050606; */ } .transaction-game tr:nth-child(even) .sticky-left { /* background-color: #2f3439; */ } .transaction-game thead tr:first-child .sticky-left { /* background-color: #343a40; */ } #login-bar, #login-bar .col-lg-12 { display: flex; align-items: center; } #login-bar .col-lg-12 { justify-content: flex-end; } #login-bar { /* background: #000; */ } .button-gold { /* background: linear-gradient( 180deg, #059e0f 0%, #059e0f 51%, #034207 52%, #034207 100%) !important; */ /* border: 2px solid #07b012 !important; */ transition: all 0.5s ease; /* color: white !important; */ border: none; } .button-gold:hover { /* background: linear-gradient( 180deg, #034207 0%, #034207 51%, #059e0f 52%, #059e0f 100%) !important; */ transition: all 0.5s ease; } .text-center .button-gold { /* color: #fff !important; */ } .login-register .button i { font-size: 16px; margin-right: 4px; } .login-register .button { display: flex; align-items: center; } .error-content { font-size: 12px; /* color: red; */ padding: 10px 0; } .top-bar-user { display: flex; align-items: center; margin: 0; /* color: #fff; */ } .top-bar-user li { margin: 0 4px; } .top-bar-user li .button { /* color: #fff; */ display: flex; align-items: center; } .top-bar-user li.affiliate-link .button { /* color: #000 !important; */ } #affiliate-link .modal-content { max-width: 300px; } .language-selection { display: flex; align-items: center; } .timezone-wrapper { margin-right: 8px; } .modal-backdrop { /* background-color: #424242; */ } .button-transparent { background: transparent; } .top-game-search i { font-size: 16px; } .top-game-search .button { /* color: #d1d1d1; */ padding: 0; } .top-game-search .button:hover { /* color: #d1d1d1; */ } #landing-hero .owl-nav { display: none; } #slot-game .owl-dots { display: none; } #casino-game .owl-nav [class*=owl-] { top: 42%; } .winner-slider .owl-nav button i, #slot-game .owl-nav button i, #casino-game .owl-nav button i { font-size: 3em; } .winner-slider .owl-nav [class*=owl-]:hover, #slot-game .owl-nav [class*=owl-]:hover, #casino-game .owl-nav [class*=owl-]:hover { background-color: transparent !important; } .winner-slider { margin-bottom: 20px; } .table td, .table th { border-top: none; } .news, .promos { display: flex; align-items: end; } .news div.news-wrapper, .promos div.promos-wrapper { width: 50%; margin-right: 15px; margin-bottom: 15px; } .promos div.promos-wrapper span { display: block; font-size: 12px; text-align: center; width: 100%; /* background: linear-gradient( 0deg, #000, #212121); */ /* color: #c4a445; */ padding: 8px; } .news div.news-wrapper img, .promos div.promos-wrapper img { display: block; margin-bottom: 15px; border-radius: 4px; width: 100%; } .news div.news-wrapper:last-child, .promos div.promos-wrapper:last-child { margin-right: 0; } #search-modal { padding-right: 0 !important; } #search-modal .modal-content { top: 0; bottom: 0; border-radius: 0; position: absolute; /* background-color: #0000009e; */ } #search-modal .modal-body { max-width: 1000px; margin: 0 auto; } .modal-search { position: relative; } .modal-search .form-control { padding: 10px; height: 50px; border-radius: 50px; position: relative; } .modal-search a { position: absolute; top: 10px; right: 15px; /* color: #333; */ font-size: 20px; } .recomended-game { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .recomended-game div { margin: 5px; width: 23%; } #search-modal .modal-dialog { max-width: 100%; margin: 0; height: 100%; z-index: 999; } #search-modal .modal-content .close { position: absolute; right: 5%; font-size: 3em; opacity: 1; } @media only screen and (min-width: 581px) { .showMobile { display: none !important; } } h3.landing-title { display: block; text-align: center; } .product-zoom { overflow: hidden; position: relative; } .product-zoom span { display: block; text-align: center; padding: 8px 0; /* background: linear-gradient( 0deg, #000, #212121); */ /* color: #c4a445; */ border-radius: 0 0 4px 4px; margin-top: -1px; text-transform: capitalize; } #htop-Notify-Btn { display: none; } /* card flip vert */ .card-flipVert { cursor: pointer; width: 340px; height: 480px; } .card-flipVert .front, .card-flipVert .back { width: 340px; height: 480px; overflow: hidden; backface-visibility: hidden; position: absolute; transition: transform .5s linear; } .card-flipVert:hover > .front { transform: perspective(600px) rotateY(-180deg); } .card-flipVert:hover > .back { transform: perspective(600px) rotateY(0deg); } .card-flipVert .back { /* background: purple; */ transform: rotateY(180deg); } .card-flipVert .front { /* background: green; */ } /* card flip vert */ /*transcation game history table*/ .afb-f-red { /* color: #ff2a2a !important; */ } .afb-f-green { /* color: #00ff00 !important; */ } .thead-dark { /* background-color: black; */ } .table .thead-dark th { /* color: #fff; */ /* background-color: #000000; */ /* border-color: #ffffff; */ border-top: 0; padding: 8px 0; } .thead-dark tr { text-align: center; } .margin-right-table { margin-right: -10px; } .vl { /* border-left: 5px solid green; */ height: 20px; display: inline; margin-right: 10px; margin-left: 10px; } .afb-title-h1 { width: 100%; padding: 8px 0; font-size: 1.5em; } .afb-title-h1 span { /* color: white; */ } .afb-title-h1 .h1 { /* color: white; */ font-size: .6em; font-weight: 500; display: inline-block; margin: 0 auto; } .afb-title-h1 a span { display: inline-block; float: right; /* color: #b3b3b3; */ margin-right: 25px; margin: 0 auto; font-size: .9em; } .afb-title-h1 a span:hover { /* color: #28a745; */ } * { box-sizing: border-box; } @media only screen and (max-width: 992px) { .margin-right-table { margin-right: -15px; } } @media only screen and (max-width:415px) { td.table-th-font-limit { width: auto; } .table > tbody > tr > td.one { line-height: normal; } } @media only screen and (max-width:376px) { .table td, .table th { font-size: .8em; } } .table > tbody > tr > td.one { line-height: 2.4; } table th { font-size: .9em; } .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; color: black; max-width: 40vw; overflow-x: auto; } .table-sticky thead.thead-dark .sticky-left { /* background-color: #333; */ } table.transaction-game.table-sticky tbody .sticky-left { /* background: #3c3c3c; */ } table.transaction-game.table-sticky tbody tr:nth-child(2n+2) .sticky-left { /* background: #191919; */ } @media only screen and (max-width:376px) { .table td, .table th { font-size: .8em; } } table th { font-size: .9em; } @media screen and (min-width: 960px) { .table-sticky { border-collapse: collapse; white-space: normal; } .table-sticky tbody .sticky-left { position: sticky; left: 0; /* color: black; */ max-width: 40vw; overflow-x: auto; } } /*casinoUG footer*/ .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; */ } * { box-sizing: border-box; } @media only screen and (min-width: 1200px) { .container { max-width: 100%; } } @media only screen and (max-width: 767px) { .footer-bottom p { font-size: .658em; } } footer { clear: both; width: 100%; /* overflow: hidden;*/ /* background: #070707; */ /* float: left;*/ } footer p { /* color: #bbb; */ font-size: 14px; } ul.all-logo-footer li { float: left; width: 50%; padding: 0 10px 10px 0; } ul.all-logo-footer li img { width: 100%; filter: grayscale(100%); } ul.all-logo-footer li img:hover { width: 100%; filter: grayscale(0%); -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s; } ul.provider-logo-footer li img { padding: 0 10px 15px 0; } @media screen and (max-width:767px) { ul.all-logo-footer li { padding: 0 25px 10px 0; } .shfooter ul { padding: 10px 0; } } .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; */ } @media (max-width:767px) { .shfooter ul { margin-bottom: 0; } .shfooter .collapse { display: none; } .shfooter .title .fa-angle-up { display: none; } .shfooter .navbar-toggler { display: inline-block; padding: 0; } } .footer-bottom { padding: 45px 0; } .footer-bottom .h1 { font-size: 18px; color: var(--white); font-weight: 500 !important; } .footer-bottom p { color: var(--light); font-size: 12px; margin: 5px 0 auto; } @media only screen and (max-width: 767px) { .footer-bottom p { font-size: .9em; } } .footer-bottom p:hover { color: #ffbf00; } @media (max-width:767px) { .shfooter ul { margin-bottom: 0; } .shfooter .collapse { display: none; } .shfooter .title .fa-angle-up { display: none; } .shfooter .navbar-toggler { display: inline-block; padding: 0; } } @media screen and (max-width:767px) { .footer-bottom { padding: 25px 0; } .partner-logo { padding-top: 0 !important; } } .wrapper-container { max-width: 1400px; } @media (max-width:767px) { .shfooter .collapse.show { display: block; } } @media (max-width:767px) { .shfooter .collapse { display: none; } .shfooter .collapse.show { display: block; } } /*member wallet*/ .TogglePanel { display: inline-block; height: 15px; overflow: hidden; transition: background-color .2s ease-in; position: relative; top: 0; } @media only screen and (max-width: 428px) { .TogglePanel { top: 0px; } /*.amount-button svg#eye-icon { top: -5px; position: relative; }*/ .amount-button svg#eye-icon { top: -1px; position: relative; } .TogglePanel--showAlternate .TogglePanel__PanelOne { margin-top: -22px !important; opacity: 0; } .top-bar-wallet { background: linear-gradient( 180deg, rgb(255,225,131) 0%, rgb(158,117,0) 51%, rgb(134,101,10) 51%, rgb(144 113 48) 100%); color: #191919; } } @media only screen and (max-width:376px) { .top-bar-wallet { /*background: none;*/ } div#hideBtn { padding-top: 2px; } button#toggle { padding-top: 5px; } .TogglePanel__PanelOne, .TogglePanel__PanelTwo { font-size: .75em !important; } .TogglePanel--showAlternate .TogglePanel__PanelOne { margin-top: -16px; /* opacity: 0; */ } .amount-button svg#eye-icon { top: -4px; position: relative; } .TogglePanel { top: 5px; } .TogglePanel__PanelOne { opacity: 1; margin-top: -3px; } } .TogglePanel__PanelOne, .TogglePanel__PanelTwo { /* color: #ffffff !important; */ align-items: center; justify-content: center; font-size: 13px; font-weight: 500; 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; } .amount-blur { /* color: #ffffff14 !important; */ /* text-shadow: 0 0 5px rgba(255, 255, 255, 0.5); */ } .amount-button { line-height: initial; /* background-color: #f0f8ff00; */ border: none; /* color: white; */ padding: 0 0 0 8px; margin: 0; display: flex; } .TogglePanel--showAlternate .TogglePanel__PanelOne { margin-top: -17px; opacity: 1; } .TogglePanel--showAlternate .TogglePanel__PanelTwo { opacity: 1; margin: -1px 0px; } .member-wallet { display: flex; align-items: center; /* background: #961414; */ padding: 0 6px; border-radius: 3px; } .TogglePanel__PanelTwo .one { text-shadow: none; /* color: #fff; */ } /* fix bottom menu */ :root { --iconSize: 28px; } .m-dp-block { } img.megamenu-icon { width: var(--iconSize); height: var(--iconSize); display: inline-block; filter: invert(0%) sepia(93%) saturate(1%) hue-rotate( 225deg) brightness(0%) contrast(100%); } .nav-link span { white-space: nowrap; } .nav-bottom .nav-link:hover { white-space: nowrap; } .nav_bottom-container{ position: sticky; bottom: 0; left: 0; width: 100%; z-index: 999; /*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: #ffff00; display: flex; -ms-flex-pack: distribute; justify-content: center; } .nav-bottom .nav-link { text-align: center; color: #222; 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: #222;*/ 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; /* background-color: #16215b; */ border-radius: 50%; /*outline: 4rem solid var(--backgroundColor);*/ 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:hover, .nav-bottom .nav-bottom-home.active { /* background-color: transparent; */ filter: brightness(1); } .nav-bottom .nav-bottom-home:hover::after, .nav-bottom .nav-bottom-home.active::after { filter: brightness(0.9); /* background-color: #536dfc; */ } .nav-bottom .nav-bottom-home .nav-center-bg-right, .nav-bottom .nav-bottom-home .nav-center-bg-left { width: calc(((100vw / 5) - (var(--size) - 1px))/2); height: 60px; position: absolute; background-color: var(--backgroundColor); bottom: -20px; } .nav-bottom .nav-bottom-home .nav-center-bg-left { left: -1px; } .nav-bottom .nav-bottom-home .nav-center-bg-right { right: -1px; } @media only screen and (max-width: 767px) { .nav-link span { display: flow-root; white-space: nowrap; } .m-dp-block { display: block !important; } } @media only screen and (max-width:575px) { .nav-link span { font-size: smaller; } #copyrights { padding-bottom: 40px !important; position: relative; } #copyrights::after { position: absolute; display: block; content: ''; background-color: #181818; width: 100%; height: 60px; top: 100%; left: 0; } } .mobile-menu__item-separator { height: 60px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .mobile-menu__item-separator:before { content: ''; display: block; height: 34px; width: 1px; /* background: linear-gradient(to top, transparent, #94897a, transparent); */ } /*search game */ .s006 form .suggestion-wrap { padding: 0 15px; } .s006 form .suggestion-wrap span { font-size: .9em; display: inline-block; /* background: #059e0f !important; */ padding: 0 15px; line-height: 32px; /* color: #fff; */ border-radius: 16px; margin-right: 10px; margin-bottom: 10px; } .s006 form .suggestion-wrap span:hover { /* background: #07b012 !important; */ } .s006 legend { font-size: 1.8em; margin-bottom: 20px; } .s006 form .inner-form { margin-bottom: 17px; } .s006 form button { /* background: linear-gradient(to top, #059e0f, #038c0c) !important; */ /* color: #000; */ } .s006 form button:hover { /* background: linear-gradient(to top, #038c0c, #059e0f) !important; */ } .s006 form .inner-form .input-field { position: relative; width: 70%; margin-bottom: 17px; margin: 0 auto; } .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; /* border: 1px #059e0f solid !important; */ } .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 svg:hover { /* fill: #059e0f !important; */ } .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; */ } @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; } } .inner-form #searchMoreBtn { background: none !important; border: none !important; } #searchMoreGameInput { margin: 20px 0 0 0; } @media screen and (max-width: 480px) { .photobox { width: 100%; } } .photobox { display: inline-block; } .photobox__previewbox { position: relative; overflow: hidden; } .photobox__preview { display: block; max-width: 100%; } .photobox__previewbox:before { content: ""; } .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: 180px;*/ } .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%; } } /*fullscreen modal */ .searchModalbg .modal-backdrop { /* background-color: #000; */ } .searchModalbg .show { opacity: .9; } .owl-dots { display: none; } div.jpcounter { display: block; text-align: center; /* background: linear-gradient(to bottom, #fbd459 0%, #68532b 100%); */ border-radius: 0 0 4px 4px; padding: 8px 0; } div.jpcounter span { display: block; /* color: #000; */ font-weight: bold; line-height: 1.2; /* background: transparent; */ padding: 0; } #htop-Notify-Btn .badge { /* background: #f00; */ /* color: #fff; */ } /*footer-line-icon*/ .social-network a.icoLine:hover { /* background-color: #01bd02; */ } .social-network a.icoLine > img, .social-network a.icoTikTok > 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; /*background-color: blue !important;*/ /* width: 100% !important; */ border-radius: 50%; /*width: 32px !important;*/ /*height: 32px !important;*/ margin: auto; } .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-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; } /*canva video*/ video, canvas { max-width: 100%; height: auto; } .v-top:before { content: ''; display: block; position: absolute; top: -20px; right: 0; bottom: 0; left: -20px; margin: auto; z-index: -1; } .dragon-bg { position: absolute; background-image: var(--landing-register-afb88go); background-size: cover; background-repeat: no-repeat; background-position: bottom; width: 100%; height: 580px; left: 0; bottom: -108px; } audio, canvas, progress, video { display: inline-block; } .v-top, canvas, video { user-select: none; position: absolute; top: 134px; left: 0; bottom: 0px; margin-left: 0px; cursor: initial; width: 900px; } #video-canvas { width: 100%; } /*canva video*/ @media screen and (max-width: 1199px) { .intro-content > #logo > .standard-logo { margin: auto; } .landing-registration-wrapper .intro .intro-content, .landing-registration-wrapper .intro2 { width: 100% !important; } .dragon-bg { left: 21px !important; } .landing-registration p { width: 100%; } .v-top, canvas, video { left: -42px !important; } } @media screen and (max-width: 991px) { .dragon-bg { left: -41px !important; } .v-top, canvas, video { left: -84px !important; } } @media screen and (max-width: 992px) { .landing-USP-content span { font-size: 12px; } .landing-registration { padding: 15px 0 60px 0 !important; } .landing-registration p { width: 80% !important; margin: 0 auto !important; } .landing-registration-wrapper { display: block !important; } .landing-registration-wrapper .intro { width: 100% !important; margin-top: 330px; text-align: center; } .landing-registration-wrapper .intro2 { width: 100% !important; text-align: center; margin-top: 30px; } .dragon-bg { left: 0 !important; width: 100%; bottom: 234px; background-size: 100%; } .v-top, canvas, video { left: 0 !important; bottom: 0px; margin-left: 0px; width: 100% !important; } .v-top, canvas, video { top: 70px !important; } .landing-registration { background-size: 80% !important; background-position: top right !important; } } @media screen and (max-width: 680px) { .landing-USP-content span { font-size: 12px; } .landing-registration p { width: 80% !important; margin: 0 auto !important; } .landing-registration-wrapper { display: block !important; } .landing-registration-wrapper .intro { width: 100% !important; margin-top: 250px; text-align: center; } .dragon-bg { left: 0 !important; width: 100%; bottom: 234px; background-size: 100%; } .v-top, canvas, video { left: 0 !important; bottom: 0px; margin-left: 0px; width: 100% !important; } .v-top, canvas, video { top: 129px !important; } .landing-registration { background-size: 80% !important; background-position: top right !important; } } @media screen and (max-width: 480px) { .landing-USP-content span { font-size: 12px; } .landing-registration p { width: 80% !important; margin: 0 auto !important; } .landing-registration-wrapper { display: block !important; } .landing-registration-wrapper .intro { width: 100% !important; margin-top: 200px; text-align: center; } .dragon-bg { left: 0 !important; width: 100%; bottom: 234px; background-size: 100%; } .v-top, canvas, video { left: 0 !important; bottom: 0px; margin-left: 0px; width: 100% !important; } .v-top, canvas, video { top: 100px !important; } .landing-registration { background-size: 80% !important; background-position: top right !important; } } @media screen and (max-width: 580px) { .landing-registration { background-size: 100% !important; } .button.button-large { padding: 2px 17px !important; font-size: 0.8rem !important; } .landing-registration p { font-size: 11px; margin-top: 10px !important; } } .landing-registration { padding: 60px 0; background-size: 80%; background-repeat: no-repeat; background-position: top right; overflow: hidden; } .landing-registration h1 { margin-bottom: 0; /* color: #a98b32; */ } .landing-registration h3 { } .landing-registration p { font-size: 14px; margin-top: 20px; margin-bottom: 0; text-align: justify; } .landing-registration-wrapper { display: flex; position: relative; justify-content: flex-end; width: 100%; } .landing-registration-wrapper .intro { width: 40%; z-index: 199; } .landing-registration-wrapper .intro .intro-content { width: 80%; padding: 20px; /* background-color: rgba(0, 0, 0, 0.85); */ border-radius: 10px; } section.landing-USP { text-align: center; position: relative; } .gold-line-hr { margin: 0; border: none; width: 100%; height: 3px; /* background: linear-gradient( 90deg, transparent, #059e0f 50%, transparent) !important; */ } .landing-USP-content span { margin-top: 15px; text-transform: uppercase; display: block; /* color: #c6a646; */ font-weight: 700; } .landing-USP-content { border-radius: 8px; padding: 10px; } .bounce-right { animation: bounceRight 2s infinite; } /* .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: #f6901e; } */ /* .social-network a.icoMedium:hover { background-color: #FFC017; } */ .bounce-right { animation: bounceRight 2s infinite; } .user-auto-promocode, .user-auto-promocode-online { display: none; } .unreadMSG { background: var(--subTheme); } .notifUnread::after { width: 4px; /* background: #f05a1a; */ left: 0; top: 0; bottom: 0; position: absolute; } .notifUnread { /* background-color: #004eff14; */ /* border-color: #000000; */ } .notifUnread div { /* color: #0056b3; */ font-weight: 500; } .footer-wrapper01 { display: inline-block; /* background-color: #050505; */ padding: 30px 0; width: 100%; color: #ffc108; } .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 { 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); } .footer-wrapper01 h1 { color: var(--light); } @media screen and (max-width:991px) { .footer-wrapper01 { display: none; } } .gold-border { text-align: center; padding: 8px 0; /* background: linear-gradient( 0deg, #000, #212121); */ /* color: #c4a445; */ border-radius: 0 0 4px 4px; margin-top: -1px; text-transform: capitalize; } .sl-h { display: none !important; } .sl-s { display: inline-block; } @media (max-width: 992px) { .sl-h { display: inline-block !important; } .sl-s { display: none; } } /* / simple Login / */ .simple-login input { background-color: transparent; /* color: green !important; */ } .simple-login .fld { padding: .4rem .75rem !important; width: 115px; height: 33px; vertical-align: middle; } .simple-login .simple-captcha-img { height: 31px; width: auto; border-radius: 5px; } #otp_code { margin-top: 10px; } #btn-submit-otp { margin-top: 0px; margin-bottom: 20px; } .top-background-hd { /* background: linear-gradient(to left, #07b012 0%, #07b012 50%, #059e0f 81%, #059e0f 100%) !important; */ height: 42px !important; /* border-bottom: 2px #059e0f solid !important; */ } .btn-success { /* background: linear-gradient( 180deg, #059e0f 0%, #059e0f 51%, #034207 52%, #034207 100%) !important; */ /* border: 2px solid #07b012 !important; */ /* color: #333; */ text-shadow: none !important; /* border: 2px solid #059e0f !important; */ border-radius: 80px; padding: 4px 14px !important; } .btn-success:hover, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle, .btn-success.focus, .btn-success:focus { /* background: linear-gradient( 180deg, #034207 0%, #034207 51%, #059e0f 52%, #059e0f 100%) !important; */ /* color: #333; */ } .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle { /* color: #333; */ } .save-btn.one { /*position: absolute; bottom: 0;*/ } section.membank-page { /* background-color: #ffffff00; */ } p.content { /* color: white; */ } .under-m { /* color: white; */ /* background-color: red; */ padding: 5px; font-size: .6em; font-weight: 500; position: absolute; z-index: 1; border-radius: 5px; right: 5px; top: 5px; } .filter-button { /* color: white; */ } /* Mobile Hide | Show */ .m-dp-none-s { display: block; } .m-dp-block-s { display: none; } /*@media screen and (max-width:991px) {*/ /* Mobile Hide | Show */ /*.m-dp-none-s { display: none; } .m-dp-block-s { display: block; position: absolute !important; z-index: 999999 !important; bottom: 80px; } }*/ @media screen and (max-width:425px) { /* Mobile Hide | Show */ .m-dp-none-s { display: none; } .m-dp-block-s { display: block; position: absolute !important; z-index: 999 !important; bottom: 80px; } } .top-bar-wallet.two { background: transparent; /* color: white; */ padding: 4px 0px; } .two.my-credit-hide:after { position: absolute; content: '*******'; display: flex; top: 6px; font-size: 15px; overflow: hidden; z-index: 9; /* color: #fff !important; */ text-shadow: none; } .transaction-game > tbody > tr > td:nth-child(1), .transaction-game > tbody > tr > td:nth-child(2) { /* color: #e1e1e1 !important; */ } .text-limit { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } td > a > button.btn.btn-primary.afb01.mr-3 { padding: 4px 10px; font-size: .9em; /* background: linear-gradient( 180deg, rgba(204, 171, 74, 1) 0%, rgba(144, 116, 33, 1) 100%); */ border: none; } td > a > button.btn.btn-primary.afb01.mr-3:hover { /* background: linear-gradient( 0deg, rgba(204, 171, 74, 1) 0%, rgba(144, 116, 33, 1) 100%); */ } .save-btn.photobox__label > button.button.button-regular.afb01.xs { white-space: normal; line-height: 1.2em; } /*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; } } .menu-container { position: relative; } @media (max-width: 992px) { /*.nav { display: contents; } */ .btn-right, .btn-left { display: none; } .menu-container { position: inherit; } } @media (min-width: 1920px) { .btn-right, .btn-left { display: none; } .menu-container { position: inherit; } ul#bar { justify-content: center; } } .menu-item .fa-chevron-right:before { position: absolute; top: 0; right: 15px; } .menu-item .fa-chevron-right-rotate:before { transform: rotate(90deg); } ul.sub-menu-container.mega-menu-column { padding: 10px; } ul.w-100.sub-menu-container.mega-menu-column.menu-pos-invert { width: 100%; } ul#bar:hover { position: inherit; } @media (max-width: 991px) { .menu-link i { display: none; } } .offcanvas-header .btn.btn-close:before { content: "X"; /* color: #fff; */ font-size: 11px !important; /* border: 1px solid #fff; */ width: 22px; padding: 5px; font-weight: 600; display: block; height: 22px; line-height: 11px !important; text-align: center; border-radius: 90px; } @-webkit-keyframes x-ac-left-right { 0% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } to { -webkit-transform: translateX(-10px); transform: translateX(-10px) } } @keyframes x-ac-left-right { 0% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } to { -webkit-transform: translateX(-10px); transform: translateX(-10px) } } .button-bounch-lr { animation: x-ac-left-right 1.5s ease-in-out infinite; } .intro-content > .button-gold { /* box-shadow: 0 0 1px red, 0 0 5px #07b012, 0 0 8px #07b012, 0 0 7px #038c0c, 0 0 5px #038c0c, 0 0 15px #059e0f, 0 0 15px #038c0c, 0 0 20px #059e0f !important; */ } @-webkit-keyframes x-box-main { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 50% { -webkit-transform: translateY(-20px); transform: translateY(-20px) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes x-box-main { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 50% { -webkit-transform: translateY(-20px); transform: translateY(-20px) } to { -webkit-transform: translateY(0); transform: translateY(0) } } .intro-content > #logo { z-index: 1; -webkit-animation-name: x-box-main; animation-name: x-box-main; -webkit-animation-duration: 3.5s; animation-duration: 3.5s; -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .button-login-register-icon { width: 1rem; margin-right: 5px; } .btn-login { padding: 4px 14px !important; font-weight: 500; display: inline-flex; align-items: center; /* color: #fff; */ } .btn-login > span { font-size: 12px; line-height: 24px; text-transform: uppercase; /* color: #fff; */ } .iti__selected-dial-code:before { font-family: 'FontAwesome'; content: "\f107"; float: right; margin-left: 5px; } .signin-content .h3 { font-weight: 500 !important; } /*lineqrcode*/ .side-panel-app.two { position: fixed; top: 15%; z-index: 999; font-size: 18px; right: 0; /* background: #059e0f !important; */ width: 150px; left: inherit; } #snav > div > a > span > img { width: 150px; /* border: #07b012 2px solid; */ } #snav .fa { -webkit-filter: contrast(0) brightness(2) !important; filter: contrast(0) brightness(2) !important; } @media (max-width: 768px) { .side-panel-app.two { position: fixed; top: 15%; z-index: 999; font-size: 18px; right: 0; /* background: #059e0f; */ width: 100px; left: inherit; } #snav > div > a > span > img { width: 100px; } } .qrname { text-align: center; /* color: white; */ font-size: 12px; padding: 3px; /* background: #059e0f !important; */ } .side-panel-app.two li span { z-index: -999; position: absolute; right: 0; opacity: 1; /* background: #1f1f1f; */ width: 150px; padding-top: 25px; } .side-panel-app.two li:last-child span { z-index: -999; position: absolute; right: 0; opacity: 1; /* background: #1f1f1f; */ width: 150px; padding-top: 25px; } .side-panel-app.two li span { position: absolute; top: 0; opacity: 0; z-index: 3; } button#qrcode-btn-close { margin-right: 10px; font-size: 25px; } @media (min-width: 576px) { .container, .container-sm { max-width: 1400px !important; } } .under-m { /* color: white; */ /* background-color: red; */ padding: 5px; font-size: .7em; font-weight: 300; position: absolute; border-radius: 5px; right: 5px; top: 5px; z-index: 1; } #search-modal .modal-dialog-centered .modal-content { width: 100% !important; } table { margin: 0px; } ul.h_nav-list.nav.inside-tab { display: flex; } .btn-mix-noborder.mobile { display: flex; z-index: 8; } .btn-mix-noborder.mobile span { z-index: 9; } .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 1000s linear infinite; font-size: 14px; } .ui-selectmenu-open { display: block; z-index: 9999999991; width: 355px !important; } /*------------ show image in select -----------*/ .dropdown-image { display: none; } #a { padding-left: 0px; margin-bottom: 0px; } #a img, .btn-select img { width: 60px; } #a li { list-style: none; cursor: pointer; } #a li:hover { /* background-color: #F4F3F3; */ } #a li img { margin: 5px; } #a li span, .btn-select li span { margin-left: 5px; /* color: #000 !important; */ } /* item list */ .b { display: none; width: 100%; /* box-shadow: 0 6px 12px rgba(0, 0, 0, .175); */ /* border: 1px solid rgba(0, 0, 0, .15); */ border-radius: 5px; /* background: white; */ /* color: black; */ } .open { display: block !important; } .btn-select { width: 100%; height: 34px; border-radius: 5px; /* background-color: #fff; */ /* border: 1px solid #ccc; */ overflow: hidden; padding: 3px; cursor: pointer; } .btn-select li { list-style: none; float: left; padding-bottom: 0px; /* color: black !important; */ display: block !important; } .btn-select:hover li { margin-left: 0px; } .btn-select:hover { /* background-color: #F4F3F3; */ border: 1px solid transparent; /* box-shadow: inset 0 0px 0px 1px #ccc; */ } .btn-select:focus { outline: none; } /*.localized-wrapping { border-radius: 50px !important; padding: 0px 15px !important; width: 100%; box-sizing: border-box;*/ /* border: 1px solid #F3E5F5 !important; */ /*font-size: 1em !important;*/ /* color: #fff !important; */ /*font-weight: 400;*/ /* background: #fff; */ /*} .localized-wrapping select { border: none !important; position: relative !important; background: none; } .localized-wrapping input { border: none !important; width: 75% !important; border: none !important; } .localized-wrapping span {*/ /* color: #000 !important; */ /*}*/ span.badge.badgeSta.noti-2 { position: unset; margin-left: 3px; height: 16px; padding: 3px 6px; } /*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*/ .m-dp-block { display: none !important; } @media only screen and (max-width: 767px) { .m-dp-block { display: block !important; } } /*--------- Affiliate Invite Friend Copy Tooltip -------*/ #invite-friend .tooltip { padding: 10px; /* background: #000; */ /* color: #fff; */ font-size: 0.75rem; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; pointer-events: none; transition: opacity 0.4s; } #invite-friend .tooltip.show { opacity: 1; pointer-events: auto; } #invite-friend .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; } .afb-medias a i.fa.fa-angle-double-right { right: 15%; position: absolute; margin-top: 2px; } .withdrawNC { font-size: 13px; font-weight: 300; text-transform: uppercase; margin-bottom: 10px; } .withdrawSpan { /* color: #525252 !important; */ font-weight: 300; font-size: small; } .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%); } .language-selection a.button.afb01 { background-image: none; /* color: black; */ } button.promobtn { /* border: 2px solid #825e00 !important; */ /* color: #000 !important; */ border-radius: 20px !important; } .save-btn button.button-disabled { /* background: #ed3f3f; */ /* color: white; */ /* border-color: #ed3f3f; */ } .promo-details-action-footer button.button-disabled { /* background: #ed3f3f; */ /* color: white; */ /* border-color: #ed3f3f; */ } .save-btn button.button-gold { border-radius: 20px; /* border: 2px solid #825e00; */ /* background: rgb(250, 204, 59); */ } .custom-max-width { width: 75% !important; } @media screen and (max-width:768px) { .custom-max-width { width: 90% !important; } #betHistoryModel { padding-right: 0px !important; } } @media (max-width: 767.98px) { img.sec-img { padding: 0px; padding-top: 15px; } } body { width: 100%; height: 100%; overflow-x: hidden; margin: auto !important; } .clear-float { clear: both; margin: 0; padding: 0; } * { box-sizing: border-box; /*text-transform: uppercase;*/ } .testimonials { position: relative; } .testimonials:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 30%; } #customers-testimonials .item-details { /* color: #FFFFFF; */ text-align: center; font-size: 12px; } #customers-testimonials .item { text-align: center; border-radius: 50px !important; } .owl-carousel .owl-nav [class*=owl-] { transition: all 0.3s ease; } .owl-carousel .owl-nav [class*=owl-].disabled:hover { } .owl-carousel { position: relative; } .owl-carousel .owl-prev, .owl-carousel .owl-next { display: none; } .svgdeposit, .svgwithdraw, .svghome, .svgcontactus, .svguser, .user-withdraw-info, .user-deposit-info { /* fill: #FFFFFF; */ } .logo { text-align: center; } header .head-left { float: left; } header .login { float: right; height: 85px; } .login button:focus { outline: none; /* background: #ebaf18; */ /* color: white; */ } .login button:hover { cursor: pointer; } .login button { margin-top: 8px; margin-right: 30px; width: 200px; height: 70px; text-align: center; /* color: #fff; */ font-weight: 600; /* background: #F0AE00; */ border-radius: 60px !important; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; font-size: 28px; float: right; text-transform: uppercase; } .txt-slide-cls { height: 30px; /* color: #fff; */ line-height: 30px; margin-left: 65px; margin-right: 4px; position: relative; } .info-left-cls { line-height: 39px; float: left; width: fit-content; } .txt-all-run { height: 39px; line-height: 39px !important; /* background: #401894; */ /* color: #fff; */ } .txt-all-run span { margin-left: 3px; } #txt-running-id { margin-top: 4px; backdrop-filter: blur(10px); } .contain-iterm { text-align: center; } .contain-iterm img { height: 255px !important; border-radius: 5px !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; -ms-border-radius: 5px !important; -o-border-radius: 5px !important; /* border: #401894 1px solid; */ } .img-sub-iterm { background: url(../img/Background/bg-bg-img.jpg) !important; background-size: auto 255px !important; background-repeat: no-repeat !important; } .iterm-contain { display: inline-block; margin-top: 6px; } .iterm-contain:hover .txt-iterm-contain { /* color: #FAD237 !important; */ cursor: pointer; } .txt-iterm-contain { position: relative; /* background-color: rgba(64, 24, 148, .8); */ height: fit-content; line-height: 40px; margin-top: -40px; border-radius: 0px 0px 5px 5px !important; -webkit-border-radius: 0px 0px 5px 5px !important; -moz-border-radius: 0px 0px 5px 5px !important; -ms-border-radius: 0px 0px 5px 5px !important; -o-border-radius: 0px 0px 5px 5px !important; /* border-left: #401894 1px solid; border-right: #401894 1px solid; border-bottom: #401894 1px solid; */ } .carousel { min-height: fit-content; } .carousel-cell { width: 100% !important; max-width: 100%; height: auto; text-align: center; padding: auto 0; margin: auto 0; position: relative; } /* menu-contain-start............ */ .owl-carousel { display: none; width: 100% !important; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; margin: 0; padding: 0; /* margin-left: 19px !important; */ } .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 { /* padding-right: 19px; */ /* margin-left: -19px; */ position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; padding: 5px 15px 5px 15px; height: fit-content; } .owl-carousel .menu__item { position: relative; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; margin: 0; padding: 0; /* background: #401894; border: #060514 1px solid !important; */ width: 120px; height: 120px; } .owl-carousels .item { position: relative; float: left; display: inline; } .owl-carousel .owl-item:hover { cursor: pointer; /* color: gold !important; */ } .owl-carousel .owl-item:hover div { /* color: gold !important; */ } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; /* background: #000; */ } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } #copyrights { padding: 10px 0; /* background: linear-gradient( 174deg, #059e0f 0%, #07b012 100%) !important; */ font-size: 13px; line-height: 1.8; } .m-dp-none-s .deposit-withdraw { /* background: linear-gradient( 180deg, #059e0f 0%, #059e0f 51%, #034207 52%, #034207 100%) !important; border: 1px solid #07b012 !important; color: #DDD !important; */ } button.deposit-withdraw { /* color: #fff !important; background: linear-gradient( 180deg, #059e0f 0%, #059e0f 51%, #034207 52%, #034207 100%) !important; border: 2px solid #07b012 !important; */ } button.deposit-withdraw:hover { /* color: #fff !important; */ /* background: linear-gradient( 180deg, #034207 0%, #034207 51%, #059e0f 52%, #059e0f 100%) !important; */ } .fa-bell-o { padding: 0.4em 0.75em; text-align: center; } @-webkit-keyframes bell-ring { 0% { transform: rotate(0deg); } 2.5% { transform: rotate(10deg); } 7.5% { transform: rotate(-10deg); } 12.5% { transform: rotate(5deg); } 17.5% { transform: rotate(-5deg); } 22.5% { transform: rotate(2.5deg); } 25% { transform: rotate(0deg); } } @keyframes bell-ring { 0% { transform: rotate(0deg); } 2.5% { transform: rotate(10deg); } 7.5% { transform: rotate(-10deg); } 12.5% { transform: rotate(5deg); } 17.5% { transform: rotate(-5deg); } 22.5% { transform: rotate(2.5deg); } 25% { transform: rotate(0deg); } } .fa-bell-o { -webkit-animation: bell-ring 3s linear 0s infinite; animation: bell-ring 3s linear 0s infinite; height: auto; margin-bottom: 0.2em; transform-origin: 50% 0; } .fa-bell-o:hover { /* color: #07b012; -webkit-text-stroke: 1px #07b012; */ } #snav .one { /* border: rgba(7, 176, 18, 0.4) 2px solid; */ } .form-group hr { margin-top: 1rem !important; margin-bottom: 1rem !important; /* border: 0.5px solid green !important; */ /* border-top: 1px solid rgb(0, 255, 0 / 83%) !important; */ } .form-group select option { /* color: #000; background-color: rgba(0, 0, 0, 0.2); */ } .form-group select option:hover { /* color: #fff !important; background-color: #333 !important; */ } #registerModal .register-steps__item--current .register-steps__item-number { /* background: #322e2f !important; color: #fffaf3 !important; box-shadow: 0 0 20px #059e0f !important; border-color: #059e0f !important; */ } .language-selection .afb01 { /* background: linear-gradient( 180deg, red 0%, red 51%, red 100%) !important; color: #fff !important; border: #761313 1px solid !important; */ } .language-selection .afb01:hover { /* color: #fff !important; background: linear-gradient( 180deg, #e9a7a7 0%, #8b5959 51%, #995f5f 100%) !important; border: #6a4b4b 1px solid !important; */ } .btn-change-color u { /* color: #000 !important; */ } .inside-tab-item > a.active { color: var(--cd-color-1); /* border-top: 3px solid green !important; background-color: white; */ } /*@media (max-width: 64rem) { .js .cd-tabs__item--selected {*/ /* box-shadow: inset 0 2px 0 green !important; box-shadow: inset 0 3px 0 green !important; */ /*} .cd-tabs__item .icon { margin-right: 0.375em; } .cd-tabs__navigation { display: flex !important; } }*/ /*@media (min-width: 64rem) { .js .cd-tabs__item--selected {*/ /* box-shadow: inset 0 2px 0 green !important; box-shadow: inset 0 3px 0 green !important; */ /*} .cd-tabs__item .icon { margin-right: 0.375em; } }*/ @media (min-width: 48rem) { .js .cd-tabs__item--selected { /* box-shadow: inset 2px 0 0 green !important; box-shadow: inset 2px 0 0 green !important; } */ } .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(1deg 84% 63%); */ box-shadow: inset 0 2px 0 var(--cd-color-4); color: hsl(225, 31%, 23%); color: var(--cd-color-1); } .wallet-top-left span { /* color: white; */ font-weight: 400; font-size: .9em; word-break: break-word !important; } .captcha-code input { /* border: 1px green solid !important; */ } .profile-tabs form button:hover { /* background: #06b912 !important; border: 1px #06b912 solid !important; color: red !important; */ } .profile-tabs button .fa-refresh:hover { /* color: green !important; */ background: none !important; } } @media only screen and (min-width: 768px) and (max-width: 960px) { .cd-tabs__list { -ms-flex-direction: column !important; flex-direction: column !important; display: block; } } .afb-blue-bar { /* background-color: #038c0c !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 { 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; } /* 20201017 QR*/ #snav.en { left: 0; text-align: left; } #snav.en li span { left: -100px; } #snav.en li a:hover span { left: 50px !important; position: absolute; width: 100px; } /* RTL CSS */ #snav.ar { right: 0; text-align: right; } #snav.ar li span { right: -100px; } #snav.ar li a:hover span { right: 35px; } /* main SideNav.css styles */ #snav { position: fixed; top: 40%; z-index: 999; font-size: 18px; font-family: 'Open Sans', sans-serif; } #snav ul { list-style: none; } #snav * { /* margin: 0; padding: 0; outline: 0; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*/ } #snav li a { text-decoration: none; /* color: #fff; */ display: block; position: relative; } #snav .fa { vertical-align: middle; font-size: 18px; width: 50px; height: 50px; line-height: 50px; text-align: center; position: relative; z-index: 4; } #snav li span { font-size: 15px; vertical-align: middle; height: auto; line-height: 50px; width: auto; white-space: nowrap; overflow: hidden; display: block; padding: 0 15px; position: absolute; top: 0; visibility: hidden; z-index: 3; } #snav li a:hover span img, #snav li span img { width: 100px; } #snav li a:hover .fa { transform: rotate(720deg); } #snav li a:hover span { visibility: visible; padding: 0; } /*nonn_color*/ #snav li span { background-color: none !important; } #snav li .fa { /*background-color: #333333;*/ /* color: hsl(0deg 0% 90%); */ } #snav li a:hover .fa { /* color: #fff; */ } #snav li:nth-child(10n+1) span, #snav li:nth-child(10n+1) a:hover .fa { /*background-color: #32DE84;*/ } #snav li:nth-child(10n+2) span, #snav li:nth-child(10n+2) a:hover .fa { /*background-color: black;*/ } #slideout { position: fixed; top: 40%; right: 0; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; cursor: pointer; } @media only screen and (max-width: 992px) { #slideout { z-index: 999; } } #slideout p { width: 35px; padding: 12px 0; text-align: center; /* background: #28a745; */ -webkit-writing-mode: tb-rl; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; transform: rotate(-180deg); /* color: white; */ margin: 0 auto; padding: 20px 8px; text-orientation: sideways; min-height: 130px; } #slideout_inner { position: fixed; top: 40%; right: -250px; width: 250px; min-height: 130px; height: auto !important; padding: 15px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; text-align: left; -webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; border-radius: 0 5px 5px 0; /* background: linear-gradient(17deg, #124a1f, #23912a); */ } #slideout_inner textarea { width: 190px; height: 100px; margin-bottom: 6px; } #slideout:hover { right: 250px; transition: right 1s; z-index: 99; } /*.slideoutLeftHeader { right: 250px !important; }*/ /*.slideoutLeftContent { right: 0px !important; }*/ #slideout:hover #slideout_inner { right: 0; transition: right 1s; } .slideoutLeftHeader { right: 250px !important; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .slideoutLeftContent { right: 0px !important; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } /* social media */ /*.side-panel-app li sp ruby (MEGA NONN)*/ .side-panel-app li span { z-index: -999; position: absolute; top: 0; left: 0; opacity: 0; /* background: #c44745; */ background: none !important; border: none !important; line-height: 100px; width: 100px; -webkit-transition: all .3s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; /* border-left: 3px solid #9b3735; */ } ul.all-logo-footer li.one { width: 15% !important; } .withdrawBL { margin-top: -25px !important; } #withdrawBank-224 { margin-top: 14px !important; } .allowAmountNote, .amountNote { font-size: 12px; /* color: red; */ /*display: block;*/ line-height: initial !important; word-break: break-all; } .downline-details { line-height: initial !important; word-break: break-all; } .dls-freespin-wrapper { position: fixed; bottom: 15px !important; left: 20px; z-index: 999; } .btn-sharebox { /* background-image: linear-gradient(to right, #338111, #4bc511); */ /* color: #fff; */ } .btn-sharebox:hover { /* background-image: linear-gradient(to left, #338111, #4bc511); color: #fff; */ } .modal-body .p-2 { padding: 0 !important; /* height: 35px; width: 35px;*/ } .col-auto .btn-sharebox { width: 35px; height: 35px; } .col-auto .btn-sharebox img { /*margin-top: -7px;*/ } .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, #49c011, #1c3a0f); */ } .bg-transparent { /* background-color: #ffffff !important; */ max-width: 420px; } .ui-datepicker .ui-datepicker-header { /* background: #3a9d0d; color: #000; border: 2px solid #059e0f; */ } .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 #059e0f; background: #059e0f; */ font-weight: normal; /* color: #000000; */ } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { /* border: 1px solid #af9696; background: #9f9191; color: #000000; */ } .from-date:focus-within, .end-date:focus-within { /* background: #fff; color: #000; border: 2px solid #DDD; */ } .from-date:focus-within input, .end-date:focus-within input { /* background: #317e0d !important; color: #000; border: 2px solid #317e0d; */ } #registerModal 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(150%) hue-rotate( 45deg ) saturate(13.5) !important;*/ width: 70%; } #registerModal .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(#519761c2, #1b4219d6), #4e4842; */ border-radius: 50%; /* box-shadow: 0 0 10px 0 rgb(41 37 38 / 30%); */ } #registerModal .modal-content { border: none; /*width: 48%;*/ } /*@media (min-width: 767px) { #registerModal .modal-content { width: 650px !important; } } */ #alertModal .modal-content { /* background-color: rgba(0, 0, 0, .9); */ width: 500px; } .dls-pop-button { /* background: linear-gradient( 180deg, #07b012 0%, #28a745 51%, #0b7612 51%, #28a745 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(0deg, #07b012 0%, #28a745 51%, #0b7612 51%, #28a745 100%); */ } .dls-pop-bg { /* background: linear-gradient( 0deg, #07b012 0%, #28a745 35%, #28a745 100%); */ position: relative; top: 165px; z-index: -9; border-radius: 15px; } .dls-gold { background: -webkit-linear-gradient(left, #222, #107817, #095c0e); background: linear-gradient(left, #DF9F28, #FDE08D, #8f6B29); height: 5px; } /*@media (max-width: 320px) { .localized-wrapping input { width: 65% !important; }*/ .TogglePanel__PanelOne { opacity: 1; margin-top: 2px; font-size: 12px !important; } .TogglePanel--showAlternate .TogglePanel__PanelTwo { font-size: 12px !important; } } .ui-icon-circle-triangle-w, .ui-icon-circle-triangle-e { /*color:#000000 !important;*/ } /*.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7485%) hue-rotate(112deg) brightness(100%) contrast(100%) !important; } .ui-datepicker .ui-datepicker-prev span:hover, .ui-datepicker .ui-datepicker-next span:hover { cursor: pointer !important; filter: brightness(0) saturate(100%) invert(0%) sepia(3%) saturate(14%) hue-rotate(103deg) brightness(105%) contrast(105%) !important; }*/ .hide_wallet { /*color: red !important;*/ } /*.TogglePanel__PanelTwo span:nth-child(2){ color:gold !important; }*/ .TogglePanel__PanelTwo span:nth-child(2) { color: #fff !important; padding-top: 3px !important; position: absolute; font-weight: 900; } #addBank.modal2 .popup-form { background-color: #000 !important; border: 1px #6a6868 solid !important; border-top: none !important; } .ui-icon, .ui-widget-content .ui-icon { background-image: url('../../../Content/css/images/ui-icons_444444_256x240.png') !important; } .ui-icon, .ui-widget-content .ui-icon:hover { cursor: pointer; } @media(min-width:768px) { .withdrawBL { margin-top: auto !important; } } .loyalprogram-info .table-title { color: rgba(201,171,74,.8); } #DepoConfModal .btn-primary { background-image: linear-gradient(to right, #6a11cb, #2575fc); border-color: black; } :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; margin-top: 10px; /*gap: 0.5rem; margin: 1rem 0;*/ } #registerModal .model-h3 { font-size: 1.3rem !important; font-weight: 500; width: 100%; margin: 0 !important; /*color: #fff;*/ line-height: 125%; padding:0; } #registerModal .model-h3 > small { display: block; font-size: 0.75rem; 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 { --borderRadius: 5px; position: relative; margin-bottom: 10px; display: block; width: 100%; border-radius: var(--borderRadius); } .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; } @media (max-width: 428px) { .error_register_msg.text-danger { display: none; } } .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: var(--borderRadius); 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; margin-left: 0.25rem } .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 .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:initial; position: absolute; right: 15px; top: 15px; padding: 5px 8px; border-radius: 100px; display: flex; align-items: center; width: 30px; height: 30px; 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; } .signin-header { display: grid; grid-template-columns: 30px calc(100% - 70px) 30px; gap: 5px; align-items: center; justify-content: center; margin-bottom: 10px; } #__AjaxRegisterAntiForgeryForm button#dropdownMenuLink { display: none; } @media screen and (max-width:768px) { .phone-svg-single { margin-right: -0.25rem !important; } #__AjaxRegisterAntiForgeryForm button#dropdownMenuLink { display: block; margin: 0 !important; padding: 0; position: relative; } #__AjaxRegisterAntiForgeryForm .dropdown .svg-icon { font-size: 30px; width: 30px; height: 30px; } } #__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-color: transparent; } .did-floating-input.border-danger { border-color: #dc3545 !important; } .did-floating-label-content .checkmark, .did-floating-label-content .cross { top: 0 !important; right: 8px; 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; }