/* Minification failed. Returning unminified contents.
(1,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,70): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,84): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,101): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,118): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,134): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,149): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,164): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,177): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,192): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,212): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,230): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,250): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,268): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,283): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,301): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,318): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,334): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,349): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,367): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,389): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,411): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,433): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,456): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,621): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,1): run-time error CSS1019: Unexpected token, found '@charset'
(3,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(3,17): run-time error CSS1019: Unexpected token, found ';'
(13,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14,9): run-time error CSS1035: Expected colon, found ','
(46,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(47,9): run-time error CSS1035: Expected colon, found ','
(86,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(87,9): run-time error CSS1035: Expected colon, found ','
(99,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(100,9): run-time error CSS1035: Expected colon, found ','
(119,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(120,10): run-time error CSS1035: Expected colon, found '{'
(136,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(137,10): run-time error CSS1035: Expected colon, found '{'
(158,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(159,10): run-time error CSS1035: Expected colon, found '{'
(195,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(196,10): run-time error CSS1035: Expected colon, found '{'
(237,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(238,9): run-time error CSS1035: Expected colon, found ','
(262,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(263,9): run-time error CSS1035: Expected colon, found ','
(292,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(324,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(363,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(390,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(391,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(424,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(425,10): run-time error CSS1035: Expected colon, found '{'
(457,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(458,10): run-time error CSS1035: Expected colon, found '{'
(497,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(498,10): run-time error CSS1035: Expected colon, found '{'
(534,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(535,10): run-time error CSS1035: Expected colon, found '{'
(576,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(577,9): run-time error CSS1035: Expected colon, found ','
(620,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(621,9): run-time error CSS1035: Expected colon, found ','
(671,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(672,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(698,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(734,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(735,9): run-time error CSS1035: Expected colon, found ','
(779,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(780,9): run-time error CSS1035: Expected colon, found ','
(831,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(832,9): run-time error CSS1035: Expected colon, found ','
(869,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(870,9): run-time error CSS1035: Expected colon, found ','
(912,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(913,9): run-time error CSS1035: Expected colon, found ','
(950,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(951,9): run-time error CSS1035: Expected colon, found ','
(993,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(994,9): run-time error CSS1035: Expected colon, found ','
(1031,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1032,9): run-time error CSS1035: Expected colon, found ','
(1074,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1075,9): run-time error CSS1035: Expected colon, found ','
(1112,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1113,9): run-time error CSS1035: Expected colon, found ','
(1155,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(1175,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(1202,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(1222,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(1247,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(1261,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(1280,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(1294,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(1313,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(1333,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(1358,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1359,10): run-time error CSS1035: Expected colon, found '{'
(1368,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1369,10): run-time error CSS1035: Expected colon, found '{'
(1383,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1384,10): run-time error CSS1035: Expected colon, found '{'
(1397,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1398,10): run-time error CSS1035: Expected colon, found '{'
(1416,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1417,10): run-time error CSS1035: Expected colon, found '{'
(1430,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1431,10): run-time error CSS1035: Expected colon, found '{'
(1449,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1450,10): run-time error CSS1035: Expected colon, found '{'
(1463,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1464,10): run-time error CSS1035: Expected colon, found '{'
(1482,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1483,10): run-time error CSS1035: Expected colon, found '{'
(1496,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1497,10): run-time error CSS1035: Expected colon, found '{'
(1515,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1516,10): run-time error CSS1035: Expected colon, found '{'
(1529,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1530,10): run-time error CSS1035: Expected colon, found '{'
(1548,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1549,10): run-time error CSS1035: Expected colon, found '{'
(1562,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1563,10): run-time error CSS1035: Expected colon, found '{'
(1581,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1582,10): run-time error CSS1035: Expected colon, found '{'
(1595,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1596,10): run-time error CSS1035: Expected colon, found '{'
(1614,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1615,10): run-time error CSS1035: Expected colon, found '{'
(1628,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1629,10): run-time error CSS1035: Expected colon, found '{'
(1647,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1648,10): run-time error CSS1035: Expected colon, found '{'
(1657,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1658,10): run-time error CSS1035: Expected colon, found '{'
(1672,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1673,10): run-time error CSS1035: Expected colon, found '{'
(1684,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1685,10): run-time error CSS1035: Expected colon, found '{'
(1701,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1702,10): run-time error CSS1035: Expected colon, found '{'
(1713,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1714,10): run-time error CSS1035: Expected colon, found '{'
(1730,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1731,10): run-time error CSS1035: Expected colon, found '{'
(1742,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1743,10): run-time error CSS1035: Expected colon, found '{'
(1759,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1760,10): run-time error CSS1035: Expected colon, found '{'
(1771,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1772,10): run-time error CSS1035: Expected colon, found '{'
(1788,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1789,10): run-time error CSS1035: Expected colon, found '{'
(1800,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1801,10): run-time error CSS1035: Expected colon, found '{'
(1817,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1818,10): run-time error CSS1035: Expected colon, found '{'
(1829,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1830,10): run-time error CSS1035: Expected colon, found '{'
(1846,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1847,10): run-time error CSS1035: Expected colon, found '{'
(1858,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1859,10): run-time error CSS1035: Expected colon, found '{'
(1875,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1876,10): run-time error CSS1035: Expected colon, found '{'
(1887,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1888,10): run-time error CSS1035: Expected colon, found '{'
(1904,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1905,10): run-time error CSS1035: Expected colon, found '{'
(1949,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1950,10): run-time error CSS1035: Expected colon, found '{'
(2001,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2002,10): run-time error CSS1035: Expected colon, found '{'
(2034,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2035,10): run-time error CSS1035: Expected colon, found '{'
(2074,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2075,10): run-time error CSS1035: Expected colon, found '{'
(2107,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2108,10): run-time error CSS1035: Expected colon, found '{'
(2147,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2148,10): run-time error CSS1035: Expected colon, found '{'
(2166,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2167,10): run-time error CSS1035: Expected colon, found '{'
(2194,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2195,10): run-time error CSS1035: Expected colon, found '{'
(2213,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2214,10): run-time error CSS1035: Expected colon, found '{'
(2241,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2242,10): run-time error CSS1035: Expected colon, found '{'
(2265,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2266,10): run-time error CSS1035: Expected colon, found '{'
(2296,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2297,10): run-time error CSS1035: Expected colon, found '{'
(2308,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2309,10): run-time error CSS1035: Expected colon, found '{'
(2327,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2328,10): run-time error CSS1035: Expected colon, found '{'
(2345,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2346,10): run-time error CSS1035: Expected colon, found '{'
(2368,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2369,10): run-time error CSS1035: Expected colon, found '{'
(2386,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2387,10): run-time error CSS1035: Expected colon, found '{'
(2409,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2410,10): run-time error CSS1035: Expected colon, found '{'
(2427,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2428,10): run-time error CSS1035: Expected colon, found '{'
(2450,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2451,10): run-time error CSS1035: Expected colon, found '{'
(2468,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2469,10): run-time error CSS1035: Expected colon, found '{'
(2491,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2492,10): run-time error CSS1035: Expected colon, found '{'
(2509,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2510,10): run-time error CSS1035: Expected colon, found '{'
(2532,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2533,10): run-time error CSS1035: Expected colon, found '{'
(2548,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2549,10): run-time error CSS1035: Expected colon, found '{'
(2569,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2570,10): run-time error CSS1035: Expected colon, found '{'
(2585,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2586,10): run-time error CSS1035: Expected colon, found '{'
(2606,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2607,10): run-time error CSS1035: Expected colon, found '{'
(2622,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2623,10): run-time error CSS1035: Expected colon, found '{'
(2643,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2644,10): run-time error CSS1035: Expected colon, found '{'
(2659,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2660,10): run-time error CSS1035: Expected colon, found '{'
(2680,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2681,10): run-time error CSS1035: Expected colon, found '{'
(2696,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2697,10): run-time error CSS1035: Expected colon, found '{'
(2717,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2753,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2754,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2796,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2797,10): run-time error CSS1035: Expected colon, found '{'
(2822,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2823,10): run-time error CSS1035: Expected colon, found '{'
(2855,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2856,10): run-time error CSS1035: Expected colon, found '{'
(2869,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2870,10): run-time error CSS1035: Expected colon, found '{'
(2890,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2891,10): run-time error CSS1035: Expected colon, found '{'
(2902,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2903,10): run-time error CSS1035: Expected colon, found '{'
(2919,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2920,10): run-time error CSS1035: Expected colon, found '{'
(2931,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2932,10): run-time error CSS1035: Expected colon, found '{'
(2948,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2949,10): run-time error CSS1035: Expected colon, found '{'
(2966,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2967,10): run-time error CSS1035: Expected colon, found '{'
(2989,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2990,10): run-time error CSS1035: Expected colon, found '{'
(3007,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3008,10): run-time error CSS1035: Expected colon, found '{'
(3030,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3031,10): run-time error CSS1035: Expected colon, found '{'
(3048,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3049,10): run-time error CSS1035: Expected colon, found '{'
(3071,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3072,10): run-time error CSS1035: Expected colon, found '{'
(3089,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3090,10): run-time error CSS1035: Expected colon, found '{'
(3112,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3113,10): run-time error CSS1035: Expected colon, found '{'
(3128,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3129,10): run-time error CSS1035: Expected colon, found '{'
(3149,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(3169,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(3194,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(3210,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(3231,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(3247,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(3268,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(3288,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(3313,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3314,10): run-time error CSS1035: Expected colon, found '{'
(3326,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3327,10): run-time error CSS1035: Expected colon, found '{'
(3344,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3345,10): run-time error CSS1035: Expected colon, found '{'
(3357,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3358,10): run-time error CSS1035: Expected colon, found '{'
(3375,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3376,10): run-time error CSS1035: Expected colon, found '{'
(3388,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3389,10): run-time error CSS1035: Expected colon, found '{'
(3406,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3407,10): run-time error CSS1035: Expected colon, found '{'
(3419,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3420,10): run-time error CSS1035: Expected colon, found '{'
(3437,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3438,10): run-time error CSS1035: Expected colon, found '{'
(3450,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3451,10): run-time error CSS1035: Expected colon, found '{'
(3468,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3469,10): run-time error CSS1035: Expected colon, found '{'
(3481,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3482,10): run-time error CSS1035: Expected colon, found '{'
(3499,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3500,10): run-time error CSS1035: Expected colon, found '{'
(3512,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3513,10): run-time error CSS1035: Expected colon, found '{'
(3530,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3531,10): run-time error CSS1035: Expected colon, found '{'
(3543,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3544,10): run-time error CSS1035: Expected colon, found '{'
(3682,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3683,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3691,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3692,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4416,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4417,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(4421,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4422,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(4437,1): run-time error CSS1019: Unexpected token, found '@charset'
(4437,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(4437,17): run-time error CSS1019: Unexpected token, found ';'
(4437,8074): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4437,8095): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4437,8214): run-time error CSS1019: Unexpected token, found '@keyframes'
(4437,8227): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5843,1): run-time error CSS1019: Unexpected token, found '@charset'
(5843,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(5843,17): run-time error CSS1019: Unexpected token, found ';'
(5935,3): run-time error CSS1019: Unexpected token, found '@import'
(5935,11): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Poppins:wght@400;500;600;700&display=swap")'
(5935,141): run-time error CSS1019: Unexpected token, found ';'
(5936,3): run-time error CSS1019: Unexpected token, found '@import'
(5936,11): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700|Roboto:100,500,300,400,700&display=swap")'
(5936,121): run-time error CSS1019: Unexpected token, found ';'
(5937,3): run-time error CSS1019: Unexpected token, found '@import'
(5937,11): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap")'
(5937,161): run-time error CSS1019: Unexpected token, found ';'
(6217,3): run-time error CSS1019: Unexpected token, found '@keyframes'
(6218,10): run-time error CSS1035: Expected colon, found '{'
(6227,3): run-time error CSS1019: Unexpected token, found '@keyframes'
(6228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6276,3): run-time error CSS1019: Unexpected token, found '@keyframes'
(6277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6286,3): run-time error CSS1019: Unexpected token, found '@keyframes'
(6287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6296,3): run-time error CSS1019: Unexpected token, found '@keyframes'
(6297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6665,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6666,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6806,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6807,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6961,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6962,8): run-time error CSS1035: Expected colon, found '{'
(8926,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8927,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9928,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9929,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9979,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9980,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9987,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9988,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9995,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9996,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10003,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10004,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '70%'
(10011,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10012,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10019,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10020,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10027,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10028,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10038,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10039,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10048,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10049,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10058,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10059,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10423,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10424,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10431,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10432,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12692,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12693,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12702,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12703,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12752,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12753,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12823,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12824,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12836,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12837,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12849,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12850,8): run-time error CSS1035: Expected colon, found '{'
(15021,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15022,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15031,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15032,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15041,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15042,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15438,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15439,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15449,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15450,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16216,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16217,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16682,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16683,8): run-time error CSS1035: Expected colon, found '{'
(17294,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17295,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17307,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17308,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17320,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17321,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17330,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17331,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17340,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17341,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17385,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17386,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18301,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18302,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(19516,10): run-time error CSS1038: Expected hex color, found '#ffff'
(19991,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(19992,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20004,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20005,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20017,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20018,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20027,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20028,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20037,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20038,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20089,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20090,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20467,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20468,8): run-time error CSS1035: Expected colon, found '{'
(21833,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(21834,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22543,18): run-time error CSS1046: Expect comma, found '255'
(22543,26): run-time error CSS1046: Expect comma, found '/'
(22721,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(22722,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22731,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(22732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22741,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(22742,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22799,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(22800,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014 \00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#212529}.table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;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}@media screen and (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:not([size]):not([multiple]){height:calc(2.25rem + 2px)}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm,.input-group-lg>.form-control-plaintext.form-control,.input-group-lg>.input-group-append>.form-control-plaintext.btn,.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,.input-group-lg>.input-group-prepend>.form-control-plaintext.btn,.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,.input-group-sm>.form-control-plaintext.form-control,.input-group-sm>.input-group-append>.form-control-plaintext.btn,.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,.input-group-sm>.input-group-prepend>.form-control-plaintext.btn,.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text{padding-right:0;padding-left:0}.form-control-sm,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-sm>select.form-control:not([size]):not([multiple]),select.form-control-sm:not([size]):not([multiple]){height:calc(1.8125rem + 2px)}.form-control-lg,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-lg>select.form-control:not([size]):not([multiple]),select.form-control-lg:not([size]):not([multiple]){height:calc(2.875rem + 2px)}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.5rem;margin-top:.1rem;font-size:.875rem;line-height:1;color:#fff;background-color:rgba(40,167,69,.8);border-radius:.2rem}.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid{border-color:#28a745}.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{background-color:#71dd8a}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label::before,.was-validated .custom-file-input:valid~.custom-file-label::before{border-color:inherit}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.5rem;margin-top:.1rem;font-size:.875rem;line-height:1;color:#fff;background-color:rgba(220,53,69,.8);border-radius:.2rem}.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid{border-color:#dc3545}.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{background-color:#efa2a9}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label::before,.was-validated .custom-file-input:invalid~.custom-file-label::before{border-color:inherit}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active{background-image:none}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-primary{color:#007bff;background-color:transparent;background-image:none;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;background-color:transparent;background-image:none;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;background-color:transparent;background-image:none;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;background-color:transparent;background-image:none;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;background-color:transparent;background-image:none;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;background-color:transparent;background-image:none;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;background-color:transparent;background-image:none;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;background-color:transparent;background-image:none;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;background-color:transparent}.btn-link:hover{color:#0056b3;text-decoration:underline;background-color:transparent;border-color:transparent}.btn-link.focus,.btn-link:focus{text-decoration:underline;border-color:transparent;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media screen and (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media screen and (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-right{right:0;left:auto}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:0 1 auto;flex:0 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical .btn,.btn-group-vertical .btn-group{width:100%}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file:focus,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control{margin-left:-1px}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:active~.custom-control-label::before{color:#fff;background-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#dee2e6}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;background-size:8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(128,189,255,.5)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{opacity:0}.custom-select-sm{height:calc(1.8125rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:75%}.custom-select-lg{height:calc(2.875rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:125%}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:focus~.custom-file-label::after{border-color:#80bdff}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(2.25rem + 2px);padding:.375rem .75rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:2.25rem;padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:1px solid #ced4da;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;padding-left:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;-webkit-appearance:none;appearance:none}.custom-range::-webkit-slider-thumb:focus{outline:0;box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;-moz-appearance:none;appearance:none}.custom-range::-moz-range-thumb:focus{outline:0;box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;appearance:none}.custom-range::-ms-thumb:focus{outline:0;box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top{border-top-right-radius:0}.card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top{border-top-left-radius:0}.card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group>.card:only-child{border-radius:.25rem}.card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-group>.card:not(:first-child):not(:last-child):not(:only-child){border-radius:0}.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top{border-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion .card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion .card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion .card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion .card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}.badge-primary[href]:focus,.badge-primary[href]:hover{color:#fff;text-decoration:none;background-color:#0062cc}.badge-secondary{color:#fff;background-color:#6c757d}.badge-secondary[href]:focus,.badge-secondary[href]:hover{color:#fff;text-decoration:none;background-color:#545b62}.badge-success{color:#fff;background-color:#28a745}.badge-success[href]:focus,.badge-success[href]:hover{color:#fff;text-decoration:none;background-color:#1e7e34}.badge-info{color:#fff;background-color:#17a2b8}.badge-info[href]:focus,.badge-info[href]:hover{color:#fff;text-decoration:none;background-color:#117a8b}.badge-warning{color:#212529;background-color:#ffc107}.badge-warning[href]:focus,.badge-warning[href]:hover{color:#212529;text-decoration:none;background-color:#d39e00}.badge-danger{color:#fff;background-color:#dc3545}.badge-danger[href]:focus,.badge-danger[href]:hover{color:#fff;text-decoration:none;background-color:#bd2130}.badge-light{color:#212529;background-color:#f8f9fa}.badge-light[href]:focus,.badge-light[href]:hover{color:#212529;text-decoration:none;background-color:#dae0e5}.badge-dark{color:#fff;background-color:#343a40}.badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#1d2124}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media screen and (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item:focus,.list-group-item:hover{z-index:1;text-decoration:none}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:focus,.close:hover{color:#000;text-decoration:none;opacity:.75}.close:not(:disabled):not(.disabled){cursor:pointer}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}@media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before{border-width:.5rem .5rem 0}.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before{bottom:0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after{bottom:1px;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before{border-width:.5rem .5rem .5rem 0}.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before{left:0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after{left:1px;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before{border-width:0 .5rem .5rem .5rem}.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before{top:0;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after{top:1px;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before{border-width:.5rem 0 .5rem .5rem}.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before{right:0;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after{right:1px;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;-ms-flex-align:center;align-items:center;width:100%;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}@media screen and (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.carousel-fade .carousel-item{opacity:0;transition-duration:.6s;transition-property:opacity}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{opacity:0}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:rgba(255,255,255,.5)}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-circle{border-radius:50%!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#1e7e34!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#117a8b!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#dae0e5!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#1d2124!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}

@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce {
    from,
    20%,
    53%,
    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);
        -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);
        transform: translate3d(0, -30px, 0);
    }

    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);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    from,
    20%,
    53%,
    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);
        -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);
        transform: translate3d(0, -30px, 0);
    }

    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);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

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

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -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);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    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);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    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);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    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);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    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);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    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);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    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);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    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);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-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 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 flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    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 lightSpeedIn {
    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);
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -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-transform-origin: top left;
        transform-origin: top left;
        -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-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -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-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

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

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

@-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-transform-origin: center bottom;
        transform-origin: center bottom;
        -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-transform-origin: center bottom;
        transform-origin: center bottom;
        -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-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);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@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);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-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);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@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);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-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-transform-origin: center bottom;
        transform-origin: center bottom;
        -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-transform-origin: center bottom;
        transform-origin: center bottom;
        -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-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;
}

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

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
}

.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

@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;
    }
}
@font-face {
    font-family: 'Circular Std';
    src: url('../fonts/app_landing/CircularStd-Black.woff2') format('woff2'),
    url('../fonts/app_landing/CircularStd-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Circular';
    src: url('Circula-Medium.woff2') format('woff2'),
    url('Circula-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Circular Std';
    src: url('../fonts/app_landing/Circular Std Medium.woff2') format('woff2'),
    url('../fonts/app_landing/Circular Std Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'Circular Std Book';
    src: url('../fonts/app_landing/CircularStd-Book.woff2') format('woff2'),
    url('../fonts/app_landing/CircularStd-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* 
 *  Owl Carousel - Animate Plugin
 */
.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 Carousel - Auto Height Plugin
 */
.owl-height {
  -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;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.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;
}
.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-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -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;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.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 */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  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;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-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);
  -moz-transition: scale(1.3, 1.3);
  -ms-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-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;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 7, 2016
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/**
 * bxSlider v4.2.5
 * Copyright 2013-2015 Steven Wanderski
 * Written while drinking Belgian ales and listening to jazz

 * Licensed under MIT (http://opensource.org/licenses/MIT)
 */


.bx-wrapper{position:relative;margin:0 auto 60px;padding:0;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper{-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;background:#fff}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;*zoom:1;*display:inline}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px;background:url(images/controls.png) no-repeat 0 -32px}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next{right:10px;background:url(images/controls.png) no-repeat -43px -32px}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}
@charset "UTF-8";body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-is-closing .fancybox-stage{overflow:visible}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:none}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--zoom svg path{fill:transparent}.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:40px;height:40px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:22px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:none}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-40px}.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:transparent}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%;text-align:center}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:35px;font-weight:700}.fancybox-share p{margin:0;padding:0}p.fancybox-share__links{margin-right:-10px}.fancybox-share__button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:0 15px;min-width:130px;border:0;border-radius:3px;background:#fff;white-space:nowrap;font-size:14px;font-weight:700;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;transition:all .2s}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{position:relative;top:-1px;width:25px;height:25px;margin-right:7px;vertical-align:middle}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{box-sizing:border-box;width:100%;margin:10px 0 0;padding:10px 15px;background:transparent;color:#5d5b5b;font-size:14px;outline:none;border:0;border-bottom:2px solid #d7d7d7}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(../img/mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */
.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

	/*
  	Flaticon icon font: Flaticon
  	Creation date: 03/05/2020 09:20
  	*/

@font-face {
  font-family: "Flaticon";
  src: url("../fonts/Flaticon.eot");
  src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Flaticon.woff2") format("woff2"),
       url("../fonts/Flaticon.woff") format("woff"),
       url("../fonts/Flaticon.ttf") format("truetype"),
       url("../fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
font-style: normal;
}
.flaticon-power-button:before { content: "\f100"; }
.flaticon-corporate-identity:before { content: "\f101"; }
.flaticon-logo:before { content: "\f102"; }
.flaticon-computer:before { content: "\f103"; }
.flaticon-duplicate:before { content: "\f104"; }
.flaticon-layers:before { content: "\f105"; }
.flaticon-pen-tool:before { content: "\f106"; }
.flaticon-bug:before { content: "\f107"; }
.flaticon-crop:before { content: "\f108"; }
.flaticon-text:before { content: "\f109"; }
.flaticon-web-development:before { content: "\f10a"; }
.flaticon-medal:before { content: "\f10b"; }
.flaticon-verified-user:before { content: "\f10c"; }
.flaticon-download:before { content: "\f10d"; }
.flaticon-idea:before { content: "\f10e"; }
.flaticon-foward:before { content: "\f10f"; }
.flaticon-quote:before { content: "\f110"; }
.flaticon-diamond:before { content: "\f111"; }
@charset "UTF-8";
/*----------------------------------------------------
@File: Default Styles
@Author: 
@URL: 

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
---------------------------------------------------- */
/*=====================================================================
@Template Name: 
@Author: Themexriver.

**Css Table Of Content**
1- App Landing--
  *1- Global Area
  *2- Header Area
  *3- Banner Area
  *4- Feature Area
  *5- Service Area
  *6- Funfact Area
  *7- How this work Area
  *8- App Download Area
  *9- Team Area
  *10- FAQ area
  *11- App Screenshoot Area
  *12- Testimonial Area
  *13- Partner Area
  *14- Newslatter Area
  *15- Footer Area
2- Digital SEO --
  *1- Global Area
  *2- Header Area
  *3- Banner Area
  *4- Service Area
  *5- ABout Area
  *6- Newslatter Area
  *7- Mission Area
  *8- Pricing Plan Area
  *9= Testimonial Area
  *10- Case Study Area
  *11- Call to Action Area
  *12- Blog Area
  *13- Footer
3- SaaS Modern--
  *1- Global Area
  *2- Header Area
  *3- Banner Area
  *4- Featured Area
  *5- ABout Area
  *6- Partner Area
  *7- Team Area
  *8- Testimonial Area
  *9- Newslatter Area 
4- SaaS Classic --
  *1- Global Area
  *2- Header Area
  *3- Banner Area
  *4- Service Area
  *5- ABout Area
  *6- Feature Area
  *7- Team Area
  *8- FAQ Area
  *9= Pricing Area
  *10- Footer
 5- StartUp Agency --
  *1- Global Area
  *2- Header Area
  *3- Banner Area
  *4- Feature Area
  *5- ABout Area
  *6- Work Process Area
  *7- Portfolio Area
  *8- Testimonial Area
  *9= Partner Area
  *10- Footer 
 2- Digital Agency --
  *1- Global Area
  *2- Header Area
  *3- Banner Area
  *4- Service Area
  *5- CountDown Area
  *6- About Area
  *7- Experience Area
  *8- PortFolio Area
  *9= Team Area
  *10- Testimonial Area
  *11- Blog Area
  *12- Newslatter Area
  *13- Footer 
  =====================================================================*/
  @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Poppins:wght@400;500;600;700&display=swap");
  @import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700|Roboto:100,500,300,400,700&display=swap");
  @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand/Quicksand-VariableFont_wght.woff') format('woff'),url('../fonts/Quicksand/Quicksand-VariableFont_wght.otf') format('opentype'),url('../fonts/Quicksand/Quicksand-VariableFont_wght.ttf') format('truetype');
    font-style: normal;
    font-display: swap;
}
  /*----------------------------------------------------*/
  /*App landing global area*/
  /*----------------------------------------------------*/
  .app-eight-home {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-size: 16px;
    line-height: 1.4;
    /*font-family: "Circular Std Book";*/
    font-family: "Quicksand";
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
  }
  .app-eight-home::selection {
    color: #ffffff;
    background-color: #6e3ebf;
  }
  .app-eight-home::-moz-selection {
    color: #ffffff;
    background-color: #6e3ebf;
  }
  .app-eight-home .container {
    max-width: 1200px;
  }
  .ul-li ul {
    margin: 0;
    padding: 0;
  }
  .ul-li ul li {
    list-style: none;
    display: inline-block;
  }
  .ul-li-block ul {
    margin: 0;
    padding: 0;
  }
  .ul-li-block ul li {
    list-style: none;
    display: block;
  }
  div#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
  }
  .ei-preloader {
    background-color: #fff;
    background: #f1f2f3 url("../img/app-landing/pre.svg") no-repeat center center;
  }
  .container {
    max-width: 1200px;
  }
  [data-background] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  a:hover,
  a:focus {
    text-decoration: none;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  section {
    overflow: hidden;
  }
  button {
    cursor: pointer;
  }
  .form-control:focus,
  button:visited,
  button.active,
  button:hover,
  button:focus,
  input:visited,
  input.active,
  input:hover,
  input:focus,
  textarea:hover,
  textarea:focus,
  a:hover,
  a:focus,
  a:visited,
  a.active,
  select,
  select:hover,
  select:focus,
  select:visited {
    outline: none;
    box-shadow: none;
    text-decoration: none;
    color: inherit;
  }
  .form-control {
    box-shadow: none;
  }
  .relative-position {
    position: relative;
  }
  .pera-content p {
    margin-bottom: 0;
  }
  .appeight-headline h1,
  .appeight-headline h2,
  .appeight-headline h3,
  .appeight-headline h4,
  .appeight-headline h5,
  .appeight-headline h6 {
    margin: 0;
    font-family: "Poppins";
  }
.ei-scrollup {
    width: 55px;
    right: 20px;
    z-index: 5;
    height: 55px;
    bottom: 20px;
    display: none;
    position: fixed;
    border-radius: 100%;
    line-height: 55px;
    background-image: linear-gradient( 125deg, #6407c1 0%, #324add 49%, #008df9 100%);
}
  .ei-scrollup i {
    color: #fff;
    font-size: 20px;
  }
  .eight-section-title {
    margin: 0 auto;
  }
  .eight-section-title .eg-title-tag {
    color: #000000;
    font-size: 17px;
    font-weight: 500;
    position: relative;
    font-family: "Circular Std";
  }
  .eight-section-title .eg-title-tag i:nth-child(1) {
    height: 5px;
    width: 5px;
    background-color: #4ce7f3;
  }
  .eight-section-title h2 {
    font-size: 36px;
    font-weight: 700;
    padding: 15px 0px 12px;
    line-height: 1.306;
  }
  .eight-section-title h2 span {
    font-weight: 400;
  }
  .eight-section-title .square-shape {
    width: 40px;
    height: 35px;
    left: -52px;
    top: 0;
    position: absolute;
  }
  .eight-section-title .square-shape i {
    height: 9px;
    width: 9px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .eight-section-title .square-shape i:nth-child(1) {
    top: -8px;
    width: 5px;
    height: 5px;
    left: 20px;
    background-color: #4ce7f3;
  }
  .eight-section-title .square-shape i:nth-child(2) {
    width: 10px;
    left: 28px;
    height: 10px;
    background-color: #4ce7f3;
  }
  .eight-section-title .square-shape i:nth-child(3) {
    height: 17px;
    width: 17px;
    background-color: #7c0dbe;
  }
  .eight-section-title .square-shape i:nth-child(4) {
    top: 10px;
    left: 10px;
    width: 12px;
    height: 12px;
    background-color: #ff00d6;
  }

  .eight-section-title p {
    font-size: 17px;
    line-height: 1.647;
  }

.ei-btn a, .ei-btn input {
    display: block;
    height: 55px;
    color: #fff;
    width: 195px;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 55px;
    text-align: center;
    border-radius: 50px;
    float: right;
    border-top-right-radius: 0;
    background-color: #4143e3;
    border-width:0;
    cursor:pointer;
}

    .ei-btn a:hover, .ei-btn input:hover {
        background-color: #009cff;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 0px;
    }

.ei-btn {
    padding: 20px 0px 10px 0px;
}

a.link {
    display: table;
    color: #0090ff;
    margin-top: 3px;
    font-size: 15px;
    font-weight: 700;
    font-family: "Quicksand";
    position: relative;
}

     a.link:after {
        left: 0;
        bottom: 0;
        content: "";
        height: 2px;
        width: 0%;
        position: absolute;
        background-color: #0090ff;
        transition: 0.3s all ease-in-out;
    }

    a.link:before {
        top: -2px;
        right: -25px;
        content: "";
        font-size: 20px;
        font-weight: 900;
        position: absolute;
        transition: 0.3s all ease-in-out;
        font-family: "Font Awesome 5 Free";
    }

    a.link:hover:before {
        right: -35px;
    }

    a.link:hover:after {
        width: 100%;
    }
  @keyframes scale {
    from {
      transform: scale(0.9);
      -webkit-transform: scale(0.9);
    }
    to {
      transform: scale(1.08);
      -webkit-transform: scale(1.08);
    }
  }
  @keyframes left-right-move {
    0% {
      transform: translateX(-100px);
    }
    50% {
      transform: translateX(-10px);
    }
    100% {
      transform: translateX(-100px);
    }
  }
  /*---------------------------------------------------- */
  /*global area*/
  /*----------------------------------------------------*/
  .feature-eight-section .eight-feature-box .feature-icon8 i,
  .ei-service-icon-text .ei-service-icon i,
  .eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-icon i {
    display: block;
    background-image: linear-gradient(173deg, #ff00d7 30%, #50c7f5 67%, #72aaff 99%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .ei-service-icon-text:hover .ei-service-icon i,
  .eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text:hover .eg-how-work-icon i {
    display: block;
    background: -webkit-gradient(left top, right top, color-stop(0%, #fff), color-stop(100%, #fff));
    background: -ms-linear-gradient(left, #fff 0%, #fff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

.ei-service-icon-text .ei-service-icon:after, .ei-service-icon-text .ei-service-icon:before,
.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-icon:after {
    position: absolute;
    content: "";
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: -1;
    transition: 0.3s all ease-in-out;
    transform: scale(0.5);
    border-radius: 100%;
    background-image: -ms-linear-gradient(173deg, #4cd0ff 0%, #617af4 53%, #ff03d0 99%);
}
  @keyframes fadeFromLeft {
    0% {
      opacity: 0;
      transform: translateX(-20px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes fadeFromRight {
    0% {
      opacity: 0;
      transform: translateX(20px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes fadeFromUp {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .fadeFromUp {
    animation-name: fadeFromUp;
  }

  .fadeFromRight {
    animation-name: fadeFromRight;
  }

  .fadeFromLeft {
    animation-name: fadeFromLeft;
  }

  /*---------------------------------------------------- */
  /*Header area*/
  /*----------------------------------------------------*/
  .main-header-eight {
    top: 20px;
    width: 100%;
    z-index: 10;
    position: absolute;
  }

  .main-header-eight .appheader-content {
    padding: 0px 120px;
  }

  .main-header-eight .appheader-content .site-logo {
    margin-right: 60px;
  }
    .main-header-eight .appheader-content .site-logo img{
        /*width:220px;*/
    }
    .main-header-eight .appheader-content .navigation-eight {
        color: #fff;
        font-weight: 500;
        display: inline-block;
        font-family: 'Quicksand';
        padding-top: 10px;
        text-shadow:1px 1px 2px rgba(0,0,0,0.5);
    }

  .main-header-eight .appheader-content .navigation-eight li {
    margin-right: 10px;
  }

  .main-header-eight .appheader-content .navigation-eight li a {
    display: inline;
    padding: 28px 5px;
    position: relative;
  }

  .main-header-eight .appheader-content .navigation-eight li a:after {
    left: auto;
    right: 0;
    top: 0;
    height: 4px;
    content: "";
    width: 0%;
    position: absolute;
    border-radius: 50px;
    background-color: #49eff2;
    transition: 0.3s all ease-in-out;
  }

  .main-header-eight .appheader-content .navigation-eight li a:hover:after {
    width: 100%;
    right: auto;
    left: 0;
  }

  .main-header-eight .appheader-content .navigation-eight li a.active:after {
    width: 100%;
    right: auto;
    left: 0;
  }

  .main-header-eight .appheader-content .sign-up-btn-eight {
    height: 40px;
    width: 110px;
    line-height: 40px;
    border-radius: 20px;
    justify-content: center;
    background-color: #29f5eb;
    transition: 0.3s all ease-in-out;
  }

  .main-header-eight .appheader-content .sign-up-btn-eight a {
    font-weight: 600;
    display: block;
    width: 100%;
  }

  .main-header-eight .appheader-content .sign-up-btn-eight:hover {
    background-color: #009cff;
  }

  .main-header-eight .appheader-content .sign-up-btn-eight:hover a {
    color: #fff;
  }

  .main-header-eight .appheader-content .h-eight-social {
    padding-top: 10px;
    margin-left: 40px;
  }

  .main-header-eight .appheader-content .h-eight-social li {
    margin-left: 18px;
    color: #fff;
    transition: 0.3s all ease-in-out;
  }

  .main-header-eight .appheader-content .h-eight-social li:hover {
    transform: translateY(-5px);
  }

  .main-header-eight .appheader-content .dropdown {
    position: relative;
  }

  .main-header-eight .appheader-content .dropdown:after {
    content: "";
    position: absolute;
    right: -5px;
    font-size:10px;
    bottom: 3px;
    transition: 0.3s all ease-in-out;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
  }

  .main-header-eight .appheader-content .dropdown .dropdown-menu {
    top: 65px;
    left: 0;
    opacity: 0;
    z-index: 100;
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 200px;
    display: block;
    border: none;
    padding: 10px 0px 0px;
    visibility: hidden;
    position: absolute;
    background-color: #fff;
    transition: all 0.4s ease-in-out;
    border: 2px solid #73299a;
    box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1);
    border-radius: 5px;
  }

  .main-header-eight .appheader-content .dropdown .dropdown-menu li {
    width: 100%;
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
  }

  .main-header-eight .appheader-content .dropdown .dropdown-menu li a {
    color: #343434;
    font-size: 14px;
    padding: 10px 0px;
    position: relative;
    transition: 0.3s all ease-in-out;
    text-shadow:none;
  }

  .main-header-eight .appheader-content .dropdown .dropdown-menu li a:after {
    left: 0;
    top: 15px;
    width: 8px;
    height: 8px;
    content: "";
    position: absolute;
    border-radius: 100%;
    transform: scale(0);
    background-color: #73299a;
    transition: 0.3s all ease-in-out;
  }

  .main-header-eight .appheader-content .dropdown .dropdown-menu li a:hover {
    padding-left: 15px;
  }

  .main-header-eight .appheader-content .dropdown .dropdown-menu li a:hover:after {
    transform: scale(1);
  }

  .main-header-eight .appheader-content .dropdown:hover .dropdown-menu {
    top: 25px;
    opacity: 1;
    visibility: visible;
  }

/* -------------------------------- 
Sticky Menu
-------------------------------- */
.eisticky-menu-bg-overlay {
    background-color: #230847;
    animation-duration: 0.7s;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    position: fixed;
    top: 0px;
    padding: 20px 0px;
    animation-timing-function: ease;
    transition: 0.3s all ease-in-out;
}

.main-header-eight.eisticky-menu-bg-overlay {
  z-index: 9;
  top: 0px;
  box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8);
}

/*---------------------------------------------------- */
/*banner area*/
/*----------------------------------------------------*/
.eight-banner-section {
    overflow: visible;
    background: #6d8cf8;
    padding: 170px 0px 150px;
    /*background: linear-gradient(to right, #c12dd1, #6d8cf8);*/
    background: linear-gradient(-150deg, #c12dd1,#7c77b7, #29f5eb);
}

.eight-banner-section:after {
  position: absolute;
  content: "";
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-image: url(../img/app-landing/shape/bl-shape.png);
}

.eight-banner-section .eight-banner-content {
  position: relative;
  z-index: 5;
}

.eight-banner-section .eight-banner-content .ei-banner-mbl-mockup {
  position: absolute;
  top: 50px;
  right: 0;
  width:730px;
  z-index:-1;
}

.eight-banner-section .eight-banner-content .banner-content-box {
  max-width: 650px;
}

.eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn {
  padding: 45px 0px 25px 0px;
}

.eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn a {
  font-size: 15px;
  font-weight: 700;
  font-family: "Poppins";
  display: inline-block;
  transition: 0.3s all ease-in-out;
}

    .eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn a:nth-child(1) {
        height: 55px;
        color: #fff;
        width: 175px;
        line-height: 55px;
        text-align: center;
        border-radius: 50px;
        margin-right: 20px;
        border-top-right-radius: 0;
        background-color: #4143e3;
    }

.eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn a:nth-child(1) i {
  top: 5px;
  color: #000;
  font-size: 25px;
  position: relative;
  margin-right: 10px;
}

.eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn a:nth-child(1):hover {
  background-color: #009cff;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 0px;
}

.eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn a:nth-child(2) {
  color: #4ce7f3;
  position: relative;
}

.eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn a:nth-child(2) span {
  color: #fff;
  margin-right: 2px;
}

.eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn a:nth-child(2):after {
  width: 0%;
  content: "";
  position: absolute;
  height: 1px;
  background-color: #4ce7f3;
  bottom: -2px;
  left: auto;
  right: 0;
  transition: 0.3s all ease-in-out;
}

.eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn a:nth-child(2):hover:after {
  left: 22px;
  width: 80%;
  right: auto;
}

.eight-banner-section .eight-banner-content h1 {
  color: #fff;
  font-size: 72px;
  font-weight: 700;
  line-height: 1.083;
  padding-bottom: 20px;
}

.eight-banner-section .eight-banner-content h1 span {
  color: #000;
}

.eight-banner-section .eight-banner-content p {
  font-size: 19px;
  color: #fff;
  width:400px;
}

.eight-banner-section .eight-banner-content .ei-banner-review ul {
  float: left;
  margin-right: 20px;
}

.eight-banner-section .eight-banner-content .ei-banner-review ul li {
  margin-right: 3px;
}

.eight-banner-section .eight-banner-content .ei-banner-review ul li i {
  color: #f6b91c;
  font-size: 15px;
}

.eight-banner-section .eight-banner-content .ei-banner-review p {
  font-size: 14px;
}

.eight-banner-section .eight-banner-content .ei-banner-review p span {
  font-family: "Poppins";
  font-weight: 700;
  color: #000;
}
@keyframes move_wave {
  0% {
    transform: translateX(0) translateZ(0) scaleY(1);
  }
  50% {
    transform: translateX(-25%) translateZ(0) scaleY(0.55);
  }
  100% {
    transform: translateX(-50%) translateZ(0) scaleY(1);
  }
}
.waveWrapper {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 0;
  margin: auto;
}

.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
    background: #6d8cf8;
    /*background: linear-gradient(to right, #c12dd1, #6d8cf8);*/
    background: linear-gradient(-70deg, #c12dd1,#7c77b7, #29f5eb);
}

.bgTop {
  z-index: 15;
  opacity: 0.5;
}

.bgMiddle {
  z-index: 10;
  opacity: 0.75;
}

.bgBottom {
  z-index: 5;
}

.wave {
  position: absolute;
  left: 0;
  width: 200%;
  height: 100%;
  background-repeat: repeat no-repeat;
  background-position: 0 bottom;
  transform-origin: center bottom;
}

.waveTop {
  background-size: 50% 100px;
}

.waveAnimation .waveTop {
  animation: move-wave 3s;
  -webkit-animation: move-wave 3s;
  animation-delay: 1s;
}

.waveMiddle {
  background-size: 50% 120px;
}

.waveAnimation .waveMiddle {
  animation: move_wave 10s linear infinite;
}

.waveBottom {
  background-size: 50% 100px;
}

.waveAnimation .waveBottom {
  animation: move_wave 15s linear infinite;
}

.cd-headline.clip span {
  display: inline-block;
  padding-bottom: 10px;
}

.cd-headline.clip .cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
  vertical-align: top;
}

.cd-headline.clip .cd-words-wrapper::after {
  /* line */
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  width: 2px;
  height: 70px;
  background-color: #aebcb9;
}

.cd-headline.clip b {
  opacity: 0;
}

.cd-headline.clip b.is-visible {
  opacity: 1;
}

.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}

.cd-words-wrapper b {
  display: inline-block;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.cd-words-wrapper b.is-visible {
  opacity: 1;
  position: relative;
}

.no-js .cd-words-wrapper b {
  opacity: 0;
}

/*---------------------------------------------------- */
/*Featured area*/
/*----------------------------------------------------*/
@keyframes rotate {
  0% {
    top: -10px;
    left: -10px;
  }
  25% {
    top: 0px;
    left: 0px;
  }
  50% {
    top: 0px;
    left: 0px;
  }
  75% {
    top: 5px;
    left: 5px;
  }
  100% {
    top: -10px;
    left: -10px;
  }
}
.feature-eight-section {
  padding: 165px 0px 120px;
}

.feature-eight-section .ei-feature-shape {
  right: 0;
  top: 150px;
  z-index: -1;
  position: absolute;
}

.feature-eight-section .eight-section-title {
  max-width: 500px;
  position: relative;
}


.feature-eight-section .eight-feature-content {
  padding-top: 70px;
}

.feature-eight-section .eight-feature-box {
  border-radius: 20px;
  padding: 40px 30px 53px;
  background-color: #e9ebf7;
  transition: 0.3s all ease-in-out;
  min-height:355px;
}

.feature-eight-section .eight-feature-box .feature-icon8 {
  width: 98px;
  z-index: 1;
  height: 98px;
  margin: 0 auto;
  line-height: 115px;
  margin-bottom: 34px;
  border-radius: 25px;
  background-color: #ffffff;
  box-shadow: -0.707px 0.707px 10px 0px rgba(43, 1, 68, 0.1);
}

.feature-eight-section .eight-feature-box .feature-icon8:before,
.feature-eight-section .eight-feature-box .feature-icon8:after {
  content: "";
  z-index: -2;
  border-radius: 30%;
  mix-blend-mode: multiply;
  height: 110px;
  opacity: 0;
  left: 0px;
  top: 0px;
  width: 110px;
  position: absolute;
  transition: 0.3s all ease-in-out;
}

.feature-eight-section .eight-feature-box .feature-icon8:before {
  animation: rotate 1.8s linear infinite;
  background: #33f1ff;
}

.feature-eight-section .eight-feature-box .feature-icon8:after {
  animation: rotate 1.2s linear reverse infinite;
  background: #e933ff;
}

.feature-eight-section .eight-feature-box .feature-icon8 i {
  font-size: 60px;
  font-weight: 500;
}

.feature-eight-section .eight-feature-box .feature-icon8 .ei-icon-bg {
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 25px;
}

.feature-eight-section .eight-feature-box .ei-feature-more {
  position: absolute;
  background-color: #4ce7f3;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  line-height: 50px;
  transition: 0.3s all ease-in-out;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  bottom: 0px;
  margin: 0 auto;
}

.feature-eight-section .eight-feature-box .feature-text8 h3 {
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 13px;
}

.feature-eight-section .eight-feature-box .feature-text8 p {
  line-height: 1.5;
}
.feature-eight-section .eight-feature-box .feature-text8 ul li {
  line-height: 1.5;
  text-align:left;
  list-style:none;
}

.feature-eight-section .eight-feature-box:hover {
  background-color: #fff;
  box-shadow: 0px 25px 38px 0px rgba(43, 1, 68, 0.17);
}

.feature-eight-section .eight-feature-box:hover .feature-icon8:before,
.feature-eight-section .eight-feature-box:hover .feature-icon8:after {
  display: block;
  opacity: 1;
}

.feature-eight-section .eight-feature-box:hover .ei-feature-more {
  opacity: 1;
  bottom: -25px;
  visibility: visible;
}

/*---------------------------------------------------- */
/*Service area*/
/*----------------------------------------------------*/
@keyframes spining {
  from {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}
.eight-service-section {
  z-index: 1;
  padding: 135px 0px 140px;
  background-color: #eceef6;
}

.eight-service-section:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 50%;
  z-index: -2;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  background-image: url(../img/app-landing/shape/s-shape2.png);
}

.eight-service-section:after {
  top: -5px;
  right: 0;
  content: "";
  z-index: -1;
  height: 640px;
  width: 780px;
  position: absolute;
  z-index: -2;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/app-landing/shape/s-shape1.png);
}

.eight-service-section .s-shape-bg1 {
  left: -95px;
  bottom: -15px;
  position: absolute;
  z-index: -1;
}

.eight-service-section .s-shape-bg2 {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: -2;
  transform: translateY(-50%);
}

.eight-service-section .eight-service-slide {
  width: 66.667%;
  float: left;
  position: relative;
  z-index: 1;
}

.eight-service-section .eight-service-slide .ei-service-slide-btn {
  margin-left: 265px;
}

.eight-service-section .eight-service-slide a {
  display: block;
  cursor: pointer;
}

.eight-service-section .eight-service-slide a:nth-child(1) {
  margin-bottom: 65px;
}

.eight-service-section .eight-service-slide a:nth-child(2) {
  margin-bottom: 55px;
  transform: translateX(-10px);
}

.eight-service-section .eight-service-slide a:nth-child(3) {
  transform: translateX(70px);
  margin-bottom:10px;
}

    .eight-service-section .eight-service-slide a:nth-child(4) {
        transform: translate(400px, -20px);
    }
        .eight-service-section .eight-service-slide a:nth-child(4) .ei-service-icon-text .ei-service-text {
            padding-top:40px
        }
.eight-service-section .eight-service-text {
    width: 33.333333%;
    float: right;
    padding: 85px 0px 0px 70px;
}

    .eight-service-section .eight-service-text img {
        position: absolute;
        top: 0;
        right: 0;
    }
.eight-service-section .eight-service-text:before {
  content: "";
  top: -180px;
  z-index: -1;
  left: -150px;
  width: 678px;
  height: 678px;
  position: absolute;
  animation: spining 10s linear infinite;
  background-image: url(../img/app-landing/shape/s-shape5.png);
}

.eight-service-section .eight-service-text h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 700;
}

.eight-service-slide {
  width: 500px;
  padding-right: 70px;
}

.ei-service-icon-text .ei-service-icon {
  width: 108px;
  height: 108px;
  margin-left: 60px;
  padding:2rem 0;
  position: relative;
  line-height: 108px;
  border-radius: 100%;
  overflow: hidden;
  z-index: 1;
  background-color: #e9ebf7;
  box-shadow: 0px 16px 20px 0px rgba(43, 1, 68, 0.11);
}

.ei-service-icon-text .ei-service-icon i {
  font-size: 2.5rem;
}

.ei-service-icon-text .ei-service-text {
  max-width: 300px;
}

.ei-service-icon-text .ei-service-text h3 {
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 16px;
}

.ei-service-icon-text .ei-service-text p {
  color: #5e5e5e;
  overflow: hidden;
  line-height: 1.647;
}

.ei-service-icon-text:hover .ei-service-icon:after {
  opacity: 1;
  transform: scale(1);
}

.ei-service-icon-text:hover .ei-service-icon i {
  color: #fff;
}

.ei-service-slide-mbl {
  position: absolute;
  right: -250px;
  top: -75px;
  width: 245px;
  height: 505px;
  margin: 0 auto;
  padding: 17px 19px;
  background-repeat: no-repeat;
}

.ei-service-slide-mbl .bx-controls-direction {
  display: none;
}

.ei-service-slide-mbl .image {
  border-radius: 18px;
  overflow: hidden;
}

/*---------------------------------------------------- */
/*Funfact area*/
/*----------------------------------------------------*/
.eg-fun-fact-section {
  padding: 145px 0px 0;
}

    .eg-fun-fact-section .fn-bg-shape {
        top: 0;
        right: 0;
        transform: scale(-1);
        z-index:-1;
    }

.eg-fun-fact-section .eg-funfact-text {
  max-width: 465px;
}

.eg-fun-fact-section .eg-funfact-text .eight-section-title .eg-title-tag {
  font-size: 14px;
  margin-left: 55px;
}

.eg-fun-fact-section .eg-funfact-text .eight-section-title h2 {
  padding-bottom: 15px;
}

.eg-fun-fact-section .eg-funfact-text .fun-fact-counter {
  display: inline-block;
  margin-top: 40px;
}

.eg-fun-fact-section .eg-funfact-text .fun-fact-counter:after {
  left: 0;
  right: 0;
  top: 55%;
  width: 1px;
  content: "";
  height: 85%;
  margin: 0 auto;
  position: absolute;
  background-color: #dde0ee;
  transform: translateY(-50%);
}

.eg-fun-fact-section .eg-funfact-text .fun-fact-counter:before {
  position: absolute;
  content: "";
  width: 90%;
  height: 1px;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  background-color: #dde0ee;
}

.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number {
  width: 50%;
  float: left;
  padding: 25px 0px 30px;
}

.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number .odometer {
  font-size: 50px;
  font-family: "Poppins";
  font-weight: 600;
}

.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number .odometer-formatting-mark {
  display: none;
}

.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number p {
  font-size: 26px;
  max-width: 130px;
  margin: 0 auto;
  line-height: 1.231;
}

.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number strong {
  top: 8px;
  line-height: 1;
  font-size: 50px;
  font-weight: 600;
  position: relative;
}

.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number:nth-child(1) .odometer,
.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number:nth-child(1) strong {
  color: #7c0dbe;
}

.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number:nth-child(2) .odometer,
.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number:nth-child(2) strong {
  color: #ff00d6;
}

.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number:nth-child(3) .odometer,
.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number:nth-child(3) strong {
  color: #4ce7f3;
}

.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number:nth-child(4) .odometer,
.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number:nth-child(4) strong {
  color: #009cff;
}

.eg-fun-fact-section .eg-fun-fact-mockup {
  top: 60px;
  /*left: -195px;*/
  position: absolute;
}

.eg-fun-fact-section .eg-fun-fact-mockup .fn-shape {
  position: absolute;
}

.eg-fun-fact-section .eg-fun-fact-mockup .fn-shape-item1 {
  top: 130px;
  left: -20px;
}

.eg-fun-fact-section .eg-fun-fact-mockup .fn-shape-item2 {
  right: 0;
  top: -25px;
}

.eg-fun-fact-section .eg-fun-fact-mockup .fn-shape-item3 {
  top: -35px;
  left: 30px;
  z-index: -1;
}

.eg-fun-fact-section .eg-fun-fact-mockup .fn-shape-item4 {
  z-index: -1;
  right: 35px;
  bottom: 30px;
}

/*---------------------------------------------------- */
/*How work area*/
/*----------------------------------------------------*/
.eg-how-work-section {
  padding-bottom: 135px;
  overflow: visible;
}

.eg-how-work-section .how-work-bg-shape {
  top: -185px;
  z-index: -1;
}

.eg-how-work-section .eight-section-title {
  padding-bottom: 18px;
}

.eg-how-work-section .eight-section-title .eg-title-tag {
  margin-left: 55px;
  font-size: 14px;
}

.eg-how-work-section .mCustomScrollBox {
  left: -30px;
}

.eg-how-work-section .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.eg-how-work-section .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
}

.eg-how-work-section .how-work-scroller {
  height: 310px;
}

.eg-how-work-section .eg-how-work-content {
  padding: 0 10px 0px 30px;
}

.eg-how-work-section .ei-how-work-content-item {
  padding-left: 50px;
}

.eg-how-work-section .ei-how-work-content-item .mCSB_draggerContainer {
  max-height: 290px;
}

.eg-how-work-section .ei-how-work-content-item .mCSB_scrollTools .mCSB_draggerRail {
  width: 13px;
  background-color: #e8e9f3;
}

.eg-how-work-section .ei-how-work-content-item .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 13px;
  background-color: #7c0dbe;
}

.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text {
  margin-bottom: 25px;
  background-color: #fff;
  padding: 20px 50px 30px 20px;
  box-shadow: 0px 8px 9px 0px rgba(7, 7, 56, 0.15);
}

.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-icon {
  height: 65px;
  width: 65px;
  z-index: 1;
  overflow: hidden;
  line-height: 65px;
  margin-right: 35px;
  position: relative;
  border-radius: 100%;
  background-color: #f1f2fa;
  box-shadow: 0px 13px 24px 0px rgba(43, 1, 68, 0.17);
}

.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-icon i {
  font-size: 30px;
  font-weight: 500;
}

.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-icon .far {
  line-height: 65px;
}

.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-text h3 {
  color: #000000;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 13px;
}

.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .scroller-no {
  left: -35px;
  bottom: 5px;
  z-index: -1;
  color: #dad2df;
  line-height: 1;
  font-size: 123px;
  font-weight: 700;
  position: absolute;
  font-family: "Playfair Display";
  transition: 0.3s all ease-in-out;
}

.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text:hover .eg-how-work-icon:after {
  opacity: 1;
  transform: scale(1);
}

.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text:hover .eg-how-work-icon i {
  color: #fff;
}

.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text:hover .scroller-no {
  color: #7c0dbd;
}

.eg-how-work-section .how-work-mockup {
  padding-left: 0;
}

.eg-how-work-section .how-work-mockup img {
  max-height: 500px;
  margin-top:70px;
}

.eg-how-work-section .how-work-mockup .hw-shape1 {
  top: -70px;
  right: 120px;
  z-index: -1;
}

.eg-how-work-section .how-work-mockup .hw-shape2 {
  left: 30px;
  z-index: -1;
  bottom: -15px;
}

/*---------------------------------------------------- */
/*App Download area*/
/*----------------------------------------------------*/
.ei-appdownload-section {
  padding: 0;
  z-index: 1;
  /*height:780px;*/
}

.ei-appdownload-section .ei-download-btn .download-icon {
  width: 40px;
  color: #fff;
  height: 40px;
  font-size: 26px;
  line-height: 40px;
  border-radius: 100%;
  margin-right: 15px;
  text-align: center;
  background-color: #ffa800;
  box-shadow: rgba(7, 7, 56, 0.15) 0px 8px 9px 0px;
}

.ei-appdownload-section .ei-download-btn p {
  padding-top: 8px;
  font-size: 15px;
  display: inline-block;
}

.ei-appdownload-section .ei-download-btn a {
  display: table;
  color: #0090ff;
  margin-top: 3px;
  font-size: 15px;
  font-weight: 700;
  font-family: "Poppins";
  position: relative;
}

.ei-appdownload-section .ei-download-btn a:after {
  left: 0;
  bottom: 0;
  content: "";
  height: 2px;
  width: 0%;
  position: absolute;
  background-color: #0090ff;
  transition: 0.3s all ease-in-out;
}

.ei-appdownload-section .ei-download-btn a:before {
  top: -2px;
  right: -25px;
  content: "";
  font-size: 20px;
  font-weight: 900;
  position: absolute;
  transition: 0.3s all ease-in-out;
  font-family: "Font Awesome 5 Free";
}

.ei-appdownload-section .ei-download-btn a:hover:before {
  right: -35px;
}

.ei-appdownload-section .ei-download-btn a:hover:after {
  width: 100%;
}

.ei-appdownload-section .app-down-btn {
  margin-bottom: 22px;
}

.ei-appdownload-section .app-down-btn a {
  margin-right: 10px;
  display: inline-block;
}

.ei-appdownload-section .ei-appdownloaad-shape {
  position: absolute;
  z-index: -1;
}

.ei-appdownload-section .app-shape1 {
  bottom: -170px;
  left: -115px;
}

.ei-appdownload-section .app-shape2 {
  top: -225px;
  right: 0;
  left: -270px;
  margin: 0 auto;
  text-align: center;
}

    .ei-appdownload-section .ei-social a {
        height: 50px;
        width: 50px;
        border-radius: 100%;
        background-color: #61599c;
        line-height: 50px;
        text-align: center;
        margin-right: 5px;
        display: inline-block;
        transition: 0.3s all ease-in-out;
        box-shadow: 0px 0px 9px 0px rgba(15, 54, 131, 0.07);
        color: #fff;
    }
        .ei-appdownload-section .ei-social a:hover {
            transition: all .5s;
            transform: translateY(-10px);
        }
.ei-appdownload-section .app-shape3 {
  right: -10px;
  top: 0;
}

.ei-app-down-text {
  max-width: 450px;
  padding-top: 90px;
}

.ei-app-down-text .eight-section-title .eg-title-tag {
  margin-left: 55px;
}

.ei-app-down-text .eight-section-title h2 {
  padding-bottom: 15px;
}

.ei-app-down-text .eight-section-title p {
  color: #383838;
  padding-bottom: 15px;
}
.btn-action {
    color: #fff;
    display:inline-block;
    padding:1rem 2rem;
    float:right;
    border: none;
    font-weight: 700;
    border-radius: 5px;
    font-family: "Poppins";
    background-color: transparent;
    background-image: linear-gradient( 125deg, #6407c1 0%, #324add 49%, #008df9 100%) !important;
    background-size: 200% auto;
    transition: 0.3s all ease-in-out;
}
    .btn-action:hover {
        background-position: right center;
        transition: 0.3s all ease-in-out;
        color:#ffffff
    }
        .btn-action:hover i {
            transition: 0.3s all ease-in-out;
            transform:translateX(5px);
        }
        /*---------------------------------------------------- */
        /*team  area*/
        /*----------------------------------------------------*/
        .ei-team-section {
            padding: 145px 0px 135px;
        }

.ei-team-section .eight-section-title {
  margin: 0 auto;
  max-width: 500px;
  padding-bottom: 70px;
}

.ei-team-section .eight-section-title .eg-title-tag {
  font-size: 14px;
}

.ei-team-section .ei-team-pic-text .ei-team-img:after {
  width: 236px;
  height: 236px;
  content: "";
  position: absolute;
  top: 0;
  left: 100px;
  opacity: 0;
  visibility: hidden;
  border: double 2px transparent;
  border-radius: 100%;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #4171e8, #ff03d0, #4171e8);
  background-origin: border-box;
  transition: 0.3s all ease-in-out;
  background-clip: content-box, border-box;
}

.ei-team-section .ei-team-pic-text .ei-team-img .team-mem-img-ei {
  z-index: 1;
  width: 236px;
  height: 236px;
  margin: 0 auto;
  border-radius: 100%;
  overflow: hidden;
  background-color: #eff0f7;
}

.ei-team-section .ei-team-pic-text .ei-team-img .team-mem-img-ei .mshape-bg {
  width: 100%;
  z-index: -1;
  height: 100%;
  position: absolute;
}

.ei-team-section .ei-team-pic-text .ei-team-img .team-mem-img-ei .shape-bg1 {
  left: -110px;
  top: 70px;
}

.ei-team-section .ei-team-pic-text .ei-team-img .team-mem-img-ei .shape-bg2 {
  right: -65px;
  top: 35px;
}

.ei-team-section .ei-team-pic-text .ei-team-social {
  top: 47px;
  z-index: 1;
  right: 50px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transition-delay: 0.2s;
  transition: 0.5s all ease-in-out;
}

.ei-team-section .ei-team-pic-text .ei-team-social a {
  width: 35px;
  height: 35px;
  display: block;
  text-align: center;
  line-height: 37px;
  margin-bottom: 12px;
  border-radius: 100%;
  position: relative;
  z-index: 1;
  background-color: #fff;
  box-shadow: 0px 0px 18px 0px rgba(43, 1, 68, 0.23);
}

.ei-team-section .ei-team-pic-text .ei-team-social a:after {
  position: absolute;
  content: "";
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  z-index: -1;
  transition: 0.3s all ease-in-out;
  border-radius: 100%;
  background-image: -ms-linear-gradient(173deg, #ff03d0 0%, #4599fb 53%, #70fcff 99%);
}

.ei-team-section .ei-team-pic-text .ei-team-social a:nth-child(1) {
  color: #118bfc;
}

.ei-team-section .ei-team-pic-text .ei-team-social a:nth-child(2) {
  transform: translateX(15px);
  color: #03a9f4;
}

.ei-team-section .ei-team-pic-text .ei-team-social a:nth-child(3) {
  transform: translateX(9px);
  margin-bottom: 5px;
  color: #ea4c89;
}

.ei-team-section .ei-team-pic-text .ei-team-social a:nth-child(4) {
  color: #0c6eff;
  transform: translateX(-20px);
}

.ei-team-section .ei-team-pic-text .ei-team-social a:hover {
  color: #fff;
}

.ei-team-section .ei-team-pic-text .ei-team-social a:hover:after {
  opacity: 1;
  visibility: visible;
}

.ei-team-section .ei-team-pic-text .ei-team-text {
  margin-top: 20px;
}

.ei-team-section .ei-team-pic-text .ei-team-text h3 {
  color: #000;
  font-size: 22px;
  font-weight: 700;
}

.ei-team-section .ei-team-pic-text .ei-team-text p {
  color: #383838;
  font-size: 15px;
}

.ei-team-section .ei-team-pic-text:hover .ei-team-img:after {
  opacity: 1;
  left: 102px;
  visibility: visible;
}

.ei-team-section .ei-team-pic-text:hover .ei-team-social {
  opacity: 1;
  right: 25px;
  visibility: visible;
}

.ei-team-section .ei-team-content {
  z-index: 1;
  margin: 0 auto;
  max-width: 1100px;
}

.ei-team-section .ei-team-content .owl-nav .owl-prev,
.ei-team-section .ei-team-content .owl-nav .owl-next {
  top: 50%;
  width: 52px;
  height: 52px;
  cursor: pointer;
  line-height: 52px;
  text-align: center;
  position: absolute;
  border-radius: 100%;
  display: inline-block;
  background-color: #fff;
  transform: translateY(-50%);
  transition: 0.3s all ease-in-out;
  box-shadow: 0px 7px 18px 0px rgba(16, 31, 60, 0.25);
}

.ei-team-section .ei-team-content .owl-nav .owl-prev:hover,
.ei-team-section .ei-team-content .owl-nav .owl-next:hover {
  color: #fff;
  background-color: #7c0dbe;
}

.ei-team-section .ei-team-content .owl-nav .owl-prev {
  left: -40px;
}

.ei-team-section .ei-team-content .owl-nav .owl-next {
  right: -50px;
}

.ei-team-section .ei-team-content .owl-item.active.center .ei-team-img:after {
  left: 102px;
  opacity: 1;
  visibility: visible;
}

.ei-team-section .ei-team-content .owl-item.active.center .ei-team-social {
  opacity: 1;
  right: 25px;
  visibility: visible;
}

/*---------------------------------------------------- */
/*faq  area*/
/*----------------------------------------------------*/
.ei-faq-section {
  background-color: #eceef6;
  padding: 45px 0px 110px;
  z-index: 1;
}

.ei-faq-section .ei-faq-content {
  position: relative;
  z-index: 5;
}

.ei-faq-section .ei-faq-content .ei-title-faq {
  margin: 0 auto;
  max-width: 885px;
}

.ei-faq-section .ei-faq-content .ei-title-faq p {
  color: #383838;
  font-size: 17px;
  margin-top: 35px;
  line-height: 1.647;
}

.ei-faq-section .eight-section-title {
  padding-bottom: 32px;
}

.ei-faq-section .eight-section-title .eg-title-tag {
  font-size: 15px;
  margin-left: 55px;
}

.ei-faq-section .ei-faq-queans {
  max-width: 1000px;
  margin: 0 auto;
}

.ei-faq-section .ei-faq-queans .ei-faq {
  padding: 0px 55px;
  margin-bottom: 25px;
}

.ei-faq-section .ei-faq-queans .ei-faq .ei-faq-body {
  margin-top: 15px;
}

.ei-faq-section .ei-faq-queans .ei-faq .ei-faq-body a {
  text-decoration: underline;
}

.ei-faq-section .ei-faq-queans .ei-faq.faq_bg {
  padding: 25px 55px;
  transition: 0.3s all ease-in-out;
  background-color: white;
  box-shadow: 0px 5px 15px -14px rgba(0, 0, 0, 0.75);
}

.ei-faq-section .ei-faq-queans .ei-faq-header button,
.ei-faq-section .ei-faq-queans .ei-faq-header a {
  border: none;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  margin-bottom: 5px;
  padding: 0 0 0 50px;
  font-family: "Poppins";
  background-color: transparent;
}

.ei-faq-section .ei-faq-queans .ei-faq-header button:before, 
.ei-faq-section .ei-faq-queans .ei-faq-header a:before {
  top: -6px;
  left: 0;
  color: #118bfc;
  font-size: 30px;
  content: "";
  font-weight: 900;
  position: absolute;
  font-family: "Font Awesome 5 Free";
}

.ei-faq-section .ei-faq-queans .ei-faq-header .collapsed:before {
  content: "";
}

.ei-faq-section .ei-faq-shape {
  position: absolute;
  z-index: -1;
}

.ei-faq-section .fq-shape-style1 {
  top: -70px;
  left: 140px;
  z-index: 2;
}

.ei-faq-section .fq-shape-style2 {
  top: -70px;
  left: 75px;
  z-index: 1;
  opacity: 0.4;
  animation: spining 35s linear infinite;
}

.ei-faq-section .fq-shape-style3 {
  top: 50%;
  left: 165px;
  transform: translateX(-50%);
  animation: 3s ease 0s infinite alternate none running scale;
}

.ei-faq-section .fq-shape-style4 {
  top: 40%;
  right: 165px;
  transform: translateX(-50%);
}

.ei-faq-section .fq-shape-style5 {
  left: 20%;
  top: 115px;
  animation: spining 50s linear infinite;
}

.ei-faq-section .fq-shape-style6 {
  right: 0;
  z-index: -2;
  bottom: -30px;
}

.ei-faq-section .fq-shape-style8 {
  top: -50px;
  left: -50px;
  z-index: -3;
}

.ei-faq-section .fq-shape-style7 {
  top: 65px;
  right: 20%;
}

.ei-faq-section .fq-shape-style7 img {
  animation: spining 5s linear infinite;
  display: block;
  margin-top: 10px;
}

/*---------------------------------------------------- */
/*Screenshoot  area*/
/*----------------------------------------------------*/
.ei-screenshots-section {
  padding: 120px 0px;
  position: relative;
}

.ei-screenshots-section .eight-section-title {
  margin: 0 auto;
  max-width: 595px;
  padding-bottom: 10px;
}

.ei-screenshots-section .eight-section-title .eg-title-tag {
  font-size: 14px;
}

.ei-screenshots-section .swiper-slider-area .container {
  position: relative;
}

.ei-screenshots-section .swiper-wrapper {
  height: 630px;
  width: 320px;
}

.ei-screenshots-section .row.ei-appScreenshotCarousel-container.swiper-container-horizontal.swiper-container-3d.swiper-container-coverflow {
  position: relative;
}

.ei-screenshots-section .swiper-slide.swiper-slide-active {
  border-radius: 35px;
}

.ei-screenshots-section .ei-screen-mobile-image {
  background-image: url(../img/app-landing/screenshoot/mobile-1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: block;
  height: 650px;
  left: calc(50% + 0.5px);
  position: absolute;
  top: 24px;
  transform: translateX(-50%);
  width: 301px;
  z-index: 2;
  border-radius: 40px;
}

.ei-screenshots-section .swiper-slide.swiper-slide-active {
  background-size: 100% 100%;
}

.ei-screenshots-section .swiper-wrapper {
  padding: 30px 0 40px;
}

.ei-screenshots-section .swiper-slide {
  box-shadow: -7px 10px 33px -23px rgba(0, 0, 0, 0.75);
}

.ei-screenshots-section .swiper-slide.swiper-slide-next {
  box-shadow: -7px 10px 33px -23px rgba(0, 0, 0, 0.75);
}

.ei-screenshots-section .swiper-slide.swiper-slide-prev {
  box-shadow: 9px 10px 33px -23px rgba(0, 0, 0, 0.75);
}

.ei-screenshots-section .screenshoot-shape1 {
  right: 0;
  bottom: 205px;
}

.ei-screenshots-section .screenshoot-shape2 {
  left: 0;
  top: 240px;
}

.ei-screenshots-section .banner-navigation {
  position: relative;
  text-align: center;
  margin-top: 0px;
  z-index: 2;
}

.ei-screenshots-section .banner-navigation .swiper-button-next,
.ei-screenshots-section .banner-navigation .swiper-button-prev {
  position: relative;
  font-size: 16px;
  color: #373a5b;
  width: 50px;
  height: 50px;
  line-height: 55px;
  text-align: center;
  border-radius: 50px;
  font-weight: 700;
  background-image: none;
  display: inline-block;
  margin: 0px 15px 0px 15px;
  background-color: #e7ecf2;
  transition: all 300ms ease;
}

.ei-screenshots-section .banner-navigation .swiper-button-prev:hover,
.ei-screenshots-section .banner-navigation .swiper-button-next:hover {
  color: #ffffff;
  background-color: #7b0dbd;
}

/*---------------------------------------------------- */
/*testimonial  area*/
/*----------------------------------------------------*/
.ei-testimonial-section {
  padding: 90px 0px 100px;
}

.ei-testimonial-section .eight-section-title {
  margin: 0 auto;
  max-width: 490px;
  padding-bottom: 64px;
}

.ei-testimonial-section .eight-section-title .eg-title-tag {
  font-size: 14px;
}

.ei-testimonial-section .ei-testimonial-img-text {
  padding: 30px 45px 30px 45px;
  border-radius: 120px;
  background-color: #ffffff;
  box-shadow: 0px 10px 20px 0px rgba(0, 5, 50, 0.1);
}

.ei-testimonial-section .ei-testimonial-img-text:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: -35px;
  height: 100%;
  width: 100%;
  z-index: 0;
  background-repeat: no-repeat;
  background-image: url(../img/app-landing/team/t-shape2.png);
}

.ei-testimonial-section .ei-testimonial-img-text .test--quote-icon {
  position: absolute;
  top: -20px;
  right: 100px;
}

.ei-testimonial-section .ei-testimonial-img-text .test--quote-icon i {
  color: #cfd8e8;
  font-size: 40px;
}

.ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-img {
  height: 160px;
  width: 160px;
  position: relative;
  top: -25px;
  left: -25px;
  line-height: 157px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0px 0px 18px 0px rgba(0, 5, 50, 0.12);
  overflow: hidden;
}

.ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-img img {
  height: 130px;
  width: 130px;
  margin: 0 auto;
  border-radius: 100%;
  z-index: 1;
  position: relative;
}

.ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-img:before {
  content: "";
  position: absolute;
  top: -58px;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
  background-repeat: no-repeat;
  background-image: url(../img/app-landing/team/t-shape1.png);
}

.ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-img:after {
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  position: absolute;
  background-color: #fff;
}

.ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-text .ei-testimonial-name {
  padding-bottom: 5px;
}

.ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-text .ei-testimonial-name h3 {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 5px;
}

.ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-text .ei-testimonial-name span {
  font-size: 14px;
  color: #0887fc;
}

.ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-text p {
  line-height: 1.529;
  margin-bottom: 0;
  padding-bottom: 8px;
  text-align:justify;
}

.ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-text .ei-testi-rate li {
  color: #ffba00;
}

#testimonial-scroller {
  max-width: 1100px;
  margin: 0 auto;
}

#testimonial-scroller .owl-stage-outer {
  overflow: visible;
}

#testimonial-scroller .owl-item img {
  display: inline;
}

#testimonial-scroller .owl-stage-outer {
  overflow: visible;
}

#testimonial-scroller .owl-item {
  opacity: 0;
  transition: opacity 500ms;
}

#testimonial-scroller .owl-item.active {
  opacity: 1;
}

#testimonial-scroller .owl-nav {
  display: none;
}

#testimonial-scroller .owl-dots {
  height: 13px;
  margin-top: 30px;
  text-align: center;
  border-radius: 30px;
}

#testimonial-scroller .owl-dot {
  width: 78px;
  height: 13px;
  border-radius: 30px;
  display: inline-block;
  background-color: #e9ebf7;
  margin:0 3px;
}

#testimonial-scroller .owl-dot.active {
  background-color: #7b0dbd;
}

.testimonial-floatingimg li {
  height: 80px;
  width: 80px;
  position: absolute;
  overflow: hidden;
  border-radius: 100%;
  border: 10px solid #e7eaef;
  opacity: 0.5;
  animation: 1.5s ease 0s infinite alternate none running scale;
}

.testimonial-float-img1 li:nth-child(1) {
  top: 90px;
  left: 215px;
}

.testimonial-float-img1 li:nth-child(2) {
  top: 198px;
  left: 108px;
}

.testimonial-float-img1 li:nth-child(3) {
  top: 30%;
  left: 20%;
}

.testimonial-float-img1 li:nth-child(4) {
  top: 360px;
  left: 140px;
}

.testimonial-float-img2 li:nth-child(1) {
  bottom: 90px;
  right: 215px;
}

.testimonial-float-img2 li:nth-child(2) {
  bottom: 198px;
  right: 50px;
}

.testimonial-float-img2 li:nth-child(3) {
  bottom: 30%;
  right: 15%;
}

.testimonial-float-img2 li:nth-child(4) {
  bottom: 360px;
  right: 140px;
}

.testimonial-modal .ei-testimonial-img-text {
    padding: 30px 45px 30px 45px;
    border-radius: 200px;
    background-color: #0F0034;
    box-shadow: 0px 10px 20px 0px rgba(0, 5, 50, 0.1);
}

    .testimonial-modal .ei-testimonial-img-text:before {
        content: "";
        position: absolute;
        bottom: -10px;
        left: -35px;
        height: 100%;
        width: 100%;
        z-index: 0;
        background-repeat: no-repeat;
        background-image: url(../img/app-landing/team/t-shape2.png);
    }

    .testimonial-modal .ei-testimonial-img-text .test--quote-icon {
        position: absolute;
        top: -20px;
        right: 140px;
    }

        .testimonial-modal .ei-testimonial-img-text .test--quote-icon i {
            color: #3c4658;
            font-size: 60px;
        }

    .testimonial-modal .ei-testimonial-img-text .ei-testimonial-img {
        height: 160px;
        width: 160px;
        position: relative;
        top: -25px;
        left: -25px;
        line-height: 157px;
        background-color: #fff;
        border-radius: 100%;
        box-shadow: 0px 0px 18px 0px rgba(0, 5, 50, 0.12);
        overflow: hidden;
    }

        .testimonial-modal .ei-testimonial-img-text .ei-testimonial-img img {
            height: 130px;
            width: 130px;
            margin: 0 auto;
            border-radius: 100%;
            z-index: 1;
            position: relative;
        }

        .testimonial-modal .ei-testimonial-img-text .ei-testimonial-img:before {
            content: "";
            position: absolute;
            top: -58px;
            right: 0;
            height: 100%;
            width: 100%;
            z-index: 0;
            background-repeat: no-repeat;
            background-image: url(../img/app-landing/team/t-shape1.png);
        }

        .testimonial-modal .ei-testimonial-img-text .ei-testimonial-img:after {
            content: "";
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: -1;
            position: absolute;
            background-color: #fff;
        }

    .testimonial-modal .ei-testimonial-img-text .ei-testimonial-text .ei-testimonial-name {
        padding-bottom: 5px;
    }

        .testimonial-modal .ei-testimonial-img-text .ei-testimonial-text .ei-testimonial-name h3 {
            color: #fff;
            font-size: 20px;
            font-weight: 700;
            padding-bottom: 5px;
        }

        .testimonial-modal .ei-testimonial-img-text .ei-testimonial-text .ei-testimonial-name span {
            font-size: 15px;
            color: #0887fc;
        }

    .testimonial-modal .ei-testimonial-img-text .ei-testimonial-text p {
        line-height: 1.529;
        margin-bottom: 0;
        padding-bottom: 8px;
        text-align: justify;
        padding-left:160px;
    }
.modal-dark.testimonial-modal .modal-content{
    background-color:transparent;
    border-color:transparent;
}
.modal-dark.testimonial-modal .close {
    margin: 40px 80px 0 0;
    z-index: 1;
    position: relative;
}
/*---------------------------------------------------- */
/*Case-Study area*/
/*----------------------------------------------------*/
.smm-case-study-section {
    background-color: #282350;
    color: #fff;
}
.smm-case-study-section {
    padding: 90px 0px;
}

.smm-case-study-wrapper {
    margin-top: 20px;
}

.smm-case-tab {
    padding: 35px 0px;
    margin-bottom: 40px;
    box-shadow: 0px 16px 32px 0px rgba(0, 45, 170, 0.04);
}


.smm-case-innerbox {
    overflow: hidden;
    border-radius: 10px;
}

    .smm-case-innerbox:before {
        content: "";
        top: 0;
        left: 0;
        opacity: 0;
        height: 100%;
        width: 100%;
        position: absolute;
        transition: 0.3s all ease-in-out;
        background-color: rgba(35,8,71,0.85);
    }

    .smm-case-innerbox .smm-case-text {
        top: 0px;
        left: 7.5%;
        width:85%;
        text-align:center;
        opacity: 0;
        z-index: 1;
        visibility: hidden;
        position: absolute;
        transition: 0.4s all ease-in-out;
    }

        .smm-case-innerbox .smm-case-text h3 {
            color: #fff;
            font-size: 20px;
            font-weight: 600;
            padding-bottom: 18px;
        }

        .smm-case-innerbox .smm-case-text p {
            color: #e8e7f9;
            /*max-width: 285px;*/
        }

    .smm-case-innerbox .smm-case-popup {
        z-index: 1;
        left: 7.5%;
        width: 85%;
        bottom: 40px;
        opacity: 0;
        height: 60px;
        border-radius: 8px;
        position: absolute;
        text-align: center;
        transform: scale(0);
        background-color: #4143e3;
        transition: 0.4s all ease-in-out;
    }

        .smm-case-innerbox .smm-case-popup a {
            color: #fff;
            width: 100%;
            display: block;
        }

            .smm-case-innerbox .smm-case-popup a i {
                line-height: 60px;
            }
                .smm-case-innerbox .smm-case-popup a:hover i{
                    transition:all .5s;
                    transform:translateX(10px);
                }
                .smm-case-innerbox:hover:before {
                    opacity: 1;
                }

    .smm-case-innerbox:hover .smm-case-text {
        top: 5%;
        opacity: 1;
        visibility: visible;
        height:90%;
    }

    .smm-case-innerbox:hover .smm-case-popup {
        opacity: 1;
        transform: scale(1);
        visibility: visible;
    }

    
    /*---------------------------------------------------- */
    /*Pertner  area*/
    /*----------------------------------------------------*/
    .ei-partner-section {
        padding: 80px 0px;
    }

.ei-partner-section .ei-partner-content {
  margin: 0 auto;
  max-width: 875px;
}

#ei-partner-slide .owl-nav {
  display: none;
}

.ei-partner-text {
  padding-top: 35px;
}

.ei-partner-text .ei-partner-icon {
  height: 30px;
  width: 30px;
  line-height: 35px;
  color: #fff;
  margin-right: 20px;
  border-radius: 100%;
  background-color: #eeb22d;
  box-shadow: 0px 8px 24px 0px rgba(238, 178, 45, 0.57);
}

.ei-partner-text h4 {
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 5px;
}

.ei-partner-text p {
  font-size: 14px;
  color: #626161;
}

/*---------------------------------------------------- */
/*newslatter  area*/
/*----------------------------------------------------*/
.ei-newslatter-section {
  overflow: visible;
}

    .ei-newslatter-section .ei-newslatter-mockup {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        width: 50%;
    }

    .ei-newslatter-section .ei-newslatter-box {
        overflow: hidden;
        padding: 80px 0px 85px;
        /*background: linear-gradient(-90deg, #ff00a2 0%, #750cf8 50%, #4ce7f3 100%);*/
        background: linear-gradient(-90deg, #b43acc 0%, #7c77b7 50%, #4ce7f3 100%);
    }

.ei-newslatter-section .ei-newslatter-box .ei-news-vector1 {
  top: -40px;
  left: 250px;
  animation: 3s ease 0s infinite alternate none running scale;
}

.ei-newslatter-section .ei-newslatter-box .ei-news-vector2 {
  top: -30px;
  right: -70px;
  animation: 2s ease 0s infinite alternate none running scale;
}

.ei-newslatter-section .ei-newslatter-box .ei-news-vector3 {
  left: -75px;
  bottom: -235px;
}

.ei-newslatter-section .ei-newslatter-contnet {
  max-width: 550px;
  /*margin-left: 130px;*/
  padding:0 3rem;
}

.ei-newslatter-section .ei-newslatter-contnet h3 {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
}

.ei-newslatter-section .ei-newslatter-contnet h3 span {
  font-weight: 100;
}

.ei-newslatter-section .ei-newslatter-contnet .ei-newslatter-form {
  margin-top: 20px;
}

.ei-newslatter-section .ei-newslatter-contnet .ei-newslatter-form input[type="text"] {
  width: 100%;
  border: none;
  height: 50px;
  border-radius: 50px;
  padding-left: 30px;
  margin-bottom: 18px;
}
input[type="text"].captcha-input{
    padding-left:120px !important;
}
.captcha-label{
    position:absolute;
    line-height:50px;
    padding-left:30px;
    font-weight:700;
    font-size:1.3rem;
}
.ei-newslatter-section .ei-newslatter-contnet .ei-newslatter-form .nws-button {
    top: 12px;
    right: 12px;
}

    .ei-newslatter-section .ei-newslatter-contnet .ei-newslatter-form .nws-button button {
        height: 48px;
        width: 162px;
        border: none;
        color: #fff;
        border-radius: 30px;
        text-align: center;
        background-color: transparent;
        /*background-image: linear-gradient(90deg, #ff03d0 0%, #4599fb 53%, #70fcff 99%);*/
        background-image: linear-gradient(-90deg, #b43acc 0%, #7c77b7 50%, #4ce7f3 100%);
    }

.ei-newslatter-section .ei-newslatter-contnet .ei-newslatter-form form p {
  color: #fff;
  font-size: 14px;
  margin-bottom: 0;
  padding-left: 10px;
}
.ei-newslatter-section .valid-tooltip {
    background-color: rgb(39, 158, 108);
}
.ei-newslatter-section .valid-tooltip, .ei-newslatter-section .invalid-tooltip {
    top:-15px;
}
.tooltip-invalid {
    position: absolute;
    top: -18px;
    left: 0;
    z-index: 5;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(220,53,69,1);
    border-radius: .2rem;
}
    .tooltip-invalid:before {
        top: 100%;
        left: 10%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-top-color: rgba(220,53,69,1);
        border-width: 6px;
        margin-left: -3px;
    }
    /*---------------------------------------------------- */
    /*Contact  area*/
    /*----------------------------------------------------*/
    .contact-form input[type=text], .contact-form input[type=email], .contact-form textarea {
        background: #0f0034;
        color: #fff;
        border: 1px solid #282350;
        padding: 1rem;
        width: 100%;
    }
.contact-item {
    color: #fff;
    font-size: 1rem;
    padding-bottom: 1rem;
}
    .contact-item i {
        color: #7c0dbd;
        padding-top:.25rem;
    }
    .contact-item span{
        display:block;
        font-size:.75rem;
    }
.modal-dark .modal-content {
    background-color: #0f0034;
    color: #dcdcdc;
    border-radius:0;
}
.modal-dark .modal-header {
    border-bottom-color: #3e3c5c;
    color: #fff;
    border-radius: 0 0 0 0;
}
.modal-dark .close{
    color:#fff;
    text-shadow:none;
    font-weight:unset;
}
.modal-dark .btn-upload{
    cursor:pointer;
    color:#008df9;
}
.eg-title-tag{
    margin-left:55px;
    position:relative;
}
.square-shape {
    width: 40px;
    height: 35px;
    left: -52px;
    top: 0;
    position: absolute;
}

 .square-shape i {
        height: 9px;
        width: 9px;
        position: absolute;
        top: 0;
        left: 0;
    }

.square-shape i:nth-child(1) {
            top: -8px;
            width: 5px;
            height: 5px;
            left: 20px;
            background-color: #4ce7f3;
        }

         .square-shape i:nth-child(2) {
            width: 10px;
            left: 28px;
            height: 10px;
            background-color: #4ce7f3;
        }

        .square-shape i:nth-child(3) {
            height: 17px;
            width: 17px;
            background-color: #7c0dbe;
        }

       .square-shape i:nth-child(4) {
            top: 10px;
            left: 10px;
            width: 12px;
            height: 12px;
            background-color: #ff00d6;
        }

/*---------------------------------------------------- */
/*Footer  area*/
/*----------------------------------------------------*/
.ei-footer-section {
    padding-top: 160px;
}

.ei-footer-widget .ei-widget-title {
  font-size: 16px;
  color: #373a5b;
  font-weight: 700;
  padding-bottom: 20px;
}

.ei-footer-widget .ei-footer-logo {
  margin-bottom: 25px;
}

.ei-footer-widget p {
  max-width: 220px;
  line-height: 1.875;
}

.ei-footer-widget .ei-payment-mathod {
  margin-top: 30px;
}

.ei-footer-widget ul li {
  width: 50%;
  float: left;
  font-size: 14px;
  padding-left: 15px;
  margin-bottom: 20px;
  font-family: "Poppins";
}

.ei-footer-widget ul li a {
  color: #373a5b;
  position: relative;
  transition: 0.3s all ease-in-out;
}

.ei-footer-widget ul li a:before {
  left: -15px;
  top: 3px;
  content: "";
  font-size: 12px;
  font-weight: 900;
  position: absolute;
  font-family: "Font Awesome 5 Free";
}

.ei-footer-widget ul li a:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 0%;
  left: 0;
  bottom: 0;
  background-color: #0072fd;
  transition: 0.3s all ease-in-out;
}

.ei-footer-widget ul li a:hover {
  color: #0072fd;
  margin-left: 10px;
}

.ei-footer-widget ul li a:hover:after {
  width: 100%;
}

.ei-footer-widget h4 {
  width: 45%;
  float: left;
  font-size: 15px;
  letter-spacing:0.5px;
  font-weight: 700;
  padding-left: 28px;
  margin-right: 15px;
  position: relative;
  display: inline-block;
}

.ei-footer-widget h4 i {
  left: 0;
  top: 2px;
  color: #7b0dbd;
  font-size: 20px;
  margin-right: 5px;
  position: absolute;
}

.ei-footer-widget h4 span {
  font-family: 'Quicksand';
  font-weight: 400;
  margin-top: 10px;
  display: block;
  color: #fff;
}

.ei-footer-widget .download-btn {
  width: 100%;
  margin-top: 25px;
  display: inline-block;
}

.ei-footer-widget .download-btn a {
  margin-right: 10px;
}

.ei-footer-widget .ei-footer-social {
  margin-top: 15px;
}

.ei-footer-widget .ei-footer-social a {
  height: 30px;
  width: 30px;
  border-radius: 100%;
  background-color: #fff;
  line-height: 30px;
  text-align: center;
  margin-right: 5px;
  display: inline-block;
  transition: 0.3s all ease-in-out;
  box-shadow: 0px 0px 9px 0px rgba(15, 54, 131, 0.07);
}

.ei-footer-widget .ei-footer-social a:nth-child(1) {
  color: #16599b;
}

.ei-footer-widget .ei-footer-social a:nth-child(2) {
  color: #03a9f4;
}

.ei-footer-widget .ei-footer-social a:nth-child(3) {
  color: #16599b;
}

.ei-footer-widget .ei-footer-social a:nth-child(4) {
  color: #d60606;
}
.ei-footer-widget .ei-footer-social a:nth-child(5) {
  color: #20b93a;
}

.ei-footer-copyright {
  margin-top: 40px;
  font-size: 14px;
  font-family: "Quicksand";
}

.ei-footer-copyright .ei-footer-copyright-content {
  padding: 25px 0px 15px;
  border-top: 2px solid #dee2ef;
}

.ei-footer-copyright .ei-copyright-menu {
  float: right;
}

.ei-footer-copyright .ei-copyright-menu a {
  margin-left: 35px;
}

@keyframes left-right-move {
  0% {
    transform: translateX(-100px);
  }
  50% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(-100px);
  }
}
.ei-footer-shape1 {
  top: 120px;
  right: 130px;
  opacity: 0.5;
  z-index: -1;
}

.ei-footer-shape2 {
  top: 110px;
  left: -160px;
  opacity: 0.5;
  z-index: -1;
}

.ei-footer-shape3 {
  left: -50px;
  right: 0;
  opacity: 0.5;
  z-index: -1;
  bottom: 100px;
  margin: 0 auto;
  text-align: center;
  animation-name: left-right-move;
  animation-duration: 25s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#twitter-widget-0 {
    border: 1px solid #282350 !important;
    padding: 0.5rem !important;
    border-radius: 10px;
}
/*---------------------------------------------------- */
/*Mobile-Menu  area*/
/*----------------------------------------------------*/
.appi-ei-mobile_menu_content {
    top: 0px;
    bottom: 0;
    right: -350px;
    height: 100vh;
    z-index: 101;
    position: fixed;
    width: 280px;
    overflow-y: scroll;
    background-color: #fff;
    padding: 40px 0px;
    box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
    transition: all 0.5s ease-in;
}

.appi-ei-mobile_menu_content .appi-ei-mobile-main-navigation {
  width: 100%;
}

.appi-ei-mobile_menu_content .appi-ei-mobile-main-navigation .navbar-nav {
  width: 100%;
}

.appi-ei-mobile_menu_content .navbar-nav .dropdown-menu {
  position: static !important;
  transform: none !important;
}

.appi-ei-mobile_menu_content .appi-ei-mobile-main-navigation .navbar-nav li {
  width: 100%;
  display: block;
  transition: 0.3s all ease-in-out;
  border-bottom: 1px solid #dcdcdc;
}

.appi-ei-mobile_menu_content .appi-ei-mobile-main-navigation .navbar-nav li:first-child {
  border-top: 1px solid #dcdcdc;
}

.appi-ei-mobile_menu_content .appi-ei-mobile-main-navigation .navbar-nav li a {
  color: #000;
  padding: 0;
  width: 100%;
  display: block;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 30px;
  text-transform: uppercase;
}

.appi-ei-mobile_menu_content .m-brand-logo {
  width: 160px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.appi-ei-mobile_menu_wrap.mobile_menu_on .appi-ei-mobile_menu_content {
  right: 0px;
  transition: all 0.7s ease-out;
}

.mobile_menu_overlay {
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  right: 0%;
  height: 120vh;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.9);
  transition: all 0.5s ease-in-out;
}

.mobile_menu_overlay_on {
  overflow: hidden;
}

.appi-ei-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
  opacity: 1;
  visibility: visible;
}

.appi-ei-mobile_menu_button {
  position: absolute;
  display: none;
  right: 20px;
  cursor: pointer;
  line-height: 40px;
  color: #fff;
  text-align: center;
  font-size: 30px;
  top: 2px;
  z-index: 5;
}

.appi-ei-mobile_menu .appi-ei-mobile-main-navigation .navbar-nav li a:after {
  display: none;
}

.appi-ei-mobile_menu .appi-ei-mobile-main-navigation .dropdown > .dropdown-menu {
  opacity: 1;
  visibility: visible;
}

.appi-ei-mobile_menu .appi-ei-mobile_menu_content .appi-ei-mobile-main-navigation .navbar-nav .dropdown-menu {
  border: none;
  display: none;
  transition: none;
  box-shadow: none;
  padding: 5px 0px;
  width: 100%;
  border-top: 1px solid #dcdcdc;
}

.appi-ei-mobile_menu .appi-ei-mobile_menu_content .appi-ei-mobile-main-navigation .navbar-nav .dropdown-menu li {
  border: none;
  padding: 0 20px;
  line-height: 1;
}

.appi-ei-mobile_menu .dropdown {
  position: relative;
}

.appi-ei-mobile_menu .dropdown .dropdown-btn {
  position: absolute;
  top: 0px;
  right: 0;
  height: 30px;
  padding: 5px 10px;
}

.appi-ei-mobile_menu .dropdown .dropdown-btn:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  top: 0;
  left: 0;
  background-color: #dcdcdc;
}

.appi-ei-mobile_menu .appi-ei-mobile_menu_close {
  color: #d60606;
  cursor: pointer;
  top: 15px;
  left: 15px;
  font-size: 20px;
  position: absolute;
}

/*---------------------------------------------------- */
/*Responsive  area*/
/*----------------------------------------------------*/
@media screen and (max-width: 1440px) {
  .main-header-eight .appheader-content {
    padding: 0px 30px;
  }
  .ei-service-slide-mbl {
    right: 0;
  }
  .main-header-eight .appheader-content .site-logo {
    margin-right: 120px;
  }

  .eg-fun-fact-section .eg-fun-fact-mockup .fn-shape-item1 {
    left: 70px;
  }

  .eg-fun-fact-section .fn-bg-shape {
    left: -195px;
  }

  .ei-faq-section .fq-shape-style1 {
    left: -20px;
  }

  .ei-faq-section .fq-shape-style3 {
    left: 60px;
  }

  .ei-faq-section .fq-shape-style2 {
    left: 0;
  }

  .ei-newslatter-section .ei-newslatter-mockup {
    right: 5%;
  }

  .ei-footer-shape1 {
    right: 0;
  }

  .eight-service-section .eight-service-slide .ei-service-slide-btn {
    margin-left: 60px;
  }

  .eight-service-section .eight-service-slide {
    width: 48.667%;
  }
    .eight-service-section .eight-service-text {
        width: 51.333333%;
        padding: 65px 0px 0px 0;
    }

  .eight-service-section .eight-service-text h2 {
    max-width: 285px;
  }
}
@media screen and (max-width: 1280px) {
  .main-header-eight .appheader-content .site-logo {
    margin-right: 120px;
  }
}
@media screen and (max-width: 1199px) {
  .main-header-eight .appheader-content .site-logo {
    margin-right: 100px;
  }

  .ei-screenshots-section .ei-screen-mobile-image {
    width: 322px;
  }
}
@media screen and (max-width: 1024px) { 
  .main-header-eight .appheader-content .site-logo  {
    margin-right: 40px
  }
  .main-header-eight .appheader-content .navigation-eight li {
    margin-right: 10px;
  }
  .main-header-eight .appheader-content .h-eight-social {
    margin-left: 0;
  }
  .eg-fun-fact-section .eg-fun-fact-mockup {
    /*left: -320px;*/
  }
  .ei-team-section .ei-team-content .owl-item.active.center .ei-team-img:after,
  .ei-team-section .ei-team-content .owl-item .ei-team-img:after {
    left: 70px;
  }
  .ei-team-section .ei-team-content .owl-nav .owl-prev,
  .ei-team-section .ei-team-content .owl-nav .owl-next {
    position: static;
    text-align: center;
    margin: 0px 8px;
    transform: translateY(0);
  }
  .ei-team-section .ei-team-content .owl-nav {
    text-align: center;
    margin-top: 20px;
  }
  .ei-newslatter-section .ei-newslatter-mockup {
    display: none;
  }
  .ei-footer-widget .download-btn a {
    margin-right: 0px;
  }
  .eight-service-section .eight-service-slide .ei-service-slide-btn {
    margin-left: 15px;
  }
  .eight-service-section .eight-service-text h2 {
    max-width: 245px;
  }
  .ei-testimonial-section .ei-testimonial-img-text {
    margin: 0 auto;
    max-width: 500px;
  }
}
@media screen and (max-width: 991px) {
  .main-header-eight .appheader-content .navigation-eight {
    display: none;
  }

  .main-header-eight .appheader-content .h-eight-social {
    display: none;
  }

  .appi-ei-mobile_menu_button {
    display: block;
  }

  .main-header-eight .appheader-content {
    padding: 0px 20px;
  }

  .main-header-eight .appheader-content .sign-up-btn-eight {
    margin-right: 50px;
  }

  .eight-banner-section .eight-banner-content .ei-banner-mbl-mockup {
    position: static;
    margin-top: 40px;
    width:100%;
    text-align:center;
  }
    .eight-banner-section .eight-banner-content .ei-banner-mbl-mockup img {
        width:80%;
    }
    .eight-banner-section .eight-banner-content p{
        width:100%;
    }
    .eight-banner-section {
        padding-bottom: 100px;
    }

  .feature-eight-section {
    padding: 100px 0px;
  }

  .feature-eight-section .eight-feature-box {
    margin-bottom: 50px;
  }

  .eight-service-section .eight-service-slide {
    width: 100%;
  }

  .eight-service-section .eight-service-text {
    width: 100%;
    text-align:center;
  }

    .eight-service-section .eight-service-text img {
        position: static;
    }
  .eight-service-section:after {
    display: none;
  }

  .eight-service-section:before {
    display: none;
  }

  .eight-service-section .s-shape-bg2 {
    display: none;
  }

  .eight-service-section .eight-service-text:before {
    display: none;
  }

  .eight-service-section .eight-service-slide a:nth-child(3) {
    transform: translateX(0);
    margin-bottom:55px;
  }
  .eight-service-section .eight-service-slide a:nth-child(4) {
    transform: translate(0,0);
  }
    .eight-service-section .eight-service-slide a:nth-child(4) .ei-service-icon-text .ei-service-text{
        padding-top:0;
    }

    .ei-service-slide-mbl {
        position: relative;
        right: 0;
        top: 0;
    }

  .eight-service-section .eight-service-slide .ei-service-slide-btn {
    max-width: 475px;
    margin: 0 auto;
  }

  .eight-service-section .eight-service-text h2 {
    margin: 0 auto;
    color: #fff;
    max-width: 400px;
    padding-top: 30px;
    text-align: center;
  }

  .eg-fun-fact-section .eg-fun-fact-mockup {
    position: static;
    margin-bottom: 40px;
  }

  .eg-fun-fact-section .eg-funfact-text {
    float: none !important;
  }

  .eg-how-work-section .how-work-mockup {
    text-align: center;
  }

  .ei-team-section .ei-team-pic-text .ei-team-social {
    right: 13px;
  }

  .ei-screenshots-section .ei-screen-mobile-image {
    width: 270px;
  }

  #testimonial-scroller {
    max-width: 570px;
  }

  .ei-newslatter-section .ei-newslatter-box .ei-news-vector2 {
    display: none;
  }

  .ei-footer-section {
    padding-top: 100px;
  }

  .testimonial-floatingimg {
    display: none;
  }

  .eg-how-work-section .how-work-mockup .hw-shape1,
  .eg-how-work-section .how-work-mockup .hw-shape2 {
    display: none;
  }
  .ei-appdownload-section {
    padding-bottom: 60px;
    height:auto;
  }
  .ei-team-section .ei-team-content .owl-item.active.center .ei-team-img:after,
  .ei-team-section .ei-team-content .owl-item .ei-team-img:after {
    display: none;
  }
  .ei-team-pic-text {
    max-width: 300px;
    margin: 0 auto;
  }
  .ei-team-section .ei-team-content .owl-item.active.center .ei-team-social {
    right: 0px;
  }
  .ei-footer-widget {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .ei-screenshots-section .ei-screen-mobile-image {
    width: 370px;
    height: 655px;
  }

    .smm-case-innerbox{
        margin:1rem 5rem;
    }
    .smm-case-innerbox .smm-case-img img{
        width:100%;
    }
}
@media screen and (max-width: 680px) {
  .eight-banner-section .eight-banner-content h1 {
    font-size: 65px;
  }

  .ei-team-section .ei-team-content .owl-item.active.center .ei-team-img:after {
    left: 75px;
  }
    .testimonial-modal .ei-testimonial-img-text .ei-testimonial-text .ei-testimonial-name {
        clear: both;
        padding-top: 1rem;
    }

    .testimonial-modal .ei-testimonial-img-text .ei-testimonial-text p {
        padding-left: 0;
    }

    .testimonial-modal .ei-testimonial-img-text {
        border-radius: 0;
    }

    .modal-dark.testimonial-modal .close {
        margin: 20px 20px 0 0;
    }

    .testimonial-modal .ei-testimonial-img-text .test--quote-icon {
        top: 180px;
        right:50px;
    }
}
@media screen and (max-width: 580px) {
  .eight-banner-section .eight-banner-content h1 {
    font-size: 60px;
  }

  .eg-fun-fact-section .eg-fun-fact-mockup .fn-shape-item1 {
    display: none;
  }

  .eg-fun-fact-section .eg-fun-fact-mockup .fn-shape-item2 {
    display: none;
  }

  .eg-how-work-section .ei-how-work-content-item {
    padding-left: 50px;
  }

  .ei-team-pic-text {
    max-width: 270px;
    margin: 0 auto;
  }

  .ei-team-section .ei-team-pic-text .ei-team-social {
    right: -40px;
  }

  .ei-screenshots-section .ei-screen-mobile-image {
    width: 305px;
  }

  #testimonial-scroller {
    max-width: 450px;
  }

  #testimonial-scroller .ei-testimonial-text {
    display: block;
    overflow: hidden;
  }

  .ei-newslatter-section .ei-newslatter-contnet {
    margin-left: 0px;
  }
    .smm-case-innerbox {
        margin: 1rem 2rem;
    }
    .ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-img {
        height: 100px;
        width: 100px;
        line-height:95px;
    }
        .ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-img img {
            height: 80px;
            width: 80px;
        }
    .ei-testimonial-section .ei-testimonial-img-text:before {
        top: -10px;
        left: -5px;
        height: 130px;
        width: 150px;
        background-size: contain;
    }
    .pm-feature-innerbox{
        padding:15px !important;
    }
}
@media screen and (max-width: 480px) {
  .eight-banner-section .eight-banner-content h1 {
    text-align: center;
    font-size: 50px;
  }

  .cd-headline.clip .cd-words-wrapper::after {
    height: 40px;
  }

  .eight-banner-section .eight-banner-content p {
    text-align: center;
  }

  .eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn {
    text-align: center;
  }

  .ei-banner-review {
    text-align: center;
    max-width: 320px;
    margin: 0 auto;
  }

  .eight-banner-section .eight-banner-content .ei-banner-review ul {
    float: none;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .ei-service-icon-text .ei-service-icon {
    margin-left: 30px;
  }

  .eg-fun-fact-section .eg-fun-fact-mockup .fn-shape {
    display: none;
  }

  .pera-content p {
    overflow: hidden;
  }

  .hw-mockup-img {
    margin-top: 20px;
  }

  .eg-how-work-section .how-work-mockup .hw-shape1,
  .eg-how-work-section .how-work-mockup .hw-shape2,
  .ei-faq-section .fq-shape-style3,
  .ei-faq-section .fq-shape-style4 {
    display: none;
  }

  .ei-team-section .ei-team-content .owl-nav {
    width: 150px;
    margin: 0 auto;
    margin-top: 40px;
    position: static;
    transform: translateY(0);
  }

  .ei-faq-section .ei-faq-queans {
    margin-top: 20px;
  }

  .ei-faq-section .ei-faq-queans .ei-faq-header button,
  .ei-faq-section .ei-faq-queans .ei-faq-header a {
    text-align: left;
  }

  .ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-img {
    left: -10px;
  }
}
@media screen and (max-width: 420px) {
  .eight-banner-section .eight-banner-content h1 {
    font-size: 42px;
  }

  .cd-headline.clip .cd-words-wrapper::after {
    height: 30px;
  }

  .feature-eight-section {
    padding: 50px 0px;
  }

  .eight-section-title h2 {
    font-size: 28px;
  }

  .eight-service-slide {
    padding-right: 0;
  }

  .ei-service-icon-text .ei-service-icon {
    height: 80px;
    width: 80px;
    line-height: 80px;
  }

  .ei-service-icon-text .ei-service-icon i {
    font-size: 35px;
  }

  .eight-service-section {
    padding: 65px 0px;
  }

  .eight-service-section .eight-service-slide a:nth-child(1) {
    margin-bottom: 30px;
  }

  .eight-service-section .eight-service-slide a:nth-child(2) {
    margin-bottom: 30px;
    transform: translateX(0);
  }

  .eight-service-section .eight-service-text {
    padding-top: 40px;
  }

  .eight-service-section .eight-service-text h2 {
    font-size: 30px;
  }

  .eg-fun-fact-section {
    padding: 60px 0px;
  }

  .eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number .odometer {
    font-size: 36px;
  }

  .eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number strong {
    font-size: 30px;
    top: 4px;
  }

  .eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number p {
    font-size: 20px;
    max-width: 100px;
  }

  .eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-icon {
    margin-right: 0;
    margin-bottom: 15px;
    float: none !important;
  }

  .eg-how-work-section .ei-how-work-content-item {
    padding-left: 30px;
  }

  .eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-text h3 {
    font-size: 20px;
  }

  .eg-how-work-section {
    padding-bottom: 30px;
  }

  .ei-app-down-text {
    padding: 50px 0px;
  }

  .ei-faq-section .ei-faq-queans .ei-faq.faq_bg {
    padding: 20px 30px;
  }

  .ei-faq-section .ei-faq-queans .ei-faq {
    padding: 0px 30px;
  }

  .ei-faq-section {
    padding: 60px 0px;
  }

  .ei-screenshots-section {
    padding: 60px 0px;
  }

  .ei-testimonial-section {
    padding: 60px 0px;
  }

  .ei-testimonial-section .ei-testimonial-img-text {
    padding: 25px 20px 25px 0px;
  }

  .ei-footer-widget {
    margin-bottom: 30px;
  }

  .ei-footer-copyright .ei-copyright-menu {
    float: left;
  }

  .ei-footer-copyright .ei-copyright-menu a {
    margin-left: 0;
    margin-right: 15px;
  }

  .eg-how-work-text {
    display: block;
    width: 100%;
  }

  .ei-team-section {
    padding: 60px 0px;
  }

  .eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn a:nth-child(1) {
    height: 45px;
    width: 150px;
    line-height: 45px;
  }

  .eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn {
    padding: 20px 0px 10px 0px;
  }

  .main-header-eight .appheader-content .site-logo {
    margin-right: 30px;
  }

  .ei-footer-section {
    padding-top: 60px;
  }

  .eg-how-work-section .how-work-mockup {
    padding-left: 0;
  }

  .ei-team-section .ei-team-content .owl-item.active.center .ei-team-img:after {
    left: 35px;
  }

  .ei-team-section .ei-team-content .owl-item.active.center .ei-team-social {
    right: -5px;
  }

  .swiper-container {
    width: 295px;
  }
}
@media screen and (max-width: 380px) {
  .eight-banner-section .eight-banner-content h1 {
    font-size: 36px;
  }

  .ei-appdownload-section .app-down-btn a {
    margin-bottom: 20px;
  }

  .ei-testimonial-section .ei-testimonial-img-text:before {
    display: none;
  }

  .ei-newslatter-section .ei-newslatter-contnet .ei-newslatter-form form .nws-button button {
    width: 150px;
    margin: 0 auto;
  }

  .ei-newslatter-section .ei-newslatter-contnet .ei-newslatter-form form .nws-button {
    position: static !important;
    text-align: center;
    margin-bottom: 20px;
  }

  .eg-how-work-section .mCustomScrollBox {
    left: 0;
  }
}
@media screen and (max-width: 320px) {
  .main-header-eight .appheader-content .sign-up-btn-eight {
    width: 80px;
  }

  .eight-banner-section .eight-banner-content h1 {
    font-size: 33px;
  }

  .eight-section-title h2 {
    font-size: 24px;
  }

  .eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-text h3 {
    font-size: 16px;
  }

  .eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .scroller-no {
    display: none;
  }

  .eg-how-work-section .eg-how-work-content {
    padding-left: 5px;
  }

  .ei-faq-section .ei-faq-queans .ei-faq-header button,
  .ei-faq-section .ei-faq-queans .ei-faq-header a {
    font-size: 16px;
  }

  .ei-testimonial-section .ei-testimonial-img-text {
    border-radius: 0;
    padding: 20px;
  }

  .ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-img {
    float: none !important;
    top: 0;
    margin-bottom: 15px;
  }

  .ei-footer-widget .download-btn a {
    margin-bottom: 20px;
    display: block;
  }

  .ei-footer-widget h4 {
    margin-bottom: 10px;
  }
}
/*---------------------------------------------------- */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
.appseo-home {
  margin: 0;
  padding: 0;
  color: #415e8d;
  font-size: 16px;
  line-height: 1.765;
  overflow-x: hidden;
  font-family: "Poppins";
  -moz-osx-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

.appseo-home::selection {
  color: #ffffff;
  background-color: #6e3ebf;
}

.appseo-home::-moz-selection {
  color: #ffffff;
  background-color: #6e3ebf;
}

.appseo-home .container {
  max-width: 1200px;
}

.appseo-preloader {
  background-color: #fff;
  background: #fff url("../img/seo/pre.svg") no-repeat center center;
}

.appseo-headline h1,
.appseo-headline h2,
.appseo-headline h3,
.appseo-headline h4,
.appseo-headline h5,
.appseo-headline h6 {
  margin: 0;
  font-family: "Poppins";
}

.appseo-scrollup {
  width: 55px;
  right: 20px;
  z-index: 5;
  height: 55px;
  bottom: 20px;
  display: none;
  position: fixed;
  border-radius: 100%;
  line-height: 55px;
  background-image: linear-gradient(45deg, #ff6626 15%, #ffa641 100%);
}

.appseo-scrollup i {
  color: #fff;
  font-size: 20px;
}

.appseo-section-title {
  padding-bottom: 35px;
}

.appseo-section-title:after {
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  width: 60px;
  height: 25px;
  margin: 0 auto;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url(../img/seo/shape/ts1.png);
}

.appseo-section-title p {
  color: #415e8d;
  font-size: 18px;
  text-transform: capitalize;
}

.appseo-section-title h2 {
  font-size: 40px;
  font-weight: 800;
  text-transform: uppercase;
}
@keyframes borderplsseo {
  0% {
    box-shadow: 0 0 0 0 #f7d4c0;
  }
  70% {
    box-shadow: 0 0 0 10px #f7d4c0;
    opacity: 0;
  }
  to {
    box-shadow: 0 0 0 0 #f7d4c0;
    opacity: 0;
  }
}
.appseo-section-title2 p {
  color: #ff8533;
  font-size: 18px;
  font-weight: 600;
  padding-left: 35px;
  position: relative;
  padding-bottom: 18px;
}

.appseo-section-title2 p:before,
.appseo-section-title2 p:after {
  width: 8px;
  height: 8px;
  content: "";
  left: 6px;
  top: 12px;
  z-index: 2;
  position: absolute;
  border-radius: 100%;
  background-color: #ff8533;
}

.appseo-section-title2 p:after {
  left: 0;
  top: 6px;
  z-index: 1;
  width: 20px;
  height: 20px;
  background-color: #f7d4c0;
  animation: borderplsseo 1.5s infinite cubic-bezier(0.4, 0, 1, 1) both;
}

.appseo-section-title2 h2 {
  color: #213e6e;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.125;
}
@keyframes appseoupdown {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes appseoupdown {
  0% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(-1px);
  }
}
@keyframes appseoupdown {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(10px);
  }
}
@keyframes videoup {
  70% {
    box-shadow: 0 0 0 30px rgba(255, 243, 234, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 243, 234, 0);
  }
}
@keyframes animateBubble {
  0% {
    margin-top: 20%;
  }
  100% {
    margin-top: -30%;
  }
}
@keyframes sideWays {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 25px;
  }
}
@keyframes flying {
  0% {
    transform: translate(2px, 2px);
  }
  50% {
    transform: translate(-2px, -2px);
  }
  100% {
    transform: translate(2px, 2px);
  }
}
@keyframes fadeFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeFromRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeFromUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeFromUp {
  animation-name: fadeFromUp;
}

.fadeFromRight {
  animation-name: fadeFromRight;
}

.fadeFromLeft {
  animation-name: fadeFromLeft;
}

.appseo-btn-hover {
  z-index: 1;
  overflow: hidden;
  position: relative;
}

.appseo-btn-hover:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 40px;
  transition: all 0.5s;
  opacity: 1;
  z-index: -1;
  transform: translate(-105%, 0);
  background-color: rgba(255, 255, 255, 0.8);
}

.appseo-btn-hover:hover:before {
  opacity: 0;
  transform: translate(0, 0);
}

/*---------------------------------------------------- */
/*Header area*/
/*----------------------------------------------------*/
.appseo-main-header {
  z-index: 5;
  width: 100%;
  padding-top: 60px;
  position: absolute;
}

.appseo-main-header .navbar-nav {
  display: inherit;
}

.appseo-main-header .appseo-logo {
  padding-top: 10px;
}

.appseo-main-header .appseo-main-navigation {
  padding-top: 13px;
  display: inline-block;
}

.appseo-main-header .appseo-main-navigation li {
  margin-left: 35px;
}

.appseo-main-header .appseo-main-navigation li a {
  color: #213e6e;
  font-size: 17px;
  font-weight: 600;
  padding-bottom: 20px;
}
.appseo-main-header .appseo-main-navigation li a.active {
  color:  #ff8533;
}

.appseo-main-header .appseo-main-navigation .dropdown {
  position: relative;
}

.appseo-main-header .appseo-main-navigation .dropdown:after {
  content: "";
  position: absolute;
  right: -12px;
  top: 2px;
  transition: 0.3s all ease-in-out;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.appseo-main-header .appseo-main-navigation .dropdown .dropdown-menu {
  top: 65px;
  left: 0;
  opacity: 0;
  z-index: 2;
  margin: 0px;
  padding: 0px;
  height: auto;
  width: 200px;
  border: none;
  display: block;
  border-radius: 0;
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  border-radius: 10px;
  background-color: #fff;
  transition: all 0.4s ease-in-out;
  border-bottom: 2px solid #ff6626;
  box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1);
}

.appseo-main-header .appseo-main-navigation .dropdown .dropdown-menu li {
  width: 100%;
  margin-left: 0;
  border-bottom: 1px solid #e5e5e5;
}

.appseo-main-header .appseo-main-navigation .dropdown .dropdown-menu li a {
  width: 100%;
  color: #343434;
  display: block;
  font-size: 14px;
  padding: 10px 25px;
  position: relative;
  transition: 0.3s all ease-in-out;
}

.appseo-main-header .appseo-main-navigation .dropdown .dropdown-menu li a:before {
  display: none;
}

.appseo-main-header .appseo-main-navigation .dropdown .dropdown-menu li a:after {
  left: 10px;
  top: 18px;
  width: 8px;
  height: 8px;
  content: "";
  position: absolute;
  border-radius: 100%;
  transform: scale(0);
  background-color: #fff;
  transition: 0.3s all ease-in-out;
}

.appseo-main-header .appseo-main-navigation .dropdown .dropdown-menu li a:hover {
  background-color: #ff8533;
  color: #fff;
}

.appseo-main-header .appseo-main-navigation .dropdown .dropdown-menu li a:hover:after {
  transform: scale(1);
}

.appseo-main-header .appseo-main-navigation .dropdown .dropdown-menu li:last-child {
  border-bottom: none;
}

.appseo-main-header .appseo-main-navigation .dropdown:hover .dropdown-menu {
  top: 50px;
  opacity: 1;
  visibility: visible;
}

.appseo-main-header .appseo-sidebar-button {
  display: inline-block;
}

.appseo-main-header .appseo-sidebar-button .sidebar-appseo-toggle {
  width: 20px;
  height: 15px;
  cursor: pointer;
  margin-left: 65px;
}

.appseo-main-header .appseo-sidebar-button .sidebar-appseo-toggle span {
  position: relative;
}

.appseo-main-header .appseo-sidebar-button .sidebar-appseo-toggle span:before {
  content: "";
  position: absolute;
  background-color: #213e6e;
  transition: 0.3s all ease-in-out;
}

.appseo-main-header .appseo-sidebar-button .sidebar-appseo-toggle span:nth-child(1):before {
  top: 0;
  height: 3px;
  width: 14px;
}

.appseo-main-header .appseo-sidebar-button .sidebar-appseo-toggle span:nth-child(2):before {
  top: 4px;
  height: 3px;
  width: 19px;
}

.appseo-main-header .appseo-sidebar-button .sidebar-appseo-toggle span:nth-child(3):before {
  top: 8px;
  height: 3px;
  width: 15px;
}

.appseo-main-header .appseo-sidebar-button .sidebar-appseo-toggle span:nth-child(4):before {
  top: 12px;
  height: 3px;
  width: 20px;
}

.appseo-main-header .appseo-sidebar-button .sidebar-appseo-toggle:hover span:before {
  width: 20px;
}

.appseo-main-header .header-button {
  height: 58px;
  width: 185px;
  float: right;
  line-height: 58px;
  margin-left: 13px;
  border-radius: 32px;
  display: inline-block;
  background-size: 200% auto;
  transition: 0.3s all ease-in-out;
  box-shadow: 1.392px 9.903px 10px 0px rgba(66, 97, 234, 0.21);
  background-image: linear-gradient(45deg, #ff6626 15%, #ffa641 100%);
}

.appseo-main-header .header-button a {
  width: 100%;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 700;
}

.appseo-main-header .header-button:hover {
  transition: 0.3s all ease-in-out;
  background-position: right center;
}

.appseo-sticky-header-overlay {
  background-color: #fff;
  animation-duration: 0.7s;
  top: 0px;
  position: fixed;
  padding: 5px 0px;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-timing-function: ease;
  transition: 0.3s all ease-in-out;
}
.appseo-main-header.appseo-sticky-header-overlay .appseo-logo {
  padding-top: 20px;
}
.appseo-main-header.appseo-sticky-header-overlay {
  z-index: 9;
  top: 0px;
  box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8);
}
.appseo-main-header.appseo-sticky-header-overlay .header-button {
  margin-top: 6px;
}
.appseo-main-header.appseo-sticky-header-overlay .dropdown:hover .dropdown-menu {
  top: 45px;
}

.side_inner_content {
  top: 0px;
  bottom: 0;
  right: -320px;
  height: 110vh;
  z-index: 101;
  position: fixed;
  width: 300px;
  overflow-y: scroll;
  background-color: #fff;
  padding: 50px 30px;
  box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
  transition: all 0.5s;
}

.side_inner_content p {
  text-align: left;
}

.side_inner_content .side_inner_logo {
  margin: 30px 0px;
}

.side_inner_content .side_contact {
  margin-bottom: 30px;
}

.side_inner_content .side_contact .social_widget h3 {
  font-size: 18px;
  padding: 10px 0px 20px 0px;
}

.side_inner_content .side_contact .social_widget li {
  margin: 0px 3px;
}

.side_inner_content .side_copywright {
  font-size: 14px;
}

.side_inner_content .close_btn {
  top: 30px;
  left: 20px;
  cursor: pointer;
  position: absolute;
}

.side_inner_content .close_btn i {
  font-size: 14px;
}

.wide_side_inner.wide_side_on .side_inner_content {
  right: -15px;
  z-index: 99;
  transition: all 0.7s;
}

.wide_side_inner {
  display: inline-block;
}

.wide_side_inner .side_overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
  z-index: 9;
  height: 110vh;
  visibility: hidden;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  transition: all 0.3s ease-in-out;
}

.body_overlay_on {
  overflow: hidden;
}

.wide_side_inner.wide_side_on .side_overlay {
  opacity: 1;
  visibility: visible;
}

/*---------------------------------------------------- */
/*Banner area*/
/*----------------------------------------------------*/
@keyframes cd-rotate-3-in {
  0% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}
@keyframes cd-rotate-3-out {
  0% {
    transform: rotateY(0);
  }
  100% {
    transform: rotateY(-180deg);
  }
}
.appseo-banner-section .cd-headline.rotate-3 .cd-words-wrapper {
  perspective: 300px;
  position: relative;
}

.appseo-banner-section .cd-headline.rotate-3 b {
  opacity: 0;
}

.appseo-banner-section .cd-headline.rotate-3 i {
  display: inline-block;
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-style: normal;
  font-weight: 700;
}

.appseo-banner-section .cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}

.appseo-banner-section .is-visible .cd-headline.rotate-3 i {
  transform: rotateY(0deg);
}

.appseo-banner-section .cd-headline.rotate-3 i.in {
  animation: cd-rotate-3-in 0.6s forwards;
}

.appseo-banner-section .cd-headline.rotate-3 i.out {
  animation: cd-rotate-3-out 0.6s forwards;
}

.appseo-banner-section .no-csstransitions .cd-headline.rotate-3 i {
  transform: rotateY(0deg);
  opacity: 0;
}

.appseo-banner-section .no-csstransitions .cd-headline.rotate-3 .is-visible i {
  opacity: 1;
}

.appseo-banner-section .appseo-banner-content {
  max-width: 480px;
  padding: 380px 0px 70px 0px;
}

.appseo-banner-section .appseo-banner-content h1 {
  color: #213e6e;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.3;
  padding-bottom: 15px;
}

.appseo-banner-section .appseo-banner-content .cd-words-wrapper b.is-visible {
  position: relative;
}

.appseo-banner-section .appseo-banner-content p {
  color: #213e6e;
  font-size: 20px;
  padding-bottom: 28px;
}

.appseo-banner-section .appseo-banner-content .banner-call-action {
  width: 100%;
  margin-bottom: 65px;
  display: inline-block;
}

.appseo-banner-section .appseo-banner-content .banner-call-action .call-action-icon {
  margin-right: 20px;
}

.appseo-banner-section .appseo-banner-content .banner-call-action .call-action-icon svg {
  height: 40px;
  width: 40px;
  fill: #213e6e;
}

.appseo-banner-section .appseo-banner-content .banner-call-action .call-action-text {
  color: #213e6e;
  font-size: 26px;
  font-weight: 300;
}

.appseo-banner-section .appseo-banner-content .banner-call-action .call-action-text span {
  color: #ff8533;
  font-weight: 600;
}

.appseo-banner-section .appseo-banner-content .banner-btn {
  display: flex;
}

.appseo-banner-section .appseo-banner-content .banner-btn .qut-btn {
  z-index: 1;
  width: 200px;
  height: 62px;
  position: relative;
  line-height: 62px;
  margin-right: 20px;
  border-radius: 52px;
  background-size: 200% auto;
  transition: 0.3s all ease-in-out;
  box-shadow: 1.392px 9.903px 10px 0px rgba(66, 97, 234, 0.21);
  background-image: linear-gradient(45deg, #2e42e2 15%, #4d71ee 100%);
}

.appseo-banner-section .appseo-banner-content .banner-btn .qut-btn a {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.appseo-banner-section .appseo-banner-content .banner-btn .qut-btn:hover {
  transition: 0.3s all ease-in-out;
  background-position: right center;
}

.appseo-banner-section .appseo-banner-content .banner-btn .banner-video-btn {
  z-index: 1;
  width: 70px;
  height: 70px;
  line-height: 72px;
  position: relative;
  border-radius: 100%;
  background-color: #fff;
}

.appseo-banner-section .appseo-banner-content .banner-btn .banner-video-btn:before {
  top: -15px;
  left: -15px;
  z-index: -1;
  content: "";
  width: 100px;
  height: 100px;
  position: absolute;
  border-radius: 100%;
  background-color: #fff3ea;
}

.appseo-banner-section .appseo-banner-content .banner-btn .banner-video-btn:after {
  top: 0;
  left: 0;
  z-index: -1;
  content: "";
  width: 70px;
  height: 70px;
  position: absolute;
  border-radius: 100%;
  background-color: #fff;
  box-shadow: 1.392px 9.903px 10px 0px rgba(66, 97, 234, 0.21);
}

.appseo-banner-section .appseo-banner-content .banner-btn .banner-video-btn a {
  width: 100%;
  display: block;
  color: #ff8533;
  font-size: 25px;
}

.appseo-banner-section .appseo-banner-content .banner-btn .banner-video-btn .video-border {
  position: absolute;
  z-index: -1;
  top: -15px;
  left: -15px;
  width: 100px;
  height: 100px;
  margin-left: 0.5px;
  border-radius: 50%;
  box-shadow: 0 0 0 0 #fff3ea;
  animation: videoup 3s infinite;
}

.appseo-banner-section .banner-shape {
  z-index: -1;
  position: absolute;
}

.appseo-banner-section .appseo-banner-shape1 {
  top: 0;
  left: -490px;
}

.appseo-banner-section .appseo-banner-shape2 {
  top: 300px;
  left: 140px;
}

.appseo-banner-section .appseo-banner-shape3 {
  top: 0;
  right: 0;
}

.appseo-banner-section .appseo-banner-shape4 {
  left: 50%;
  top: 260px;
  transform: translateX(-50%);
}

.appseo-banner-section .appseo-banner-vector {
  top: 200px;
  right: 140px;
  animation: appseoupdown 2s infinite alternate;
}

/*---------------------------------------------------- */
/*Servcie area*/
/*----------------------------------------------------*/
.appseo-service-section {
  padding: 85px 0px 120px;
}

.appseo-service-section .appseo-service-vector {
  position: absolute;
  bottom: 150px;
  left: 140px;
}

.appseo-service-content {
  padding-top: 40px;
}

.appseo-service-content .appseo-service-icon-text {
  z-index: 1;
  overflow: hidden;
  padding: 55px 65px;
  transition: 0.3s all ease-in-out;
  box-shadow: 0px 0px 35px 0px rgba(164, 177, 235, 0.13);
}

.appseo-service-content .appseo-service-icon-text .appseo-service-icon {
  width: 142px;
  height: 142px;
  display: flex;
  margin: 0 auto;
  margin-bottom: 42px;
  align-items: center;
  border-radius: 100%;
  justify-content: center;
  box-shadow: 1.392px 9.903px 10px 0px rgba(66, 97, 234, 0.21);
  background-image: linear-gradient(45deg, #6cc8e0 15%, #afe1ee 100%);
}

.appseo-service-content .appseo-service-icon-text .appseo-service-icon svg {
  height: 70px;
  fill: #fff;
}

.appseo-service-content .appseo-service-icon-text .appseo-service-icon:before,
.appseo-service-content .appseo-service-icon-text .appseo-service-icon:after {
  top: 15px;
  left: -25px;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url(../img/seo/shape/sericon2.png);
}

.appseo-service-content .appseo-service-icon-text .appseo-service-icon:after {
  top: 0;
  left: auto;
  right: -45px;
  background-image: url(../img/seo/shape/sericon1.png);
}

.appseo-service-content .appseo-service-icon-text .appseo-service-text h3 {
  color: #213e6e;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 12px;
}

.appseo-service-content .appseo-service-icon-text .appseo-service-text p {
  color: #415e8d;
  line-height: 1.75;
}

.appseo-service-content .appseo-service-icon-text:before {
  top: -135px;
  right: -120px;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-repeat: no-repeat;
  transition: 0.3s all ease-in-out;
  background-image: url(../img/seo/shape/s-shape1.png);
}

.appseo-service-content .appseo-service-box {
  transition: 0.3s all ease-in-out;
  background-color: #fff;
}

.appseo-service-content .appseo-service-box:after {
  left: 0;
  right: 0;
  content: "";
  height: 8px;
  bottom: -4px;
  width: 240px;
  margin: 0 auto;
  position: absolute;
  border-radius: 30px;
  background-color: #8fd5e7;
  transition: 0.3s all ease-in-out;
}

.appseo-service-content .appseo-service-box:hover {
  transform: translateY(40px);
}

.appseo-service-content .appseo-service-box:hover:after {
  width: 270px;
}

.appseo-service-content .appseo-service-box:hover .appseo-service-icon-text:before {
  top: -145px;
  right: -130px;
}

.appseo-service-content .col-lg-4:nth-child(2) .appseo-service-box:after {
  background-color: #ff8833;
}

.appseo-service-content .col-lg-4:nth-child(2) .appseo-service-box .appseo-service-icon {
  background-image: linear-gradient(45deg, #ff6626 15%, #ffa641 100%);
}

.appseo-service-content .col-lg-4:nth-child(3) .appseo-service-box:after {
  background-color: #3c58e8;
}

.appseo-service-content .col-lg-4:nth-child(3) .appseo-service-box .appseo-service-icon {
  background-image: linear-gradient(45deg, #2b3fe1 15%, #4f73ef 100%);
}

/*---------------------------------------------------- */
/*about area*/
/*----------------------------------------------------*/
.appseo-about-section {
  padding: 260px 0px 105px;
}

.appseo-about-section:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/seo/shape/abbg.png);
}

.appseo-about-section .partner-slide-area {
  padding-top: 110px;
}

.appseo-about-section .partner-slide-area .owl-item img {
  width: inherit;
}

.appseo-about-section .partner-slide-area .owl-nav {
  display: none;
}

.appseo-about-section .appseo-about-img {
  top: 0;
  left: -110px;
  position: absolute;
}

.appseo-about-section .appseo-about-content {
  float: right;
  max-width: 580px;
  padding-right: 100px;
}

.appseo-about-section .appseo-about-content .appseo-section-title2 h2 {
  padding-bottom: 15px;
}

.appseo-about-section .appseo-about-content .appseo-about-quote {
  position: relative;
  margin: 25px 0px 46px;
}

.appseo-about-section .appseo-about-content .appseo-about-quote .quote-icon-about {
  top: 0;
  left: 0;
  position: absolute;
}

.appseo-about-section .appseo-about-content .appseo-about-quote .quote-icon-about svg {
  height: 40px;
  fill: #ff8533;
}

.appseo-about-section .appseo-about-content .appseo-about-quote .quote-text-about {
  color: #ff8533;
  font-weight: 600;
  padding-left: 65px;
  font-style: italic;
}

.appseo-about-section .appseo-about-content .appseo-about-btn {
  color: #fff;
  height: 60px;
  width: 220px;
  font-size: 14px;
  font-weight: 700;
  line-height: 60px;
  border-radius: 40px;
  background-size: 200% auto;
  transition: 0.3s all ease-in-out;
  box-shadow: 1.392px 9.903px 10px 0px rgba(66, 97, 234, 0.21);
  background-image: linear-gradient(45deg, #2e42e2 15%, #4d71ee 100%);
}

.appseo-about-section .appseo-about-content .appseo-about-btn a {
  width: 100%;
  display: block;
}

.appseo-about-section .appseo-about-content .appseo-about-btn:hover {
  transition: 0.3s all ease-in-out;
  background-position: right center;
}

/*---------------------------------------------------- */
/*ready-go area*/
/*----------------------------------------------------*/
.ready-to-grow-section {
  overflow: visible;
  padding: 120px 0px 130px;
  z-index: 1;
  background-color: #00183e;
}

.ready-to-grow-section:before {
  left: 0;
  bottom: 0;
  content: "";
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-image: url(../img/seo/shape/r-shape.png);
}

.ready-to-grow-section .ready-vector {
  top: -20px;
  left: 50px;
  position: absolute;
  animation: appseoupdown 2s infinite alternate;
}

.ready-to-grow-section .ready-go-title {
  color: #fff;
  padding-bottom: 50px;
}

.ready-to-grow-section .ready-go-title span {
  font-size: 24px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.ready-to-grow-section .ready-go-title h2 {
  font-size: 40px;
  font-weight: 700;
}

.ready-to-grow-section .ready-go-form {
  margin: 0 auto;
  max-width: 955px;
}

.ready-to-grow-section .ready-go-form .ready-go-input-area {
  height: 60px;
  overflow: hidden;
  position: relative;
  border-radius: 40px;
}

.ready-to-grow-section .ready-go-form .ready-go-input-area:before {
  top: 0;
  left: 41%;
  width: 2px;
  content: "";
  height: 100px;
  position: absolute;
  background-color: #dddddd;
}

.ready-to-grow-section .ready-go-form .ready-go-input-area input {
  float: left;
  width: 395px;
  height: 60px;
  border: none;
  padding-left: 30px;
}

.ready-to-grow-section .ready-go-form .sub-btn {
  position: absolute;
  top: 0;
  right: 0;
}

.ready-to-grow-section .ready-go-form .sub-btn button {
  color: #fff;
  height: 60px;
  width: 220px;
  border: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 60px;
  border-radius: 40px;
  text-transform: uppercase;
  background-image: linear-gradient(45deg, #ff6525 15%, #ffa942 100%);
}

/*---------------------------------------------------- */
/*appseo-mission area*/
/*----------------------------------------------------*/
.appseo-mission-area-section {
  padding: 125px 0px 0px 0px;
  position: relative;
  z-index: 1;
}

.appseo-mission-area-section:after {
  top: -30%;
  right: -55%;
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url(../img/seo/shape/rg-shape1.png);
}

.appseo-mission-area-section .appseo-mission-vector {
  right: 0;
  top: 120px;
  position: absolute;
}

.appseo-mission-area-text {
  max-width: 480px;
}

.appseo-mission-area-text .appseo-section-title2 {
  padding-bottom: 85px;
}

.appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content {
  width: 100%;
  margin-bottom: 40px;
  display: inline-block;
}

.appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content .appseo-mission-item-icon {
  z-index: 1;
  top: 30px;
  float: left;
  width: 115px;
  height: 112px;
  margin-left: 30px;
  position: relative;
}

.appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content .appseo-mission-item-icon svg {
  height: 50px;
  fill: #fff;
}

.appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content .appseo-mission-item-icon:before {
  top: -40px;
  left: -35px;
  content: "";
  z-index: -1;
  width: 130px;
  height: 130px;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url(../img/seo/shape/ms1.png);
}

.appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content:nth-child(2) .appseo-mission-item-icon:before {
  background-image: url(../img/seo/shape/ms2.png);
}

.appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content:nth-child(3) .appseo-mission-item-icon:before {
  background-image: url(../img/seo/shape/ms3.png);
}

.appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content .appseo-mission-area-text h3 {
  color: #213e6e;
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 15px;
}

/*---------------------------------------------------- */
/*pricing area*/
/*----------------------------------------------------*/
.appseo-pricing-section {
  position: relative;
  padding-top: 80px;
}

.appseo-pricing-section:after {
  top: 35%;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/seo/shape/abbg.png);
}

.appseo-pricing-section .appseo-pricing-title {
  margin: 0 auto;
  max-width: 675px;
  padding-bottom: 125px;
}

.appseo-pricing-section .appseo-pricing-title h2 {
  color: #213e6e;
  font-size: 40px;
  font-weight: 700;
}

.appseo-pricing-section .appseo-pricing-item {
  padding-bottom: 80px;
  position: relative;
  z-index: 1;
}

.appseo-pricing-section .appseo-pricing-item:after {
  content: "";
  height: 275px;
  width: 275px;
  bottom: 15px;
  right: -100px;
  z-index: -1;
  background-image: url(../img/seo/shape/pr-shape.png);
  position: absolute;
}

.appseo-pricing-section .appseo-pricing-inner-box {
  z-index: 1;
  margin: 0 auto;
  max-width: 350px;
  position: relative;
  border-radius: 10px;
  background-color: #fff;
  padding: 125px 45px 50px 45px;
  box-shadow: 0px 0px 35px 0px rgba(164, 177, 235, 0.13);
}

.appseo-pricing-section .appseo-pricing-inner-box:after {
  right: 0;
  bottom: 0;
  z-index: -1;
  content: "";
  width: 210px;
  height: 125px;
  position: absolute;
  background-image: url(../img/seo/shape/prs.png);
}

.appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-img {
  top: -90px;
  left: 0;
  right: 0;
  position: absolute;
}

.appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-price-title h3 {
  font-size: 20px;
  font-weight: 600;
}

.appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-price {
  font-weight: 600;
  line-height: 1;
  padding: 20px 0px 5px;
}

.appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-price span {
  color: #3d59e8;
  font-size: 50px;
}

.appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-price strong {
  line-height: 1;
  color: #213e6e;
  font-size: 60px;
  font-weight: 600;
}

.appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-module {
  margin-bottom: 20px;
}

.appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-module span {
  font-weight: 600;
}

.appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-list li {
  padding: 8px 0px;
  border-bottom: 2px dashed #e9e9e9;
}

.appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-list li:last-child {
  border-bottom: none;
}

.appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-btn {
  color: #fff;
  height: 60px;
  width: 260px;
  font-size: 14px;
  margin-top: 15px;
  font-weight: 700;
  line-height: 60px;
  border-radius: 40px;
  text-transform: uppercase;
  transition: 0.3s all ease-in-out;
  background-size: 200% auto;
  box-shadow: 1.392px 9.903px 10px 0px rgba(66, 97, 234, 0.21);
  background-image: linear-gradient(45deg, #2e42e2 15%, #4d71ee 100%);
}

.appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-btn a {
  display: block;
  width: 100%;
}

.appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-btn:hover {
  transition: 0.3s all ease-in-out;
  background-position: right center;
}

.appseo-pricing-section .appseo-pricing-inner-box.popular-appseo {
  top: 35px;
  position: relative;
}

.appseo-pricing-section .appseo-pricing-inner-box.popular-appseo .appseo-pricing-btn {
  background-image: linear-gradient(45deg, #ff6626 15%, #ffa641 100%);
}

/*---------------------------------------------------- */
/*testimonial area*/
/*----------------------------------------------------*/
.appseo-testimonial-section {
  padding: 40px 0px 95px;
  background-color: #f4f8ff;
}

.appseo-testimonial-section .testi-circle-shape {
  position: absolute;
  top: 0;
  left: -30%;
}

.appseo-testimonial-content {
  z-index: 1;
  margin: 0 auto;
  max-width: 705px;
  margin-top: 30px;
  position: relative;
}

.appseo-testimonial-content:before {
  left: 0;
  right: 0;
  top: -15px;
  z-index: -1;
  line-height: 1;
  color: #e9f0fb;
  content: "";
  font-weight: 900;
  font-size: 205px;
  position: absolute;
  text-align: center;
  font-family: "Font Awesome 5 Free";
}

.appseo-testimonial-content .slick-dots {
  display: none;
}

.appseo-testimonial-content .slick-dotted.slick-slider {
  margin-bottom: 0;
}

.appseo-testimonial-content .appseo-testimonial-quote {
  position: relative;
  padding-bottom: 110px;
}

.appseo-testimonial-content .appseo-testimonial-quote:before {
  left: 0;
  right: 0;
  bottom: 70px;
  height: 5px;
  content: "";
  width: 290px;
  margin: 0 auto;
  position: absolute;
  background-color: #ff8533;
}

.appseo-testimonial-content .appseo-testimonial-text {
  font-size: 24px;
  font-style: italic;
}

.appseo-testimonial-content .appseo-testimonial-trigger {
  position: relative;
}

.appseo-testimonial-content .appseo-testimonial-trigger:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: -70px;
  left: -24px;
  right: 0;
  margin: 0 auto;
  border-left: 50px solid transparent;
  border-right: 0px solid transparent;
  border-top: 30px solid #ff8533;
}

.appseo-testimonial-content .appseo-testimonial-trigger:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  top: -75px;
  left: -28px;
  margin: 0 auto;
  border-left: 45px solid transparent;
  border-right: 0px solid transparent;
  border-top: 25px solid #fff;
}

.appseo-testimonial-content .appseo-testimonial-trigger .slick-list {
  margin: 0 auto;
  width: 645px !important;
  padding: 0px !important;
}

.appseo-testimonial-content .appseo-testimonial-trigger .appseo-testi-name-degi {
  margin: 0px 30px;
}

.appseo-testimonial-content .appseo-testimonial-trigger .appseo-testi-name-degi h3 {
  font-size: 30px;
  font-weight: 700;
  color: rgba(61, 89, 232, 0.4);
  transition: 0.3s all ease-in-out;
}

.appseo-testimonial-content .appseo-testimonial-trigger .appseo-testi-name-degi span {
  opacity: 0.5;
  color: #999999;
  text-transform: uppercase;
  transition: 0.3s all ease-in-out;
}

.appseo-testimonial-content .appseo-testimonial-trigger .appseo-testi-name-degi.slick-current.slick-center h3 {
  color: #ff8533;
}

.appseo-testimonial-content .appseo-testimonial-trigger .appseo-testi-name-degi.slick-current.slick-center span {
  opacity: 1;
}

/*---------------------------------------------------- */
/*Case area*/
/*----------------------------------------------------*/
.appseo-case-study-section {
  padding: 110px 0px 70px;
  max-width: 1920px;
  margin: 0 auto;
}

.appseo-case-study-section .appseo-section-title {
  margin-bottom: 40px;
}

.appseo-case-study-content {
  display: flex;
  margin: 0 -15px;
  flex-wrap: nowrap;
}

.appseo-case-study-img-text {
  width: 390px;
  margin: 5px;
}

.appseo-case-study-img-text .appseo-case-img {
  overflow: hidden;
  position: relative;
  border-radius: 15px;
}

.appseo-case-study-img-text .appseo-case-img:after {
  top: 0;
  left: 0;
  opacity: 0;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  transform: scale(0.5);
  border-radius: 15px;
  transition: 0.5s all ease-in-out;
  background-image: linear-gradient(45deg, #ff6626 15%, #ffa641 100%);
}

.appseo-case-study-img-text .appseo-case-img img {
  border-radius: 15px;
  transition: 0.5s all ease-in-out;
}

.appseo-case-study-img-text .appseo-case-text {
  top: -45px;
  left: 25px;
  padding: 25px 30px;
  max-width: 352px;
  border-radius: 20px;
  position: relative;
  background-color: #fff;
  border-top-right-radius: 0;
  transition: 0.3s all ease-in-out;
  box-shadow: 0px 0px 35px 0px rgba(164, 177, 235, 0.13);
}

.appseo-case-study-img-text .appseo-case-text span {
  color: #ff8533;
  font-size: 14px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.appseo-case-study-img-text .appseo-case-text h3 {
  padding-top: 10px;
  color: #213e6e;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 700;
  transition: 0.3s all ease-in-out;
}

.appseo-case-study-img-text:hover .appseo-case-text {
  background-color: #244479;
}

.appseo-case-study-img-text:hover .appseo-case-text h3 {
  color: #fff;
}

.appseo-case-study-img-text:hover .appseo-case-img img {
  transform: scale(1.2);
}

.appseo-case-study-img-text:hover .appseo-case-img:after {
  opacity: 0.8;
  transform: scale(1);
}

/*---------------------------------------------------- */
/*CTA area*/
/*----------------------------------------------------*/
.appseo-cta-section {
  z-index: 1;
  overflow: visible;
  padding: 120px 0px 105px;
}

.appseo-cta-section .appseo-call-vector {
  top: 45px;
  right: 220px;
  position: absolute;
  animation: flying 1.5s linear infinite;
}

.appseo-cta-section:before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url(../img/seo/banner/ctabg.jpg);
}

.appseo-cta-section .overlay-bg {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.9;
  position: absolute;
  background-image: linear-gradient(45deg, #05297d 15%, #0e75e6 100%);
}

.appseo-cta-section .appseo-cta-content {
  padding-left: 125px;
}

.appseo-cta-section .appseo-cta-content h2 {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
}

.appseo-cta-section .appseo-call-btn-area {
  padding-left: 90px;
}

.appseo-cta-section .appseo-cta-btn {
  color: #fff;
  z-index: 5;
  height: 70px;
  width: 255px;
  font-size: 14px;
  font-weight: 700;
  line-height: 70px;
  position: relative;
  border-radius: 40px;
  text-transform: uppercase;
  background-image: linear-gradient(45deg, #ff6525 15%, #ffa942 100%);
}

.appseo-cta-section .appseo-cta-btn a {
  width: 100%;
  display: block;
}

.bubble-dotted {
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: absolute;
  pointer-events: none;
}

.bubble-dotted .dotted {
  position: absolute;
  border-radius: 50%;
}

.bubble-dotted .dotted-1 {
  width: 11px;
  height: 11px;
  left: 100px;
  top: 50%;
  animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-2 {
  width: 7px;
  height: 7px;
  left: 240px;
  top: 40%;
  animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-3 {
  width: 11px;
  height: 11px;
  left: 460px;
  top: 30%;
  animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-4 {
  width: 16px;
  height: 16px;
  left: 430px;
  top: 90%;
  animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-5 {
  width: 6px;
  height: 6px;
  left: 50%;
  top: 50%;
  animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-6 {
  width: 9px;
  height: 9px;
  left: 70%;
  top: 230px;
  animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-7 {
  width: 6px;
  height: 6px;
  left: 65%;
  top: 30%;
  animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-8 {
  width: 6px;
  height: 6px;
  left: 85%;
  top: 35%;
  animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-9 {
  width: 13px;
  height: 13px;
  left: 90%;
  top: 40%;
  animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-10 {
  width: 12px;
  height: 12px;
  left: 80%;
  top: 70%;
  animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate;
}

.appseo-cta-section .bubble-dotted .dotted {
  position: absolute;
  background: #fff;
  border-radius: 50%;
}

.appseo-cta-section .bubble-dotted .dotted-1 {
  width: 6px;
  height: 6px;
  left: 270px;
  top: 100px;
}

.appseo-cta-section .bubble-dotted .dotted-2 {
  width: 6px;
  height: 6px;
  left: 190px;
  top: 210px;
}

.appseo-cta-section .bubble-dotted .dotted-3 {
  width: 11px;
  height: 11px;
  left: 150px;
  top: 90%;
}

.appseo-cta-section .bubble-dotted .dotted-4 {
  width: 11px;
  height: 11px;
  left: 25%;
  top: 100px;
}

.appseo-cta-section .bubble-dotted .dotted-5 {
  width: 11px;
  height: 11px;
  left: 45%;
  top: 60px;
}

.appseo-cta-section .bubble-dotted .dotted-6 {
  width: 6px;
  height: 6px;
  left: 50%;
  top: 370px;
}

.appseo-cta-section .bubble-dotted .dotted-7 {
  width: 9px;
  height: 9px;
  left: 75%;
  top: 25px;
}

.appseo-cta-section .bubble-dotted .dotted-8 {
  width: 8px;
  height: 8px;
  left: 77%;
  top: 170px;
}

.appseo-cta-section .bubble-dotted .dotted-9 {
  width: 6px;
  height: 6px;
  left: 85%;
  top: 50%;
}

.appseo-cta-section .bubble-dotted .dotted-10 {
  width: 6px;
  height: 6px;
  left: 90%;
  top: 80%;
}

/*---------------------------------------------------- */
/*blog area*/
/*----------------------------------------------------*/
.appseo-blog-section {
  padding: 110px 0px 120px;
  background-color: #f4f8ff;
}

.appseo-blog-section .appseo-section-title {
  margin-bottom: 50px;
}

.appseo-blog-img-text {
  z-index: 1;
  position: relative;
}

.appseo-blog-img-text:before {
  left: -5px;
  z-index: -1;
  content: "";
  width: 100%;
  top: 150px;
  height: 300px;
  border-radius: 10px;
  position: absolute;
  background-color: #fff;
  transition: 0.3s all ease-in-out;
}

.appseo-blog-img-text .appseo-blog-img .appseo-post-meta {
  right: 25px;
  height: 88px;
  width: 85px;
  bottom: -10px;
  color: #fff;
  height: 90px;
  line-height: 1;
  font-size: 15px;
  padding-top: 15px;
  position: absolute;
  border-radius: 10px;
  box-shadow: 1.392px 9.903px 10px 0px rgba(66, 97, 234, 0.21);
  background-image: linear-gradient(45deg, #2e42e2 15%, #4d71ee 100%);
}

.appseo-blog-img-text .appseo-blog-img .appseo-post-meta span {
  line-height: 1;
  display: block;
  font-size: 40px;
  font-weight: 700;
}

.appseo-blog-img-text .appseo-blog-text {
  padding: 30px 45px;
}

.appseo-blog-img-text .appseo-blog-text h3 {
  line-height: 1.364;
  color: #213e6e;
  font-size: 22px;
  font-weight: 600;
  transition: 0.3s all ease-in-out;
}

.appseo-blog-img-text .appseo-blog-text .appseo-blog-meta span {
  color: #415e8d;
  transition: 0.3s all ease-in-out;
}

.appseo-blog-img-text .appseo-blog-text .appseo-blog-meta a {
  color: #ff8533;
}

.appseo-blog-img-text:hover:before {
  background-color: #1d3762;
}

.appseo-blog-img-text:hover .appseo-blog-img .appseo-post-meta {
  background-image: linear-gradient(45deg, #ff6626 15%, #ffa641 100%);
}

.appseo-blog-img-text:hover .appseo-blog-text h3 {
  color: #fff;
}

.appseo-blog-img-text:hover .appseo-blog-meta span {
  color: #fff;
}

/*---------------------------------------------------- */
/*newsletter area*/
/*----------------------------------------------------*/
.appseo-newsletter-section {
  padding: 100px 0px;
}

.appseo-newsletter-section .newsletter-vector {
  left: -125px;
  bottom: -150px;
  position: absolute;
}

.appseo-newsletter-text h2 {
  color: #213e6e;
  font-size: 40px;
  font-weight: 800;
}

.appseo-newsletter-box {
  padding-left: 100px;
}

.appseo-newsletter-box input {
  width: 100%;
  height: 70px;
  border: none;
  padding-left: 30px;
  border-radius: 40px;
  box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.09);
}

.appseo-newsletter-box .nws-button {
  top: 8px;
  right: 15px;
}

.appseo-newsletter-box .nws-button button {
  color: #fff;
  height: 55px;
  width: 160px;
  border: none;
  font-size: 14px;
  font-weight: 700;
  border-radius: 30px;
  text-transform: uppercase;
  background-color: transparent;
  box-shadow: 1.392px 9.903px 10px 0px rgba(66, 97, 234, 0.21);
  background-image: linear-gradient(45deg, #ff6525 15%, #ffa942 100%);
}

/*---------------------------------------------------- */
/*footer area*/
/*----------------------------------------------------*/
.appseo-footer-area-section {
  padding: 120px 0px 110px;
}

.appseo-footer-area-section:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-color: rgba(0, 5, 46, 0.9);
  top: 0;
  left: 0;
}

.appseo-footer-widget .appseo-widget-title {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
  padding-bottom: 35px;
}

.appseo-footer-widget .footer-logo-widget .appseo-footer-logo {
  margin-bottom: 20px;
}

.appseo-footer-widget .footer-logo-widget .appseo-footer-about p {
  color: #dddddd;
  max-width: 490px;
  line-height: 1.875;
  padding-bottom: 15px;
}

.appseo-footer-widget .footer-logo-widget .appseo-footer-about strong {
  color: #6d83f9;
  font-size: 14px;
  font-weight: 700;
}

.appseo-footer-widget .footer-logo-widget .appseo-footer-about span {
  color: #fff;
  display: block;
  font-size: 14px;
  max-width: 170px;
}

.appseo-footer-widget .appseo-footer-menu-widget li {
  padding-left: 30px;
  position: relative;
  margin-bottom: 5px;
}

.appseo-footer-widget .appseo-footer-menu-widget li:before,
.appseo-footer-widget .appseo-footer-menu-widget li:after {
  left: 0;
  top: 10px;
  width: 7px;
  content: "";
  height: 7px;
  position: absolute;
  border-radius: 100%;
  background-color: #ff8533;
}

.appseo-footer-widget .appseo-footer-menu-widget li:after {
  left: 10px;
}

.appseo-footer-widget .appseo-footer-menu-widget li a {
  color: #c9c9c9;
  transition: 0.3s all ease-in-out;
}

.appseo-footer-widget .appseo-footer-menu-widget li a:hover {
  color: #ff8533;
}

.appseo-copyright {
  margin-top: 30px;
  width: 100%;
  position: relative;
  display: inline-block;
  z-index: 1;
}

.appseo-copyright:after {
  top: 18px;
  content: "";
  height: 2px;
  width: 450px;
  right: 20%;
  z-index: -1;
  margin: 0 auto;
  position: absolute;
  background-color: #333a66;
}

.appseo-copyright .appseo-copyright-text {
  float: left;
}

.appseo-copyright .appseo-copyright-text span {
  color: #dddddd;
}

.appseo-copyright .appseo-copyright-text span a {
  color: #ff8533;
}

.appseo-copyright .appseo-footer-social {
  float: right;
}

.appseo-copyright .appseo-footer-social a {
  width: 45px;
  color: #fff;
  height: 45px;
  margin-left: 5px;
  line-height: 45px;
  text-align: center;
  border-radius: 5px;
  display: inline-block;
}

.appseo-copyright .appseo-footer-social a:nth-child(1) {
  background-color: #2662db;
}

.appseo-copyright .appseo-footer-social a:nth-child(2) {
  background-color: #e2463d;
}

.appseo-copyright .appseo-footer-social a:nth-child(3) {
  background-color: #28c5f4;
}

.appseo-copyright .appseo-footer-social a:nth-child(4) {
  background-color: #206096;
}

.appseo-copyright .appseo-footer-social a:nth-child(5) {
  background-color: #d0101f;
}

/*---------------------------------------------------- */
/*mobile menu area*/
/*----------------------------------------------------*/
.appseo-mobile_menu_content {
  top: 0px;
  bottom: 0;
  right: -350px;
  height: 100vh;
  z-index: 101;
  position: fixed;
  width: 280px;
  overflow-y: scroll;
  background-color: #fff;
  padding: 40px 0px;
  box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
  transition: all 0.5s ease-in;
}

.appseo-mobile_menu_content .appseo-mobile-main-navigation {
  width: 100%;
}

.appseo-mobile_menu_content .appseo-mobile-main-navigation .navbar-nav {
  width: 100%;
}

.appseo-mobile_menu_content .navbar-nav .dropdown-menu {
  position: static !important;
  transform: none !important;
}

.appseo-mobile_menu_content .appseo-mobile-main-navigation .navbar-nav li {
  width: 100%;
  display: block;
  transition: 0.3s all ease-in-out;
  border-bottom: 1px solid #dcdcdc;
}

.appseo-mobile_menu_content .appseo-mobile-main-navigation .navbar-nav li:first-child {
  border-top: 1px solid #dcdcdc;
}

.appseo-mobile_menu_content .appseo-mobile-main-navigation .navbar-nav li a {
  color: #000;
  padding: 0;
  width: 100%;
  display: block;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 30px;
  text-transform: uppercase;
}

.appseo-mobile_menu_content .m-brand-logo {
  width: 160px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.appseo-mobile_menu_wrap.mobile_menu_on .appseo-mobile_menu_content {
  right: 0px;
  transition: all 0.7s ease-out;
}

.mobile_menu_overlay {
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  right: 0%;
  height: 120vh;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.9);
  transition: all 0.5s ease-in-out;
}

.mobile_menu_overlay_on {
  overflow: hidden;
}

.appseo-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
  opacity: 1;
  visibility: visible;
}

.appseo-mobile_menu_button {
  position: absolute;
  display: none;
  right: 0;
  cursor: pointer;
  line-height: 40px;
  color: #ff8833;
  text-align: center;
  font-size: 30px;
  top: -40px;
  z-index: 5;
}

.appseo-mobile_menu .appseo-mobile-main-navigation .navbar-nav li a:after {
  display: none;
}

.appseo-mobile_menu .appseo-mobile-main-navigation .dropdown > .dropdown-menu {
  opacity: 1;
  visibility: visible;
}

.appseo-mobile_menu .appseo-mobile_menu_content .appseo-mobile-main-navigation .navbar-nav .dropdown-menu {
  border: none;
  display: none;
  transition: none;
  box-shadow: none;
  padding: 5px 0px;
  width: 100%;
  border-top: 1px solid #dcdcdc;
}

.appseo-mobile_menu .appseo-mobile_menu_content .appseo-mobile-main-navigation .navbar-nav .dropdown-menu li {
  border: none;
  padding: 0 20px;
  line-height: 1;
}

.appseo-mobile_menu .dropdown {
  position: relative;
}

.appseo-mobile_menu .dropdown .dropdown-btn {
  position: absolute;
  top: 0px;
  right: 0;
  height: 30px;
  padding: 5px 10px;
}

.appseo-mobile_menu .dropdown .dropdown-btn:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  top: 0;
  left: 0;
  background-color: #dcdcdc;
}

.appseo-mobile_menu .appseo-mobile_menu_close {
  color: #d60606;
  cursor: pointer;
  top: 15px;
  left: 15px;
  font-size: 20px;
  position: absolute;
}

/*---------------------------------------------------- */
/*responsive area*/
/*----------------------------------------------------*/
/* ==================================================
* 01 - media screen and (max-width: 1440px)
* 02 - media screen and (max-width: 1280px)
* 03 - media screen and (max-width: 1199px)
* 04 - media screen and (max-width: 991px)
* 05 - media screen and (max-width: 767px)
* 06 - media screen and (max-width: 680px)
* 07 - media screen and (max-width: 580px)
* 08 - media screen and (max-width: 480px)
* 09 - media screen and (max-width: 380px)
* 10 - media screen and (max-width: 320px)
================================================== */
@media screen and (max-width: 1440px) {
  .appseo-banner-section .appseo-banner-shape2 {
    left: 0;
  }

  .appseo-banner-section .appseo-banner-vector {
    right: -65px;
  }

  .appseo-service-section .appseo-service-vector {
    left: -20px;
  }

  .ready-to-grow-section .ready-vector {
    left: -160px;
  }

  .appseo-mission-area-section .appseo-mission-vector {
    right: -24%;
  }

  .appseo-case-study-img-text .appseo-case-text h3 {
    font-size: 18px;
  }

  .appseo-case-study-img-text .appseo-case-text {
    left: 11px;
    padding: 20px 20px;
    max-width: 255px;
  }

  .appseo-cta-section .appseo-call-vector {
    right: 45px;
  }
}
@media screen and (max-width: 1280px) {
  .appseo-case-study-content {
    flex-wrap: wrap;
  }

  .appseo-case-study-img-text .appseo-case-text {
    left: 25px;
    padding: 25px 30px;
    max-width: 365px;
  }
}
@media screen and (max-width: 1199px) {
  .appseo-banner-section .appseo-banner-vector {
    right: -125px;
  }

  .appseo-mission-area-section .appseo-mission-vector {
    right: -35%;
  }

  .appseo-testimonial-section .testi-circle-shape {
    display: none;
  }

  .appseo-about-section .appseo-about-img {
    left: -260px;
  }
}
@media screen and (max-width: 1045px) {
  .appseo-main-header .header-button {
    width: 150px;
  }

  .appseo-banner-section .appseo-banner-shape2 {
    display: none;
  }

  .appseo-banner-section .appseo-banner-vector {
    right: -310px;
  }

  .appseo-service-section .appseo-service-vector {
    z-index: -1;
  }

  .appseo-mission-area-section .appseo-mission-vector {
    right: -50%;
  }

  .appseo-case-study-content {
    justify-content: center;
  }

  .appseo-cta-section .appseo-cta-content {
    padding-left: 0;
  }
}
@media screen and (max-width: 991px) {
  .appseo-banner-section .appseo-banner-vector {
    position: static;
  }

  .appseo-banner-section .appseo-banner-content {
    padding: 200px 0px 50px;
  }

  .appseo-service-section {
    padding: 60px 0px 20px;
  }

  .appseo-service-content .appseo-service-box {
    margin: 0 auto;
    max-width: 370px;
    background-color: #fff;
    margin-bottom: 60px;
  }

  .appseo-about-section .appseo-about-img {
    position: static;
    margin-bottom: 40px;
  }

  .ready-to-grow-section .ready-vector {
    display: none;
  }

  .ready-to-grow-section .ready-go-form .ready-go-input-area {
    height: auto;
    border-radius: 0;
  }

  .ready-to-grow-section .ready-go-form .ready-go-input-area:before {
    display: none;
  }

  .ready-to-grow-section .ready-go-form .ready-go-input-area input {
    width: 100%;
    border-radius: 40px;
    margin-bottom: 30px;
  }

  .ready-to-grow-section .ready-go-form .sub-btn {
    position: static;
  }

  .appseo-mission-area-section .appseo-mission-vector {
    display: none;
  }

  .appseo-pricing-section .appseo-pricing-inner-box {
    margin-bottom: 140px;
  }

  .appseo-case-study-content {
    justify-content: center;
  }

  .appseo-cta-section .appseo-cta-btn {
    margin: 0 auto;
  }

  .appseo-cta-section .appseo-cta-content {
    padding-bottom: 30px;
  }

  .appseo-cta-section .appseo-call-vector {
    display: none;
  }

  .appseo-blog-img-text {
    max-width: 370px;
    margin: 0 auto;
    margin-bottom: 40px;
  }

  .appseo-newsletter-box {
    padding-left: 0;
    margin-top: 20px;
  }

  .appseo-newsletter-box .nws-button {
    top: 28px;
  }

  .appseo-copyright:after {
    display: none;
  }

  .appseo-menu-wrapper {
    display: none;
  }

  .appseo-mobile_menu_button {
    display: block;
  }

  .appseo-footer-widget .appseo-widget-title {
    padding-bottom: 20px;
  }

  .appseo-footer-widget {
    margin-bottom: 40px;
  }

  .appseo-main-header {
    padding-top: 30px;
  }

  .appseo-main-header.appseo-sticky-header-overlay {
    padding: 15px 0px 10px;
  }
  .appseo-about-section .appseo-about-content {
    float: none;
  }
  .appseo-main-header.appseo-sticky-header-overlay .appseo-logo {
    padding-top: 0;
  }
  .appseo-pricing-section {
    padding-top: 0;
  }

    .smm-case-innerbox .smm-case-img img {
        width: 100%;
    }
   
}
@media screen and (max-width: 580px) {
  .appseo-banner-section .appseo-banner-shape2 {
    display: none;
  }

  .appseo-about-section {
    padding-top: 20px;
  }

  .appseo-cta-section .appseo-cta-content h2 {
    font-size: 32px;
  }

  .appseo-blog-section {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .appseo-banner-section .appseo-banner-content h1 {
    font-size: 40px;
  }

  .appseo-banner-section .appseo-banner-content .banner-call-action .call-action-text {
    font-size: 22px;
  }

  .appseo-section-title h2 {
    font-size: 32px;
  }

  .appseo-section-title2 h2 {
    font-size: 32px;
  }

  .ready-to-grow-section .ready-go-title h2 {
    font-size: 32px;
  }

  .ready-to-grow-section .ready-go-title span {
    font-size: 18px;
  }

  .ready-to-grow-section .ready-go-title {
    padding-bottom: 30px;
  }

  .appseo-pricing-section .appseo-pricing-item:after {
    display: none;
  }

  .appseo-case-study-img-text .appseo-case-text h3 {
    font-size: 22px;
  }

  .appseo-cta-section .appseo-cta-content {
    padding-left: 0;
  }

  .appseo-cta-section .appseo-cta-btn {
    margin: 0;
  }

  .appseo-cta-section .appseo-call-btn-area {
    padding-left: 0;
  }
}
@media screen and (max-width: 420px) {
  .appseo-banner-section .appseo-banner-content {
    padding: 180px 0px 50px;
  }

  .appseo-banner-section .appseo-banner-content .banner-call-action {
    margin-bottom: 40px;
  }

  .appseo-banner-section .appseo-banner-content .banner-btn .qut-btn {
    line-height: 55px;
    width: 175px;
    height: 55px;
  }

  .appseo-about-section .appseo-about-content {
    padding-right: 0;
  }

  .appseo-pricing-section .appseo-pricing-title h2 {
    font-size: 30px;
  }

  .ready-to-grow-section .ready-go-form .sub-btn button {
    width: 185px;
    height: 50px;
    line-height: 50px;
  }

  .appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-price strong {
    font-size: 50px;
  }

  .appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-price span {
    font-size: 30px;
  }

  .appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-btn {
    width: 190px;
    margin: 0 auto;
    margin-top: 15px;
  }

  .appseo-testimonial-content .appseo-testimonial-trigger:after,
  .appseo-testimonial-content .appseo-testimonial-trigger:before {
    display: none;
  }

  .appseo-cta-section .appseo-cta-btn {
    width: 180px;
    height: 60px;
    line-height: 60px;
  }

  .appseo-newsletter-box .nws-button button {
    width: 120px;
  }

  .appseo-copyright .appseo-footer-social,
  .appseo-copyright .appseo-copyright-text {
    float: none;
    display: block;
    margin-bottom: 20px;
  }

  .appseo-about-section {
    padding-bottom: 70px;
  }

  .ready-to-grow-section {
    padding: 50px 0px 60px;
  }

  .appseo-mission-area-section {
    padding: 60px 0px;
  }

  .appseo-mission-area-text .appseo-section-title2 {
    padding-bottom: 40px;
  }

  .appseo-pricing-section .appseo-pricing-item {
    padding-bottom: 0;
  }

  .appseo-pricing-section .appseo-pricing-inner-box .appseo-pricing-img {
    position: static;
    margin-bottom: 20px;
  }

  .appseo-pricing-section .appseo-pricing-inner-box {
    padding-top: 50px;
  }

  .appseo-pricing-section .appseo-pricing-inner-box {
    margin-bottom: 40px;
  }

  .appseo-pricing-section .appseo-pricing-inner-box.popular-appseo {
    top: 0;
  }

  .appseo-testimonial-content .appseo-testimonial-text {
    font-size: 20px;
  }

  .appseo-testimonial-section {
    padding: 40px 0px 75px;
  }

  .appseo-testimonial-content .appseo-testimonial-quote {
    padding-bottom: 65px;
  }

  .appseo-testimonial-content .appseo-testimonial-trigger .appseo-testi-name-degi h3 {
    font-size: 24px;
  }

  .appseo-case-study-section {
    padding: 60px 0px 20px;
  }

  .appseo-cta-section {
    padding: 60px 0px 50px;
  }

  .appseo-blog-section {
    padding: 50px 0px;
  }

  .appseo-footer-area-section {
    padding: 60px 0px;
  }

  .appseo-pricing-section .appseo-pricing-title {
    padding-bottom: 40px;
  }

  .appseo-newsletter-text h2 {
    font-size: 32px;
  }

  .ready-to-grow-section .ready-go-form .ready-go-input-area input {
    height: 50px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 380px) {
  .appseo-mission-area-text p {
    font-size: 15px;
    overflow: hidden;
  }

  .appseo-testimonial-content .appseo-testimonial-quote:before {
    display: none;
  }

  .appseo-newsletter-box input {
    padding-left: 15px;
  }

  .appseo-newsletter-box input::placeholder {
    font-size: 14px;
  }
  .appseo-banner-section .appseo-banner-content h1 {
    font-size: 36px;
  }
}
@media screen and (max-width: 360px) {
  .appseo-banner-section .appseo-banner-content h1 {
    font-size: 35px;
  }

  .appseo-service-content .appseo-service-icon-text {
    padding: 55px 45px;
  }
}
@media screen and (max-width: 320px) {
  .appseo-banner-section .appseo-banner-content h1 {
    font-size: 30px;
  }

  .appseo-banner-section .appseo-banner-content .banner-call-action .call-action-text {
    font-size: 20px;
  }

  .appseo-section-title h2 {
    font-size: 30px;
  }

  .appseo-service-content .appseo-service-icon-text {
    padding: 55px 30px;
  }

  .appseo-section-title2 h2 {
    font-size: 28px;
  }

  .appseo-about-section .appseo-about-content .appseo-about-quote .quote-text-about {
    padding-left: 50px;
  }

  .ready-to-grow-section .ready-go-title h2 {
    font-size: 28px;
  }

  .ready-to-grow-section .ready-go-title span {
    font-size: 16px;
  }

  .appseo-mission-area-text .appseo-mission-area-item .appseo-mission-item-content .appseo-mission-area-text h3 {
    font-size: 20px;
  }
}
/*---------------------------------------------------- */
/*----------------------------------------------------*/
.theme_feature_area .read_btn,
.compare_content_item .compare_btn {
  height: 45px;
  width: 145px;
  font-size: 15px;
  margin-top: 35px;
  line-height: 45px;
  font-weight: 600;
  border-radius: 25px;
  background-color: #161616;
  transition: 0.3s all ease-in-out;
  font-family: "Poppins";
  overflow: hidden;
  z-index: 1;
  position: relative;
  transition: 0.3s all ease-in-out;
}

.theme_feature_area .read_btn a,
.compare_content_item .compare_btn a {
  width: 100%;
  display: block;
  color: #fff;
}

.theme_feature_area .read_btn:before,
.compare_content_item .compare_btn:before {
  top: 0;
  left: 0;
  opacity: 0;
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  transition: 0.3s all ease-in-out;
  background-image: linear-gradient(-38deg, #20fdee 0%, #0478e9 100%);
}

.theme_feature_area .read_btn:hover,
.compare_content_item .compare_btn:hover {
  box-shadow: 0px 14px 18px 0px rgba(1, 105, 228, 0.25);
}

.theme_feature_area .read_btn:hover:before,
.compare_content_item .compare_btn:hover:before {
  opacity: 1;
}
@keyframes fadeFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeFromRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeFromRight {
  animation-name: fadeFromRight;
}

.fadeFromLeft {
  animation-name: fadeFromLeft;
}

/*global area*/
/*----------------------------------------------------*/
.saas-modern {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-size: 16px;
  line-height: 1.4;
  font-family: "Roboto";
  -moz-osx-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

.saas-modern::selection {
  color: #ffffff;
  background-color: #6e3ebf;
}

.saas-modern::-moz-selection {
  color: #ffffff;
  background-color: #6e3ebf;
}

.saas-modern-preloader {
  background-color: #fff;
  background: #fff url("../img/saas-m/pre.svg") no-repeat center center;
}

.decoration-wrapper {
  overflow: hidden;
  position: relative;
}
@keyframes zooming {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.05, 1.05);
  }
  100% {
    transform: scale(1, 1);
  }
}
.zooming {
  animation: zooming 18s infinite both;
}

.saas-modern-headline h1,
.saas-modern-headline h2,
.saas-modern-headline h3,
.saas-modern-headline h4,
.saas-modern-headline h5,
.saas-modern-headline h6 {
  margin: 0;
  font-family: "Poppins";
}

.section_title {
  margin: 0 auto;
  max-width: 530px;
}

.section_title .title_tag {
  font-size: 14px;
  font-family: "Poppins";
  display: inline-block;
  border-radius: 20px;
  margin-bottom: 20px;
  line-height: 35px;
  background-color: #fff;
  padding-right: 20px;
  box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.15);
}

.section_title .title_tag .tag_icon {
  height: 35px;
  width: 35px;
  line-height: 35px;
  margin-right: 13px;
  border-radius: 100%;
  background-image: linear-gradient(-38deg, #20fdee 0%, #0478e9 100%);
}

.section_title .title_tag .tag_icon i {
  color: #fff;
  font-size: 18px;
}

.section_title .section_title_text h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.306;
  padding-bottom: 15px;
}

.section_title .section_title_text h2 span {
  font-weight: 400;
}

.section_title .section_title_text p {
  font-size: 18px;
  line-height: 1.667;
}
@keyframes line_animation {
  0% {
    top: 0px;
    opacity: 1;
  }
  50% {
    top: 50%;
  }
  100% {
    top: 100%;
    opacity: 1;
  }
}
@keyframes scroll2 {
  0% {
    opacity: 1;
    bottom: 0px;
  }
  50% {
    bottom: 50%;
  }
  100% {
    bottom: 100%;
    opacity: 1;
  }
}
@keyframes slide {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 1920px 0;
  }
}
.line_animation {
  top: 0px;
  left: 50%;
  width: 80%;
  bottom: 0px;
  z-index: -1;
  display: block;
  position: absolute;
  transform: translateX(-50%);
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.line_animation:before {
  width: 10px;
  left: -2px;
  content: "";
  height: 10px;
  border-radius: 100%;
  position: absolute;
  animation: line_animation 15s ease-out infinite;
  background-color: #59adfe;
}

.line_animation .line_area {
  width: 20%;
  float: left;
  height: 100%;
  position: relative;
  display: inline-block;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.line_animation .line_area:before {
  width: 10px;
  right: -2px;
  content: "";
  height: 10px;
  border-radius: 100%;
  position: absolute;
  background-color: #59adfe;
}

.line_animation .line_area:nth-child(even):before {
  animation: line_animation 15s ease-out infinite;
}

.line_animation .line_area:nth-child(odd):before {
  animation: scroll2 15s ease-out infinite;
}

.saas-modern-scrollup {
  width: 55px;
  right: 30px;
  z-index: 5;
  height: 55px;
  bottom: 100px;
  display: none;
  position: fixed;
  border-radius: 100%;
  line-height: 55px;
  background-image: linear-gradient(-38deg, #20fdee 0%, #0478e9 100%);
}

.saas-modern-scrollup:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  left: 20px;
  top: 15px;
  right: 0px;
  box-shadow: 0 0 15px 10px rgba(255, 255, 255, 0.75);
  border-radius: 50%;
}

.saas-modern-scrollup i {
  color: #fff;
  font-size: 20px;
}

/*---------------------------------------------------- */
/*Saas-Modern header area*/
/*----------------------------------------------------*/
.main_header {
  z-index: 1;
  padding-top: 80px;
  width: 100%;
  position: absolute;
}

.main-navigation {
  display: inline-block;
}

.main-navigation .navbar-nav {
  display: inherit;
}

.main-navigation .navbar-nav li {
  position: relative;
}

.main-navigation .navbar-nav li a {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 35px 10px;
  display: inline;
  font-family: "Quicksand";
  position: relative;
}
.main-navigation .navbar-nav li a.active {
  color: #30f8ef;
}
.main-navigation .navbar-nav li a:after {
  left: 0;
  width: 0%;
  height: 2px;
  content: "";
  bottom: 25px;
  position: absolute;
  background-color: #31f9ef;
  transition: 0.3s all ease-in-out;
}

.main-navigation .navbar-nav li a:hover:after {
  width: 100%;
}

.sign_up_btn {
  height: 38px;
  width: 90px;
  color: #000000;
  font-weight: 600;
  line-height: 38px;
  margin-left: 38px;
  border-radius: 25px;
  font-family: "Poppins";
  display: inline-block;
  background-color: #30f8ef;
  transition: 400ms all ease;
  box-shadow: 0px 14px 18px 0px rgba(1, 105, 228, 0.25);
}
.sign_up_btn:hover {
  color: #000;
  background-color: #fff;
}
.menu-bg-overlay {
  background-color: #000;
  animation-duration: 0.7s;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  position: fixed;
  top: -90px;
  padding: 25px 0px;
  animation-timing-function: ease;
  transition: 0.3s all ease-in-out;
}

.main_header.menu-bg-overlay {
  z-index: 9;
  top: 0px;
  box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8);
}

.main_header.menu-bg-overlay .main-navigation .navbar-nav li a:after {
  display: none;
}

.main-navigation .dropdown {
  position: relative;
}

    .main-navigation .dropdown > .dropdown-menu,
    .navigation-eight .dropdown > .dropdown-menu {
        top: 65px;
        left: 0;
        opacity: 0;
        z-index: 2;
        margin: 0px;
        padding: 0px;
        height: auto;
        width: 150px;
        display: block;
        padding: 10px 15px 10px;
        visibility: hidden;
        position: absolute;
        border-radius: 0;
        background-color: #fff;
        transition: all 0.2s ease-in-out;
        border: none;
        box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1);
    }

.main-navigation .dropdown > .dropdown-menu li {
  padding-bottom: 5px;
}

.main-navigation .dropdown > .dropdown-menu li a {
  color: #000;
  font-size: 14px;
}

.main-navigation .dropdown > .dropdown-menu li a:after {
  display: none;
}

.main-navigation .dropdown:hover .dropdown-menu {
  top: 55px;
  opacity: 1;
  visibility: visible;
}

.mobile_menu_content {
  top: 0px;
  bottom: 0;
  right: -350px;
  height: 100vh;
  z-index: 101;
  position: fixed;
  width: 280px;
  overflow-y: scroll;
  background-color: #fff;
  padding: 40px 0px;
  box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
  transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
}

.mobile_menu_content .main-navigation {
  width: 100%;
}

.mobile_menu_content .main-navigation .navbar-nav {
  width: 100%;
}

.mobile_menu_content .navbar-nav .dropdown-menu {
  position: static !important;
  transform: none !important;
}

.mobile_menu_content .main-navigation .navbar-nav li {
  width: 100%;
  display: block;
  padding: 5px 30px;
  transition: 0.3s all ease-in-out;
  border-bottom: 1px solid #dcdcdc;
}

.mobile_menu_content .main-navigation .navbar-nav li:first-child {
  border-top: 1px solid #dcdcdc;
}

.mobile_menu_content .main-navigation .navbar-nav li a {
  color: #000;
  padding: 0;
  width: 100%;
  display: block;
  font-size: 14px;
  font-weight: 400;
}

.mobile_menu_content .m-brand-logo {
  margin-bottom: 30px;
}

.mobile_menu_wrap.mobile_menu_on .mobile_menu_content {
  right: -15px;
  transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
}

.mobile_menu_overlay {
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  right: -100%;
  height: 120vh;
  background-color: rgba(0, 0, 0, 0.9);
  transition: all 0.8s ease-in 0.8s;
}

.mobile_menu_overlay_on {
  overflow: hidden;
}

.mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
  right: 0;
  transition: all 0.8s ease-out 0s;
}

.mobile_menu_button {
  position: absolute;
  display: none;
  right: 0;
  cursor: pointer;
  line-height: 40px;
  color: #fff;
  text-align: center;
  font-size: 25px;
  top: -38px;
}

.mobile_menu .main-navigation .navbar-nav li a:after {
  display: none;
}

.mobile_menu .main-navigation .dropdown > .dropdown-menu {
  opacity: 1;
  visibility: visible;
}

.mobile_menu .mobile_menu_content .main-navigation .navbar-nav .dropdown-menu {
  border: none;
  display: none;
  transition: none;
  box-shadow: none;
  padding: 0;
}

.mobile_menu .mobile_menu_content .main-navigation .navbar-nav .dropdown-menu li {
  border: none;
  padding: 3px 20px;
  line-height: 1;
}

.mobile_menu .mobile_menu_content .main-navigation .navbar-nav .dropdown-menu li a {
  color: #000;
}

.mobile_menu .dropdown {
  position: relative;
}

.mobile_menu .dropdown:before {
  top: 7px;
  right: 30px;
  font-size: 12px;
  font-weight: 700;
  content: "";
  position: absolute;
  font-family: "Font Awesome 5 Free";
}

.mobile_menu .mobile_menu_close {
  color: #d60606;
  cursor: pointer;
  top: 15px;
  left: 15px;
  font-size: 20px;
  position: absolute;
}

/*---------------------------------------------------- */
/*Saas-Modern  banner area*/
/*----------------------------------------------------*/
.banner_section {
  overflow: visible;
  margin-bottom: 90px;
  z-index: 0;
  padding: 215px 0 325px 0;
}

.banner_text {
  margin: 0 auto;
  max-width: 550px;
}

.banner_text h1 {
  color: #fff;
  font-size: 50px;
  line-height: 1.2;
  font-weight: 700;
  padding-bottom: 20px;
}

.banner_text p {
  color: #fff;
  margin: 0 auto;
  font-size: 20px;
  max-width: 500px;
  line-height: 1.35;
  padding-bottom: 40px;
}

.banner_text .download_btn {
  color: #fff;
  width: 175px;
  height: 55px;
  font-size: 15px;
  margin: 0 auto;
  font-weight: 700;
  line-height: 55px;
  border-radius: 30px;
  background-color: #000;
  font-family: "Poppins";
  transition: 400ms all ease;
}

.banner_text .download_btn a {
  display: block;
  width: 100%;
}
.banner_text .download_btn:hover {
  background-color: #fff;
  color: #000;
}

.banner_screen {
  left: 0;
  right: 0;
  bottom: -155px;
  margin: 0 auto;
  max-width: 765px;
  position: absolute;
}

.banner_screen .screen_img .middle_screen {
  box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14);
}

.banner_screen .screen_img .side_screen1 {
  top: -30px;
  left: -102px;
  position: absolute;
  box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14);
}

.banner_screen .screen_img .side_screen2 {
  top: 65px;
  right: -150px;
  position: absolute;
  box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14);
}

.banner_shape1,
.banner_shape2,
.banner_shape3 {
  position: absolute;
}

.banner_shape1 {
  top: 80px;
  left: 30%;
}

.banner_shape2 {
  top: 220px;
  left: 12%;
}

.banner_shape3 {
  top: 40%;
  right: 15%;
}

/*---------------------------------------------------- */
/*Saas-Modern Feature area*/
/*----------------------------------------------------*/
.featured_service_section {
  padding: 120px 0px 0px;
}

.featured_service_section .section_title {
  padding-bottom: 55px;
}

.featured_service_section .section_title h2 {
  margin: 0 auto;
  max-width: 400px;
}

.featured_content li {
  float: left;
  list-style: none;
  padding-bottom: 40px;
}

.featured_content .featured_icon_text {
  z-index: 1;
  width: 285px;
  height: 425px;
  padding: 0 10px;
  margin: 0px auto;
  overflow: hidden;
  padding-top: 60px;
  border-radius: 15px;
  transition: 0.3s all ease-in-out;
}

.featured_content .featured_icon_text:before {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  content: "";
  height: 100%;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease-in-out;
  background-image: linear-gradient(-38deg, #0478e9 0%, #20fdee 100%);
}

.featured_content .featured_icon_text .featured_icon {
  width: 110px;
  height: 110px;
  margin: 0 auto;
  line-height: 110px;
  margin-bottom: 25px;
  border-radius: 100%;
  box-shadow: 0px 14px 18px 0px rgba(1, 105, 228, 0.25);
  background-image: linear-gradient(-38deg, #20fdee 0%, #0478e9 100%);
}

.featured_content .featured_icon_text .featured_icon i {
  color: #fff;
  font-size: 50px;
}

.featured_content .featured_icon_text .featured_icon:before {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  left: 40px;
  top: 25px;
  right: 0px;
  box-shadow: 0 0 25px 25px rgba(255, 255, 255, 0.75);
  border-radius: 50%;
}

.featured_content .featured_icon_text .featured_text {
  padding: 0 20px;
  margin-bottom: 30px;
}

.featured_content .featured_icon_text .featured_text h3 {
  color: #161616;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 20px;
  transition: 0.3s all ease-in-out;
}

.featured_content .featured_icon_text .featured_text p {
  line-height: 1.625;
  transition: 0.3s all ease-in-out;
}

.featured_content .featured_icon_text .feature_btn {
  opacity: 0;
  visibility: hidden;
  margin-right: 25px;
  transition: 0.3s all ease-in-out;
}

.featured_content .featured_icon_text .feature_btn a {
  color: #30f7ee;
  font-size: 15px;
  font-weight: 700;
  font-family: "Poppins";
  position: relative;
}

.featured_content .featured_icon_text .feature_btn a:after {
  font-weight: 900;
  content: "";
  position: absolute;
  right: -20px;
  font-family: "Font Awesome 5 Free";
}

.featured_content .featured_icon_text:hover {
  box-shadow: 0px 14px 18px 0px rgba(1, 105, 228, 0.25);
}

.featured_content .featured_icon_text:hover:before {
  opacity: 1;
  visibility: visible;
}

.featured_content .featured_icon_text:hover .featured_text p,
.featured_content .featured_icon_text:hover .featured_text h3 {
  color: #fff;
}

.featured_content .featured_icon_text:hover .feature_btn {
  opacity: 1;
  visibility: visible;
}

#featured_scroll {
  padding-bottom: 40px;
}

#featured_scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  margin: 0 auto;
  height: 30px;
  max-width: 570px;
}

#featured_scroll .mCSB_scrollTools .mCSB_draggerRail {
  height: 20px;
  background-color: #ececec;
}

#featured_scroll .mCSB_scrollTools {
  opacity: 1;
}

#featured_scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  height: 20px;
  box-shadow: 0px 6px 18px -5px rgba(2, 8, 38, 0.35);
  background-color: #22b0e7;
}

#featured_scroll .mCustomScrollbar,
#featured_scroll .mCustomScrollbar.mCS_touch_action,
#featured_scroll .mCustomScrollbar.mCS_touch_action .mCS-aviva.mCSB_scrollTools {
  touch-action: auto;
}

#featured_scroll .mCustomScrollBox {
  touch-action: pan-x pinch-zoom;
}

#featured_scroll .mCustomScrollBox.mCSB_vertical_horizontal {
  touch-action: pinch-zoom;
}

#featured_scroll .mCustomScrollBox.mCSB_horizontal {
  touch-action: pan-y pinch-zoom;
}

.theme_feature_section {
  padding-top: 55px;
}

.theme_feature_area {
  padding-bottom: 60px;
}

.theme_feature_area .theme_feature_content {
  padding: 58px 35px;
}

.theme_feature_area .theme_feature_content h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 30px;
}

.theme_feature_area .theme_feature_content p {
  color: #fff;
  font-size: 18px;
  line-height: 1.444;
  padding-bottom: 25px;
}

.theme_feature_area .theme_feature_content .theme_feature_list li {
  width: 100%;
  color: #fff;
  font-size: 17px;
  margin-bottom: 22px;
}

.theme_feature_area .theme_feature_content .theme_feature_list li i {
  float: left;
  color: #18ff00;
  font-size: 16px;
  margin-right: 8px;
}

.theme_feature_area .theme_feature_content .theme_feature_list li span {
  overflow: hidden;
}

.theme_feature_area .features_one {
  margin-left: 100px;
  background-color: #138afd;
}

.theme_feature_area .features_two {
  margin-right: 100px;
  background-color: #000000;
}

.theme_feature_area .features_two .theme_feature_list li i {
  color: #20fcee;
}

.theme_feature_area .features_two .read_btn {
  background-color: #20fcee;
}

.theme_feature_area .features_two .read_btn a {
  color: #000000;
  font-weight: 600;
  transition: 0.3s all ease-in-out;
}

.theme_feature_area .features_two .read_btn:hover a {
  color: #fff;
}

/*---------------------------------------------------- */
/*Saas-Modercompare area*/
/*----------------------------------------------------*/
.compare_section {
  padding-bottom: 15px;
  overflow: visible;
}

.compare_section .compare_title h2 {
  color: #161616;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.324;
  padding-bottom: 18px;
}

.compare_section .compare_title p {
  color: #383838;
  font-size: 18px;
  padding-bottom: 28px;
}

.compare_content_item {
  padding-top: 30px;
}

.compare_content_item .compare_list {
  padding-left: 30px;
}

.compare_content_item .compare_list li {
  margin-bottom: 20px;
}

.compare_content_item .compare_list li i {
  float: left;
  color: #27c317;
  margin-right: 12px;
}

.compare_content_item .compare_list li span {
  overflow: hidden;
}

.compare_content_item .compare_content {
  padding-top: 30px;
}

.compare_img {
  z-index: 4;
  max-width: 525px;
}

.compare_img .compare_shape1,
.compare_img .compare_shape2 {
  z-index: -1;
  position: absolute;
}

.compare_img .compare_shape1 {
  top: 35px;
  left: 0;
}

.compare_img .compare_shape2 {
  top: 15px;
  right: 0;
}

.compare_section_two .compare_shape1 {
  top: 20px;
  left: -65px;
}

.compare_section_two .compare_shape2 {
  top: 0;
  right: 65px;
}

.compare_section_two .compare_content {
  padding-left: 30px;
}

.compare_section_two .compare_content .compare_title {
  padding-bottom: 15px;
}

.compare_section_two .compare_content_item .compare_list {
  padding-left: 0;
}

/*---------------------------------------------------- */
/*user area*/
/*----------------------------------------------------*/
.trusted_user_section {
  padding: 80px 0px 140px;
}

.trusted_content_img {
  padding-left: 45px;
}

.trusted_content_img li {
  width: 95px;
  height: 95px;
  line-height: 102px;
  border-radius: 100%;
  margin: 0 20px 20px 0px;
  transition: 0.3s all ease-in-out;
  box-shadow: 0px 4px 15px 0px rgba(23, 23, 23, 0.13);
}

.trusted_content_img li:nth-child(1) {
  transform: scale(1.1);
}

.trusted_content_img li:nth-child(2) {
  transform: translateY(30px);
}

.trusted_content_img li:nth-child(2):hover {
  transform: translateY(30px) scale(1.1);
}

.trusted_content_img li:nth-child(3) {
  transform: translateY(60px);
}

.trusted_content_img li:nth-child(3):hover {
  transform: translateY(60px) scale(1.1);
}

.trusted_content_img li:nth-child(4) {
  transform: translateY(-35px);
}

.trusted_content_img li:nth-child(4):hover {
  transform: translateY(-35px) scale(1.1);
}

.trusted_content_img li:nth-child(5) {
  transform: translateY(0px);
}

.trusted_content_img li:nth-child(5):hover {
  transform: translateY(0px) scale(1.1);
}

.trusted_content_img li:nth-child(6) {
  transform: translateY(25px);
}

.trusted_content_img li:nth-child(6):hover {
  transform: translateY(25px) scale(1.1);
}

.trusted_content_img li:nth-child(7) {
  transform: translateY(55px);
}

.trusted_content_img li:nth-child(7):hover {
  transform: translateY(55px) scale(1.1);
}

.trusted_content_img li:nth-child(8) {
  transform: translateY(-35px);
}

.trusted_content_img li:nth-child(8):hover {
  transform: translateY(-35px) scale(1.1);
}

.trusted_content_img li:nth-child(9) {
  transform: translateY(0px);
}

.trusted_content_img li:nth-child(9):hover {
  transform: translateY(0px) scale(1.1);
}

.trusted_content_img li:nth-child(10) {
  transform: translateY(20px);
}

.trusted_content_img li:nth-child(10):hover {
  transform: translateY(20px) scale(1.1);
}

.trusted_content_img li:nth-child(11) {
  transform: translateY(50px);
}

.trusted_content_img li:nth-child(11):hover {
  transform: translateY(50px) scale(1.1);
}

.trusted_content_img li:nth-child(12) {
  transform: translateY(-35px);
}

.trusted_content_img li:nth-child(12):hover {
  transform: translateY(-35px) scale(1.1);
}

.trusted_content_img li:hover {
  box-shadow: 0px 4px 35px 0px rgba(23, 23, 23, 0.13);
}

.user_content {
  padding-top: 10px;
}

.user_content .section_title {
  margin-left: 0;
}

.user_content .user_text {
  color: #383838;
  font-size: 18px;
  padding-top: 25px;
}

/*---------------------------------------------------- */
/*partner area*/
/*----------------------------------------------------*/
.partner_section {
  z-index: 1;
  padding: 105px 0px;
  background-color: #edf1f5;
}
.partner_member {
  padding-top: 40px;
}

.partner_section .section_title {
  margin: 0 auto;
  max-width: 550px; 
  padding: 0px 0px 25px 85px;
}

.partner_section .mem_img_text .mem_pic {
  width: 230px;
  height: 230px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 100%;
}

.partner_section .mem_img_text .mem_pic:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
}

.partner_section .mem_img_text .mem_pic:after {
  content: "";
  height: 100%;
  width: 100%;
  bottom: -95px;
  opacity: 0;
  visibility: hidden;
  left: -18px;
  transition: 0.3s all ease-in-out;
  background-image: url(../img/saas-m/partner/pbg.png);
  background-repeat: no-repeat;
  position: absolute;
}

.partner_section .mem_img_text .member_social {
  bottom: 20px;
  z-index: 3;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  position: absolute;
  transition: 0.3s all ease-in-out;
}

.partner_section .mem_img_text .member_social li {
  color: #fff;
  font-size: 18px;
  margin: 0px 7px;
}

.partner_section .mem_img_text .mem_img_line {
  z-index: 1;
}

.partner_section .mem_img_text .mem_img_line .line_shape1,
.partner_section .mem_img_text .mem_img_line .line_shape2 {
  height: 325px;
  position: absolute;
  width: 5px;
  top: -40px;
  left: 120px;
  z-index: -1;
  transform: rotate(50deg);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease-in-out;
  box-shadow: 0px 14px 18px 0px rgba(1, 105, 228, 0.25);
  background-image: linear-gradient(116deg, #0478e9 0%, #20fdee 100%);
}

.partner_section .mem_img_text .mem_img_line .line_shape2 {
  top: -35px;
  height: 285px;
  left: 140px;
}

.partner_section .mem_img_text .mem_name_designation {
  margin-top: 45px;
}

.partner_section .mem_img_text .mem_name_designation h4 {
  color: #0e0e0e;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 10px;
}

.partner_section .mem_img_text .mem_name_designation p {
  font-size: 15px;
  color: #383838;
}

.partner_section .mem_img_text:hover .member_social {
  opacity: 1;
  bottom: 35px;
  visibility: visible;
}

.partner_section .mem_img_text:hover .mem_pic:after {
  opacity: 1;
  visibility: visible;
}

.partner_section .mem_img_text:hover .line_shape1,
.partner_section .mem_img_text:hover .line_shape2 {
  height: 285px;
  opacity: 1;
  visibility: visible;
}

.partner_section .mem_img_text:hover .line_shape2 {
  height: 325px;
}

.partner_text {
  font-size: 18px;
  max-width: 480px;
  padding-top: 20px;
  padding-left: 35px;
  line-height: 1.667;
}

/*---------------------------------------------------- */
/*testimonial area*/
/*----------------------------------------------------*/
.testimonial_section {
  padding: 105px 0px 70px 0px;
}

.testimonial_section .section_title {
  padding-bottom: 50px;
}

.testimonial_content {
  padding: 20px;
  display: inline-block;
}

.testimonial_content .testimonial_rating {
  margin-top: 10px;
}

.testimonial_content .testimonial_rating li {
  font-size: 14px;
  color: #f6b91c;
}

.testimonial_content .testimonial_text {
  z-index: 1;
  padding: 50px 40px;
  border-radius: 10px;
  border-bottom-left-radius: 0px;
  overflow: hidden;
  background-color: white;
  box-shadow: 0px 7px 24px 0px rgba(2, 55, 156, 0.2);
}

.testimonial_content .testimonial_text p {
  line-height: 1.875;
}

.testimonial_content .testimonial_text:before {
  content: "";
  height: 100%;
  width: 40%;
  position: absolute;
  right: -45px;
  z-index: -1;
  bottom: -95px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease-in-out;
  background-image: url(../img/saas-m/testimonial/tshape1.png);
  background-repeat: no-repeat;
}

.testimonial_content .testimonial_text:hover:before {
  bottom: -85px;
  opacity: 1;
  visibility: visible;
}

.qoute_mark:after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -45px;
  z-index: 1;
  border-left: 0px solid transparent;
  border-right: 50px solid transparent;
  border-top: 45px solid #fff;
  filter: drop-shadow(0px 20px 13px rgba(2, 55, 156, 0.2));
}

.testimonial_name_designation {
  margin-top: 30px;
  padding-left: 30px;
}

.testimonial_name_designation .testimonial_img {
  height: 65px;
  width: 65px;
  border-radius: 100%;
  margin-right: 18px;
  overflow: hidden;
  border: 5px solid #fff;
  box-shadow: 0px 7px 6px 0px rgba(0, 15, 44, 0.19), inset -1px 0px 27px 0px rgba(0, 0, 0, 0.29);
}

.testimonial_name_designation .testimonial_meta {
  margin-top: 10px;
  display: inline-block;
}

.testimonial_name_designation .testimonial_meta h4 {
  font-size: 22px;
  font-weight: 700;
  color: #161616;
}

.testimonial_name_designation .testimonial_meta p {
  font-size: 14px;
  color: #444444;
}

.testimonial_slider .carousel-control-prev,
.testimonial_slider .carousel-control-next {
  top: auto;
  left: 190px;
  bottom: 40px;
  font-size: 18px;
  color: #373a5b;
  width: 50px;
  height: 50px;
  opacity: 1;
  line-height: 58px;
  text-align: center;
  border-radius: 50px;
  font-weight: 700;
  display: inline-block;
  margin: 0px 15px 0px 0px;
  background-color: #fff;
  transition: all 300ms ease;
  box-shadow: 0px 7px 7px 0px rgba(0, 15, 44, 0.18);
}

.testimonial_slider .carousel-control-prev:before,
.testimonial_slider .carousel-control-next:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.testimonial_slider .carousel-control-prev:hover,
.testimonial_slider .carousel-control-next:hover {
  background-color: #000;
  color: #fff;
}

.testimonial_slider .carousel-control-prev {
  left: 120px;
}

.testimonial_slider .carousel-control-prev:before {
  content: "";
}

.carousel-indicators {
  position: static;
}

.testimonial_indicator {
  margin: 20px 20px 0 0;
  display: block;
  height: 510px;
  max-width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-image: url(../img/saas-m/testimonial/in-bg.png);
}

.testimonial_indicator .carousel-indicators li {
  position: absolute;
  width: 60px;
  height: 60px;
  text-align: center;
  color: #202120;
  border-radius: 50%;
  border: 5px solid #fff;
  overflow: hidden;
  transition: all 500ms ease;
  box-shadow: 0px 7px 6px 0px rgba(0, 15, 44, 0.19), inset -1px 0px 27px 0px rgba(0, 0, 0, 0.29);
}

.testimonial_indicator .carousel-indicators li img {
  display: block;
}

.testimonial_indicator .carousel-indicators li:nth-child(1) {
  bottom: 105px;
  right: 100px;
}

.testimonial_indicator .carousel-indicators li:nth-child(2) {
  left: 90px;
  bottom: 45px;
}

.testimonial_indicator .carousel-indicators li:nth-child(3) {
  top: 40%;
  left: 0px;
}

.testimonial_indicator .carousel-indicators li:nth-child(4) {
  top: 90px;
  left: 100px;
}

.testimonial_indicator .carousel-indicators li:nth-child(5) {
  top: 35%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.testimonial_indicator .carousel-indicators li:nth-child(6) {
  right: 120px;
  top: -30px;
}

.testimonial_indicator .active {
  transform: scale(1.5);
}

/*---------------------------------------------------- */
/*testimonial area*/
/*----------------------------------------------------*/
.newslatter_content {
  left: 0;
  left: 0;
  right: 0;
  top: -165px;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  max-width: 1170px;
  border-radius: 20px;
  padding: 65px 0px 70px;
  overflow: hidden;
  z-index: 2;
  box-shadow: inset 0px 2px 8px 0px rgba(0, 0, 0, 0.29);
  background-image: linear-gradient(-115deg, #0478e9 0%, #20fdee 100%);
}

.newslatter_content:after {
  content: "";
  position: absolute;
  height: 300px;
  width: 300px;
  border-radius: 100%;
  top: -40px;
  right: -160px;
  border: 30px solid #3f91e0;
}

.newslatter_content .newslatter_title {
  margin: 0 auto;
  max-width: 380px;
  padding-bottom: 45px;
}

.newslatter_content .newslatter_title h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  padding-bottom: 20px;
}

.newslatter_content .newslatter_title p {
  color: #fff;
  line-height: 1.75;
}

.newslatter_content .newslatter-form {
  margin: 0 auto;
  max-width: 650px;
  padding-left: 30px;
}

.newslatter_content .newslatter-form input {
  width: 100%;
  height: 65px;
  border: none;
  padding: 0px 25px;
  border-radius: 5px;
  box-shadow: 0px 6px 40px 0px rgba(5, 41, 140, 0.25);
}

.newslatter_content .newslatter-form .nws-button {
  position: absolute;
  top: 8px;
  right: 8px;
}

.newslatter_content .newslatter-form .nws-button button {
  height: 50px;
  width: 130px;
  border: none;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  border-radius: 5px;
  font-family: "Quicksand";
  background-image: linear-gradient(-38deg, #0478e9 0%, #20fdee 100%);
}

.newslatter_content .newslatter-form .nws-button button:hover {
  background-image: linear-gradient(-38deg, #20fdee 0%, #0478e9 100%);
}

.newslatter_content .img_bg {
  top: 15px;
  position: absolute;
  left: 15px;
}

.newslatter_content .subs_icon {
  position: absolute;
  left: 0px;
  top: 50px;
  right: 0px;
  max-width: 1920px;
  width: 100%;
  height: 100%;
  z-index: -1;
  margin: 0 auto;
}

.newslatter_content .subs_icon .subs_iconitem-1 {
  width: 100%;
  height: 46px;
  background-repeat: no-repeat;
  left: 0px;
  top: 150px;
  animation: slide 60s linear infinite;
  -webkit-animation: slide 60s linear infinite;
}

.newslatter_content .subs_icon .subs_iconitem-2 {
  width: 100%;
  height: 46px;
  background-repeat: no-repeat;
  left: 0px;
  top: 70px;
  animation: slide 50s linear infinite;
  -webkit-animation: slide 50s linear infinite;
}

.newslatter_content .subs_icon .subs_iconitem-3 {
  width: 100%;
  height: 46px;
  background-repeat: no-repeat;
  left: 0px;
  top: 310px;
  animation: slide 90s linear infinite;
  -webkit-animation: slide 90s linear infinite;
}

/*---------------------------------------------------- */
/*Footer area*/
/*----------------------------------------------------*/
.footer_section {
  background-color: #edf2f6;
  padding-top: 260px;
  margin-top: 165px;
}

.footer_section .footer_widget_content {
  padding-bottom: 75px;
  border-bottom: 2px solid #d2d1d2;
}

.footer_widget .footer_logo {
  margin-bottom: 30px;
}

.footer_widget .footer_text {
  font-size: 14px;
  line-height: 1.714;
  padding-bottom: 35px;
}

.footer_widget .footer_social li {
  color: #8c8c8c;
  font-size: 17px;
  margin-right: 18px;
  transition: 0.3s all ease-in-out;
}

.footer_widget .footer_social li:hover {
  transform: translateY(-4px);
}

.footer_widget .footer_social li:hover i {
  transition: 0.3s all ease-in-out;
  background-image: linear-gradient(-38deg, #0478e9 0%, #20fdee 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.footer_widget .quick_link {
  max-width: 205px;
}

.footer_widget .quick_link li {
  font-size: 14px;
  color: #383838;
  margin-right: 10px;
  margin-bottom: 10px;
  position: relative;
}

.footer_widget .quick_link li:before {
  height: 1px;
  content: "";
  position: absolute;
  width: 0%;
  right: 0;
  left: auto;
  bottom: 0;
  transition: 0.3s all ease-in-out;
  background-image: linear-gradient(116deg, #20fdee 0%, #0478e9 100%);
}

.footer_widget .quick_link li:hover:before {
  width: 100%;
  right: auto;
  left: 0;
}

.widget_title {
  color: #1a0a38;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 48px;
  font-family: "Poppins";
}

.widget_title:after {
  left: 0;
  width: 35px;
  content: "";
  height: 3px;
  bottom: -9px;
  position: absolute;
  background-image: linear-gradient(116deg, #20fdee 0%, #0478e9 100%);
}

.footer_address li {
  font-size: 14px;
  margin-bottom: 8px;
  line-height: 1.875;
  font-family: "Quicksand";
}

.footer_address span {
  color: #180b36;
  font-weight: 600;
  margin-right: 5px;
}

.insta_feed li {
  float: left;
  width: 75px;
  height: 75px;
  margin-right: 10px;
  margin-bottom: 7px;
  position: relative;
  background-color: #000;
  transition: 0.3s all ease-in-out;
}

.insta_feed li:before {
  position: absolute;
  top: 0;
  content: "";
  height: 100%;
  width: 100%;
  opacity: 0;
  background-color: #000;
  transition: 0.3s all ease-in-out;
}

.insta_feed li i {
  left: 0;
  right: 0;
  top: 50%;
  position: absolute;
  text-align: center;
  color: #fff;
  transform: translateY(-50%);
  opacity: 0;
  transition: 0.3s all ease-in-out;
}

.insta_feed li:hover:before {
  opacity: 0.7;
}

.insta_feed li:hover i {
  opacity: 1;
}

.copyright_text {
  padding: 30px 0px;
}

.copyright_text p,
.copyright_text span {
  color: #666666;
  font-size: 14px;
  font-family: "Poppins";
}

.copyright_text span {
  float: right;
}

/*---------------------------------------------------- */
/*responsive area*/
/*----------------------------------------------------*/
@media screen and (max-width: 1140px) {
  .compare_section {
    overflow: hidden;
    padding-bottom: 30px;
  }

  .theme_feature_area .theme_feature_content h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 1024px) { 
  .banner_screen .screen_img .side_screen2 {
    right: -40px;
  }
  .trusted_content_img li:nth-child(2) ,
  .trusted_content_img li:nth-child(2):hover {
    transform: translateY(0px);
  }

  .trusted_content_img li:nth-child(3),
  .trusted_content_img li:nth-child(3):hover {
    transform: translateY(0px);
  }

  .trusted_content_img li:nth-child(4),
  .trusted_content_img li:nth-child(4):hover {
    transform: translateY(0px);
  }

  .trusted_content_img li:nth-child(5),
  .trusted_content_img li:nth-child(5):hover {
    transform: translateY(0px);
  }

  .trusted_content_img li:nth-child(6),
  .trusted_content_img li:nth-child(6):hover {
    transform: translateY(0px);
  }

  .trusted_content_img li:nth-child(7),
  .trusted_content_img li:nth-child(7):hover {
    transform: translateY(0px);
  }

  .trusted_content_img li:nth-child(8),
  .trusted_content_img li:nth-child(8):hover {
    transform: translateY(0px);
  }

  .trusted_content_img li:nth-child(9),
  .trusted_content_img li:nth-child(9):hover {
    transform: translateY(0px);
  }

  .trusted_content_img li:nth-child(10),
  .trusted_content_img li:nth-child(10):hover {
    transform: translateY(0px);
  }

  .trusted_content_img li:nth-child(11),
  .trusted_content_img li:nth-child(11):hover {
    transform: translateY(0px);
  }

  .trusted_content_img li:nth-child(12),
  .trusted_content_img li:nth-child(12):hover {
    transform: translateY(0px);
  }
  .newslatter_content .img_bg {
    left: -60px;
  }
}
@media screen and (max-width: 991px) {
  .banner_shape3,
  .banner_shape2 {
    width: 100px;
  }


  .main_header {
    padding-top: 50px;
  }

  .main_header.menu-bg-overlay {
    padding-top: 30px;
  }

  .theme_feature_area .features_one {
    margin-left: 0;
  }

  .theme_feature_area .features_two {
    margin-right: 0;
  }

  .trusted_content_img {
    max-width: 500px;
    padding-left: 0;
  }

  .user_content {
    padding-top: 60px;
  }

  .banner_screen {
    max-width: 510px;
  }

  .main_menu_list .main-navigation {
    display: none;
  }

  .mobile_menu_button {
    display: block;
  }

  .sign_up_btn {
    top: -5px;
    right: 80px;
    position: absolute;
  }

  .banner_shape1,
  .banner_shape2,
  .banner_shape3 {
    z-index: -1;
  }

  .main_header {
    padding-top: 35px;
  }

  .compare_img {
    margin: 0 auto;
  }

  .partner_section .section_title {
    padding: 0;
  }

  .partner_text {
    padding-left: 0;
    margin-bottom: 50px;
  }

  .testimonial_indicator {
    margin: 0 auto;
    margin-top: 20px;
    max-width: 550px;
  }

  .testimonial_slider .carousel-control-prev,
  .testimonial_slider .carousel-control-next {
    bottom: -50px;
  }

  .testimonial_section {
    padding-bottom: 110px;
  }

  .mem_img_text {
    max-width: 270px;
    margin: 0 auto;
    margin-bottom: 30px;
  }

  .newslatter_content .img_bg {
    display: none;
  }

  .newslatter_content:after {
    display: none;
  }

  .widget_title {
    margin-bottom: 30px;
  }

  .footer_widget .footer_logo {
    margin-bottom: 18px;
  }

  .footer_widget .footer_text {
    padding-bottom: 20px;
  }

  .footer_widget {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .sign_up_btn {
    top: -38px;
  }

  .banner_screen {
    max-width: 450px;
  }

  .banner_screen .screen_img .side_screen2 {
    width: 200px;
  }

  .banner_screen .screen_img .side_screen1 {
    width: 150px;
  }

  .banner_text h1 {
    font-size: 36px;
  }

  .banner_section {
    margin-bottom: 200px;
    padding: 185px 0 150px 0;
  }

  .banner_shape2 {
    top: 180px;
    left: 3%;
    width: 70px;
  }

  .banner_shape3 {
    top: 45%;
    right: 8%;
    width: 70px;
  }

  .banner_shape1 {
    width: 40px;
  }

  .main_header.menu-bg-overlay {
    padding: 20px 0px 15px 0px;
  }

  .banner_section {
    margin-bottom: 135px;
  }

  .theme_feature_area .features_one {
    margin-bottom: 30px;
  }

  .trusted_user_section {
    padding: 70px 0px 60px;
  }

  .partner_section {
    padding: 70px 0px 40px;
  }

  .copyright_text span {
    float: none;
  }

  .copyright_text {
    text-align: center;
  }
}
@media screen and (max-width: 580px) {
  .banner_screen {
    max-width: 385px;
  }

  .banner_screen .screen_img .side_screen1 {
    width: 125px;
    left: -75px;
  }

}
@media screen and (max-width: 480px) {
  .banner_screen {
    display: none;
  }

  .banner_section {
    margin-bottom: 0;
    padding: 150px 0 130px 0;
  }

  .banner_shape1,
  .banner_shape2,
  .banner_shape3 {
    z-index: -1;
    opacity: 0.5;
  }

  .banner_text {
    position: relative;
    z-index: 2;
  }

  .section_title .section_title_text h2 {
    font-size: 30px;
  }

  .section_title .section_title_text p {
    font-size: 16px;
  }

  .compare_img .compare_shape1,
  .compare_img .compare_shape2 {
    max-width: 70%;
  }


  .testimonial_indicator {
    background-size: 395px 465px;
  }

  .newslatter_content .newslatter-form {
    padding-left: 0;
    margin: 0 15px;
  }

  .footer_section .footer_widget_content {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 420px) {
  .banner_text p {
    font-size: 18px;
  }

  .featured_content .featured_icon_text {
    width: 300px;
  }

  .compare_content_item .compare_content {
    padding-top: 0;
    margin-bottom: 30px;
  }

  .compare_section .compare_title h2 {
    font-size: 26px;
  }

  .theme_feature_section {
    padding-top: 20px;
  }

  .theme_feature_area .theme_feature_content .theme_feature_list li {
    margin-bottom: 15px;
  }

  .banner_text .download_btn {
    width: 160px;
    height: 50px;
  }

  .sign_up_btn {
    height: 35px;
    line-height: 35px;
    width: 85px;
    font-size: 14px;
  }

  .sign_up_btn {
    right: 60px;
  }

  .trusted_content_img li {
    margin: 0 10px 10px 0;
  }

  .featured_service_section .section_title {
    padding-bottom: 20px;
  }

  .compare_section_two .compare_content,
  .compare_content_item .compare_list {
    padding-left: 0;
  }

  .testimonial_content {
    padding: 10px;
  }

  .testimonial_content .testimonial_text {
    padding: 25px 20px;
  }

  .newslatter_content .newslatter_title {
    padding: 0px 15px 25px;
  }

  .newslatter_content .newslatter_title h2 {
    font-size: 25px;
    padding-bottom: 15px;
  }

  .newslatter_content .newslatter-form .nws-button button {
    width: 90px;
    font-size: 14px;
  }

  .newslatter_content .newslatter-form input {
    padding: 0 15px;
  }

  .newslatter_content .newslatter_title p {
    font-size: 14px;
  }

  .newslatter_content {
    position: static;
    padding: 55px 0px 55px;
    margin-bottom: 50px;
  }

  .footer_section {
    padding-top: 0;
  }

  .footer_section {
    margin-top: 0;
  }

  .testimonial_section {
    padding-top: 70px;
  }

  .testimonial_name_designation .testimonial_meta h4 {
    font-size: 22px;
  }

  .scrollup {
    width: 45px;
    right: 15px;
    height: 45px;
    bottom: 20px;
    line-height: 45px;
  }

  .theme_feature_area .theme_feature_content .theme_feature_list li {
    font-size: 16px;
  }

  .theme_feature_area .theme_feature_content p {
    font-size: 16px;
  }
}
@media screen and (max-width: 380px) {
  .banner_text h1 {
    font-size: 32px;
  }

  .banner_text p {
    font-size: 16px;
  }

  .compare_section .compare_title h2 {
    font-size: 24px;
  }

  .trusted_user_section {
    padding: 20px 0px 60px;
  }

  .section_title .section_title_text h2 {
    font-size: 24px;
  }

  .testimonial_indicator .carousel-indicators li:nth-child(4) {
    top: 60px;
    left: 55px;
  }

  .testimonial_indicator .carousel-indicators li:nth-child(1) {
    bottom: 85px;
    right: 50px;
  }

  .testimonial_indicator {
    background-size: 325px 460px;
  }

  .testimonial_indicator .carousel-indicators li:nth-child(1) {
    bottom: 135px;
    right: 25px;
  }
}
/*---------------------------------------------------- */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*SaaS Classic*/
/*----------------------------------------------------*/
.saas-classic {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-size: 16px;
  line-height: 1.4;
  font-family: "Roboto";
  -moz-osx-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

.saas-classic::selection {
  color: #ffffff;
  background-color: #6e3ebf;
}

.saas-classic::-moz-selection {
  color: #ffffff;
  background-color: #6e3ebf;
}

.saas-classic-preloader {
  background-color: #fff;
  background: #fff url("../img/saas-c/pre.svg") no-repeat center center;
}

.saas2-headline h1,
.saas2-headline h2,
.saas2-headline h3,
.saas2-headline h4,
.saas2-headline h5,
.saas2-headline h6 {
  margin: 0;
  font-family: "Poppins";
}

.saas-classic-scrollup {
  width: 55px;
  right: 20px;
  z-index: 5;
  height: 55px;
  bottom: 20px;
  display: none;
  position: fixed;
  border-radius: 100%;
  line-height: 55px;
  background-image: linear-gradient(-45deg, #e511e6 32%, #6b2c94 100%);
}

.saas-classic-scrollup i {
  color: #fff;
  font-size: 20px;
}

.saas_two_section_title {
  margin: 0 auto;
  max-width: 465px;
}

.saas_two_section_title .title_tag {
  padding: 5px 30px;
}

.saas_two_section_title h2 {
  font-size: 40px;
  padding-top: 15px;
}

.saas_btn a {
  font-size: 15px;
  font-weight: 700;
  border-radius: 30px;
  display: inline-block;
  border: 2px solid #6c2b95;
}

.saas_btn:before {
  top: 8px;
  left: 32px;
  font-weight: 900;
  font-size: 22px;
  position: absolute;
  font-family: "Font Awesome 5 Free";
}

/*---------------------------------------------------- */
/*global area*/
/*----------------------------------------------------*/
@keyframes fadeFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeFromRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeFromUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeFromUp {
  animation-name: fadeFromUp;
}

.fadeFromRight {
  animation-name: fadeFromRight;
}

.fadeFromLeft {
  animation-name: fadeFromLeft;
}

.saas_two_section_title .title_tag,
.saas_two_banner_section .s2-banner_content .s2-tilte_tag,
.saas_two_feature_section .s2-feature_text .feature_tag,
.integration_section .integration_text .feature_tag {
  color: #951fb3;
  font-size: 18px;
  font-weight: 500;
  padding: 3px 30px;
  border-radius: 8px;
  display: inline-block;
  background-color: #ede0f4;
}

.saas_two_section_title h2,
.saas_two_banner_section .s2-banner_content h1,
.saas_two_about_section .s2-about_text_icon .s2-about_text h3,
.saas_two_feature_section .s2-feature_text h2,
.integration_section .integration_text h2,
.saas_two_team_section .s2-team_img_text .s2_name_info h3 {
  font-weight: 700;
  color: #010101;
}

.saas_two_section_title h2 span,
.saas_two_banner_section .s2-banner_content h1 span,
.saas_two_about_section .s2-about_text_icon .s2-about_text h3 span,
.saas_two_feature_section .s2-feature_text h2 span,
.integration_section .integration_text h2 span,
.saas_two_team_section .s2-team_img_text .s2_name_info h3 span {
  font-weight: 300;
}

.saas_btn:before,
.service_read_more a:after,
.saas_two_about_section .s2-about_text_icon .s2-about_text a:after,
.integration_section .integration_text a:after,
.saas_two_banner_section .s2-banner_content .banner_btn a i,
.saas_two_feature_section .s2-feature_text .saas_btn a i,
.s2-pricing_section .s2-pricing_item .s2-pricing_btn a i {
  background: linear-gradient(-45deg, #6b2c94 32%, #fc01fd 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.saas_two_about_section .s2-about_text_icon .s2-about_text p,
.saas_two_feature_section .s2-feature_text p,
.integration_section .integration_text p {
  color: #353535;
  font-size: 17px;
  line-height: 1.588;
  padding-bottom: 20px;
}

.service_read_more a,
.saas_two_about_section .s2-about_text_icon .s2-about_text a,
.integration_section .integration_text a {
  color: #0066ff;
  font-size: 15px;
  font-weight: 600;
  position: relative;
  font-family: "Poppins";
}

.service_read_more a:after,
.saas_two_about_section .s2-about_text_icon .s2-about_text a:after,
.integration_section .integration_text a:after {
  top: 0px;
  right: -35px;
  content: "";
  font-size: 20px;
  font-weight: 900;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease-in-out;
  font-family: "Font Awesome 5 Free";
}

.service_read_more a:before,
.saas_two_about_section .s2-about_text_icon .s2-about_text a:before,
.integration_section .integration_text a:before {
  height: 2px;
  width: 0%;
  bottom: -3px;
  content: "";
  position: absolute;
  background-color: #0066ff;
  transition: 0.4s all ease-in-out;
}

.service_read_more a:hover:before,
.saas_two_about_section .s2-about_text_icon .s2-about_text a:hover:before,
.integration_section .integration_text a:hover:before {
  width: 100%;
}

.service_read_more a:hover:after,
.saas_two_about_section .s2-about_text_icon .s2-about_text a:hover:after,
.integration_section .integration_text a:hover:after {
  opacity: 1;
  right: -25px;
  transition-delay: 0.3s;
  visibility: visible;
}

.saas_two_banner_section .s2-banner_content .banner_btn a,
.saas_two_feature_section .s2-feature_text .saas_btn a,
.s2-pricing_section .s2-pricing_item .s2-pricing_btn a {
  transition: 0.3s all ease-in-out;
  position: relative;
  overflow: hidden;
  border-radius: 50px;
  display: inline-block;
}

.saas_two_banner_section .s2-banner_content .banner_btn a:before,
.saas_two_feature_section .s2-feature_text .saas_btn a:before,
.s2-pricing_section .s2-pricing_item .s2-pricing_btn a:before {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  right: 0;
  top: 45px;
  right: 15px;
  box-shadow: 0 0 30px 31px rgba(213, 8, 217, 0.9);
  border-radius: 50%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease-in-out;
}

.saas_two_banner_section .s2-banner_content .banner_btn a:after,
.saas_two_feature_section .s2-feature_text .saas_btn a:after,
.s2-pricing_section .s2-pricing_item .s2-pricing_btn a:after {
  height: 100%;
  width: 100%;
  position: absolute;
  content: "";
  top: -100%;
  right: 0;
  z-index: -2;
  transition: 0.3s all ease-in-out;
  background-color: #6c2b95;
}

.saas_two_banner_section .s2-banner_content .banner_btn a:hover,
.saas_two_feature_section .s2-feature_text .saas_btn a:hover,
.s2-pricing_section .s2-pricing_item .s2-pricing_btn a:hover {
  color: #fff;
}

.saas_two_banner_section .s2-banner_content .banner_btn a:hover i,
.saas_two_feature_section .s2-feature_text .saas_btn a:hover i,
.s2-pricing_section .s2-pricing_item .s2-pricing_btn a:hover i {
  background: none;
  -webkit-text-fill-color: inherit;
}

.saas_two_banner_section .s2-banner_content .banner_btn a:hover:before,
.saas_two_feature_section .s2-feature_text .saas_btn a:hover:before,
.s2-pricing_section .s2-pricing_item .s2-pricing_btn a:hover:before {
  opacity: 1;
  right: 25px;
  visibility: visible;
}

.saas_two_banner_section .s2-banner_content .banner_btn a:hover:after,
.saas_two_feature_section .s2-feature_text .saas_btn a:hover:after,
.s2-pricing_section .s2-pricing_item .s2-pricing_btn a:hover:after {
  top: 0;
}

/*---------------------------------------------------- */
/*Header area*/
/*----------------------------------------------------*/
.saas_two_main_header {
  width: 100%;
  z-index: 9;
  padding: 15px 0px;
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 11px 68px 0px rgba(0, 0, 0, 0.14);
}

.saas_two_main_header .sign_up_btn {
  display: inline-block;
}

.saas_two_main_header .brand_logo {
  padding-top: 10px;
}

.saas_two_main_header .s2-main-navigation {
  display: inline-block;
  padding-top: 20px;
}

.saas_two_main_header .s2-main-navigation .navbar-nav {
  display: inherit;
}

.saas_two_main_header .s2-main-navigation .navbar-nav li {
  font-size: 15px;
  font-weight: 600;
  margin-right: 55px;
  font-family: "Poppins";
}

.saas_two_main_header .s2-main-navigation .navbar-nav li a {
  display: inline;
  position: relative;
  padding-bottom: 30px;
  transition: 0.3s all ease-in-out;
}

.saas_two_main_header .s2-main-navigation .navbar-nav li .active,
.saas_two_main_header .s2-main-navigation .navbar-nav li a:hover {
  color: #d10edd;
}

.saas_two_main_header .s2-main-navigation .navbar-nav li a:hover:before,
.saas_two_main_header .s2-main-navigation .navbar-nav li a.active:before {
  width: 100%;
}

.saas_two_main_header .s2-main-navigation .navbar-nav li a:before {
  content: "";
  position: absolute;
  height: 2px;
  width: 0%;
  background-color: #d10edd;
  left: 2px;
  transition: 0.3s all ease-in-out;
  bottom: 25px;
}

.saas_two_main_header .s2-main-navigation .dropdown {
  position: relative;
}

.saas_two_main_header .s2-main-navigation .dropdown:after {
  content: "";
  position: absolute;
  right: -11px;
  top: 2px;
  transition: 0.3s all ease-in-out;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.saas_two_main_header .s2-main-navigation .dropdown:hover:after {
  color: #d10edd;
}

.saas_two_main_header .saas_sign_up_btn {
  height: 55px;
  width: 175px;
  float: right;
  line-height: 55px;
  border-radius: 30px;
  background-color: #73299a;
}

.saas_two_main_header .saas_sign_up_btn a {
  color: #fff;
  font-weight: 600;
  padding-left: 15px;
  position: relative;
}

.saas_two_main_header .saas_sign_up_btn a:before {
  left: -5px;
  top: 4px;
  color: #fff;
  font-size: 13px;
  line-height: 1;
  content: "";
  font-weight: 900;
  position: absolute;
  font-family: "Font Awesome 5 Free";
}

.saas_two_main_header .dropdown .dropdown-menu {
  top: 65px;
  left: 0;
  opacity: 0;
  z-index: 2;
  margin: 0px;
  padding: 0px;
  height: auto;
  width: 200px;
  display: block;
  border: none;
  padding: 10px 0px 0px;
  visibility: hidden;
  position: absolute;
  border-radius: 0;
  background-color: #fff;
  transition: all 0.4s ease-in-out;
  border-bottom: 2px solid #73299a;
  box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1);
}

.saas_two_main_header .dropdown .dropdown-menu li {
  width: 100%;
  padding: 10px 15px;
  border-bottom: 1px solid #e5e5e5;
}

.saas_two_main_header .dropdown .dropdown-menu li a {
  color: #343434;
  font-size: 14px;
  padding: 10px 0px;
  position: relative;
  transition: 0.3s all ease-in-out;
}

.saas_two_main_header .dropdown .dropdown-menu li a:before {
  display: none;
}

.saas_two_main_header .dropdown .dropdown-menu li a:after {
  left: 0;
  top: 15px;
  width: 8px;
  height: 8px;
  content: "";
  position: absolute;
  border-radius: 100%;
  transform: scale(0);
  background-color: #73299a;
  transition: 0.3s all ease-in-out;
}

.saas_two_main_header .dropdown .dropdown-menu li a:hover {
  padding-left: 15px;
}

.saas_two_main_header .dropdown .dropdown-menu li a:hover:after {
  transform: scale(1);
}

.saas_two_main_header .dropdown:hover .dropdown-menu {
  top: 50px;
  opacity: 1;
  visibility: visible;
}

.saas_2-menu-bg-overlay {
  background-color: #fff;
  animation-duration: 0.7s;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  position: fixed;
  top: -90px;
  padding: 10px 0px;
  animation-timing-function: ease;
  transition: 0.3s all ease-in-out;
}

.saas_two_main_header.saas_2-menu-bg-overlay {
  z-index: 9;
  top: 0px;
  box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8);
}

.saas_two_main_header.saas_2-menu-bg-overlay .dropdown:hover .dropdown-menu {
  top: 45px;
}

/*---------------------------------------------------- */
/*Banner area*/
/*----------------------------------------------------*/
@keyframes floatY {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes floatX {
  0% {
    transform: translateX(80%);
  }
  50% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(80%);
  }
}
.saas_two_banner_section {
  margin: 0 auto;
  max-width: 1920px;
  background-color: #fafafa;
  padding: 235px 0px 140px 0px;
}

.saas_two_banner_section:before {
  right: 0;
  width: 80%;
  content: "";
  top: -10px;
  height: 115%;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url(../img/saas-c/banner/b-shape1.png);
}

.saas_two_banner_section .s2-banner_content {
  position: relative;
  z-index: 1;
  max-width: 450px;
}

.saas_two_banner_section .s2-banner_content .s2-tilte_tag {
  padding: 5px 30px;
}

.saas_two_banner_section .s2-banner_content h1 {
  font-size: 55px;
  padding: 18px 0px 20px 0px;
}

.saas_two_banner_section .s2-banner_content p {
  font-size: 18px;
  padding-bottom: 35px;
}

.saas_two_banner_section .s2-banner_content .banner_btn a {
  height: 50px;
  width: 175px;
  text-align: center;
  line-height: 45px;
  border-radius: 50px;
  margin-right: 20px;
  font-weight: 700;
  color: #010101;
  font-family: "Poppins";
  display: inline-block;
  z-index: 1;
  border: 2px solid #6c2b95;
}

.saas_two_banner_section .s2-banner_content .banner_btn a i {
  font-size: 20px;
  margin-right: 8px;
}

.saas_two_banner_section .s2-banner_content .banner_btn span {
  color: #6a6a6a;
  display: block;
  font-size: 14px;
  margin-top: 5px;
  margin-left: 10px;
}

.saas_two_banner_section .s2-banner_area .banner_mockup {
  position: absolute;
  top: -40px;
  right: -70px;
  z-index: 1;
}

.saas_two_banner_section .s2-banner_shape1 {
  left: 0;
  top: 85px;
}

.saas_two_banner_section .s2-banner_shape2 {
  top: 0;
  right: 0;
  animation: floatY 3s ease-in-out infinite;
}

.saas_two_banner_section .s2-banner_shape3 {
  top: 0;
  right: 50%;
  transform: translateX(80%);
  animation: floatX 10s ease-in-out infinite;
}

/*---------------------------------------------------- */
/*Service area*/
/*----------------------------------------------------*/
.saas_two_service_section {
  padding: 90px 0px 60px;
  position:relative;
    z-index: 1;
}

.saas_two_service_section .service_content {
  padding-top: 70px;
        position: relative;
        z-index: 5;
}

.saas_two_service_section .service_content_box {
  border-radius: 10px;
  margin-bottom: 50px;
  padding: 25px 30px 30px 35px;
  z-index: 1;
  background-color: #fff;
  transition: 0.5s all ease-in-out;
  box-shadow: 0px 20px 81px 0px rgba(8, 0, 20, 0.14);
  min-height:270px;
}

.saas_two_service_section .service_content_box:before {
  content: "";
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  z-index: -3;
  border-radius: 10px;
  position: absolute;
  transition: 0.5s all ease-in-out;
  background-image: linear-gradient(45deg, #fc01fd 32%, #6b2c94 100%);
}

.saas_two_service_section .service_content_box:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  border-radius: 10px;
  background-color: #fff;
}

.saas_two_service_section .service_content_box:hover {
  transform: translate(-7px, -7px);
  box-shadow: 0px 20px 81px 0px rgba(8, 0, 20, 0.3);
}

.saas_two_service_section .service_content_box:hover:before {
  transform: translate(7px, 7px);
}

.saas_two_service_section .service_content_box .service_icon_box {
  width: 60px;
  margin-bottom: 18px;
}

.saas_two_service_section .service_content_box .service_icon_box .upper_icon svg {
  height: 48px;
  width: 48px;
  fill: #30347b;
}
    .saas_two_service_section .service_content_box .service_icon_box .upper_icon i {
        font-size:2rem;
        color: #6c2b95;
    }
.saas_two_service_section .service_content_box .service_icon_box .lower_icon {
  position: absolute;
  top: 10px;
  z-index: -1;
  right: 0;
}

.saas_two_service_section .service_content_box .service_icon_box .lower_icon svg {
  width: 45px;
  height: 45px;
  fill: #c4a2fc;
}

.saas_two_service_section .service_content_box .service_text_box h3 {
  color: #010101;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 15px;
}

.saas_two_service_section .service_content_box .service_text_box p {
  line-height: 1.5;
  color: #666666;
}

.saas_two_service_section .ei-faq-shape {
    position: absolute;
    z-index: -1;
}

.saas_two_service_section .fq-shape-style1 {
    top: -70px;
    left: 140px;
    z-index: 2;
}

.saas_two_service_section .fq-shape-style2 {
    top: -100px;
    left: -75px;
    z-index: 1;
    opacity: 0.4;
    animation: spining 35s linear infinite;
}

.saas_two_service_section .fq-shape-style3 {
    top: 50%;
    left: 165px;
    transform: translateX(-50%);
    animation: 3s ease 0s infinite alternate none running scale;
}

.saas_two_service_section .fq-shape-style4 {
    top: 40%;
    right: 165px;
    transform: translateX(-50%);
}

.saas_two_service_section .fq-shape-style5 {
    left: 20%;
    top: 115px;
    animation: spining 50s linear infinite;
}

.saas_two_service_section .fq-shape-style6 {
    right: 0;
    z-index: -2;
    bottom: -30px;
    opacity:0.1;
}

.saas_two_service_section .fq-shape-style8 {
    top: -50px;
    left: -50px;
    z-index: -3;
}

.saas_two_service_section .fq-shape-style7 {
    top: 65px;
    right: 20%;
}

    .saas_two_service_section .fq-shape-style7 img {
        animation: spining 5s linear infinite;
        display: block;
        margin-top: 10px;
    }
/*---------------------------------------------------- */
/*Service area*/
/*----------------------------------------------------*/
.saas_two_about_section {
  padding: 70px 0px;
  background-color: #ebedf2;
}

.saas_two_about_section:before {
  content: "";
  position: absolute;
  top: 0;
  right: -400px;
  height: 100%;
  width: 800px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/saas-c/banner/abshape.png);
}

.saas_two_about_section:after {
  content: "";
  height: 600px;
  width: 600px;
  right: -380px;
  top: 285px;
  border-radius: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url(../img/saas-c/banner/abshape2.png);
}

.saas_two_about_section .about_content_s2 {
  padding: 50px 70px 50px 110px;
}

.saas_two_about_section .s2-about_text_icon {
  padding-top: 35px;
}

.saas_two_about_section .s2-about_text_icon .s2-about_icon {
  width: 70px;
  height: 70px;
  line-height: 70px;
  padding-top: 15px;
  border-radius: 100%;
  margin-bottom: 16px;
  background-color: #6c2b95;
}

.saas_two_about_section .s2-about_text_icon .s2-about_icon svg {
  fill: #fff;
  width: 40px;
  height: 40px;
}

.saas_two_about_section .s2-about_text_icon .s2-about_text h3 {
  font-size: 36px;
  line-height: 1.278;
  padding-bottom: 15px;
}

/*---------------------------------------------------- */
/*Feature area*/
/*----------------------------------------------------*/
.saas_two_feature_section {
  padding: 105px 0px 85px;
}

.saas_two_feature_section .s2-feature_text {
  max-width: 520px;
  padding: 40px 0 0 50px;
}

.saas_two_feature_section .s2-feature_text h2 {
  font-size: 40px;
  line-height: 1.25;
  padding: 15px 0px 15px;
}

.saas_two_feature_section .s2-feature_text p {
  padding-bottom: 43px;
}

.saas_two_feature_section .s2-feature_text .saas_btn a {
  padding: 10px 25px 10px 25px;
}

.saas_two_feature_section .s2-feature_text .saas_btn a i {
  font-size: 20px;
  margin-right: 5px;
}

.saas_two_feature_section .s2-feature_right {
  padding-left: 35px;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list {
  margin-bottom: 10px;
  padding: 22px 32px 20px;
  border-radius: 10px;
  display: inline-block;
  transition: 0.4s all ease-in-out;
  position: relative;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:before {
  position: absolute;
  content: "";
  height: 0px;
  width: 5px;
  left: 0;
  top: 50%;
  border-radius: 50px;
  transform: translateY(-50%);
  transition: 0.3s all ease-in-out;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:hover:before {
  height: 60px;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_icon {
  width: 95px;
  float: left;
  height: 95px;
  border-radius: 100%;
  line-height: 105px;
  margin-right: 30px;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_icon:after {
  left: 0;
  right: 0;
  top: 5px;
  width: 90%;
  height: 90%;
  content: "";
  margin: 0 auto;
  position: absolute;
  border: 5px solid #fff;
  border-radius: 100%;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_icon i {
  font-size: 30px;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_text_box {
  max-width: 310px;
  display: inline-block;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_text_box h3 {
  color: #010101;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 15px;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:hover {
  margin-left: 30px;
  box-shadow: 0px 3px 43px 0px rgba(0, 0, 0, 0.13);
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(1) .s2-feature_icon {
  background-color: #d9f3de;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(1) .s2-feature_icon i {
  color: #049507;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(1):before {
  background-color: #049507;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(2) .s2-feature_icon {
  background-color: #e1e1f5;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(2) .s2-feature_icon i {
  color: #6c2b95;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(2):before {
  background-color: #6c2b95;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(3) .s2-feature_icon {
  background-color: #ebdcf4;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(3) .s2-feature_icon i {
  color: #d912dc;
}

.saas_two_feature_section .s2-feature_right .s2-feature_list:nth-child(3):before {
  background-color: #d912dc;
}

/*---------------------------------------------------- */
/*Intergation area*/
/*----------------------------------------------------*/
.integration_section {
  background-color: #f0f2f7;
  padding: 120px 0px 55px;
}

.integration_section .integration_img {
  padding-top: 10px;
}

.integration_section .integration_text {
  padding-right: 50px;
}

.integration_section .integration_text h2 {
  font-size: 40px;
  line-height: 1.25;
  padding: 15px 0px 20px;
}

.integration_section .integration_text p {
  color: #666666;
  padding-bottom: 18px;
}

/*---------------------------------------------------- */
/*Team area*/
/*----------------------------------------------------*/
.saas_two_team_section {
  padding: 118px 0px;
}

.saas_two_team_section .s2-team_membar {
  padding-top: 130px;
}

.saas_two_team_section .s2-team_img_text {
  width: 100%;
  border-radius: 10px;
  display: inline-block;
  padding: 70px 15px 20px;
  transition: 0.4s all ease-in-out;
  box-shadow: 0px 12px 43px 0px rgba(0, 0, 0, 0.13);
}

.saas_two_team_section .s2-team_img_text:hover {
  box-shadow: 0px 23px 43px 0px rgba(0, 0, 0, 0.26);
}

.saas_two_team_section .s2-team_img_text:hover .s2_tean_img:before,
.saas_two_team_section .s2-team_img_text:hover .s2_tean_img:after {
  opacity: 1;
  visibility: visible;
}

.saas_two_team_section .s2-team_img_text .s2_tean_img {
  width: 130px;
  height: 130px;
  overflow: hidden;
  border-radius: 100%;
  position: absolute;
  top: -75px;
  left: 15px;
}

.saas_two_team_section .s2-team_img_text .s2_tean_img:before,
.saas_two_team_section .s2-team_img_text .s2_tean_img:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  border-radius: 100%;
  border: 3px solid #cc0fda;
  z-index: 1;
  transition: 0.3s all ease-in-out;
}

.saas_two_team_section .s2-team_img_text .s2_tean_img:after {
  height: 95%;
  width: 95%;
  top: 50%;
  right: 0;
  margin: 0 auto;
  border: 3px solid #fff;
  transform: translateY(-50%);
}

.saas_two_team_section .s2-team_img_text .s2_name_info {
  float: left;
}

.saas_two_team_section .s2-team_img_text .s2_name_info h3 {
  font-size: 22px;
  padding-bottom: 5px;
}

.saas_two_team_section .s2-team_img_text .s2_name_info .s2-designation {
  font-size: 15px;
  font-weight: 500;
  color: #53117f;
}

.saas_two_team_section .s2-team_img_text .s2_name_info .s2_mem_contact {
  padding-top: 25px;
}

.saas_two_team_section .s2-team_img_text .s2_name_info .s2_mem_contact span {
  font-size: 15px;
  color: #737272;
  display: block;
  margin-bottom: 5px;
}

.saas_two_team_section .s2-team_img_text .s2_name_info .s2_mem_contact span i {
  color: #cc0fda;
  margin-right: 8px;
}

.saas_two_team_section .s2-team_img_text .s2-mem_social {
  bottom: 30px;
  right: 15px;
  position: absolute;
}

.saas_two_team_section .s2-team_img_text .s2-mem_social ul {
  opacity: 0;
  margin-bottom: 15px;
  font-size: 14px;
  padding-top: 10px;
  visibility: hidden;
  position: relative;
  top: -50px;
  transition: 0.3s all ease-in-out;
}

.saas_two_team_section .s2-team_img_text .s2-mem_social li {
  color: #fff;
  text-align: center;
  margin-top: 15px;
  transition: 0.3s all ease-in-out;
}

.saas_two_team_section .s2-team_img_text .s2-mem_social li:hover {
  transform: translateX(5px);
}

.saas_two_team_section .s2-team_img_text .s2-mem_social .s2-share_btn {
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 100%;
  transition: 0.3s all ease-in-out;
  background-color: #53117f;
}

.saas_two_team_section .s2-team_img_text .s2-mem_social .s2-share_btn i {
  color: #fff;
}

.saas_two_team_section .s2-team_img_text .s2-mem_social:after {
  bottom: 20px;
  z-index: -1;
  content: "";
  width: 50px;
  height: 0%;
  opacity: 0;
  border-radius: 35px;
  position: absolute;
  visibility: hidden;
  background-color: #53117f;
  transition: 0.5s all ease-in-out;
}

.saas_two_team_section .s2-team_img_text:hover .s2-mem_social:after {
  height: 100%;
  bottom: 0px;
  opacity: 1;
  visibility: visible;
}

.saas_two_team_section .s2-team_img_text:hover .s2-share_btn {
  background-color: #cc0fda;
}

.saas_two_team_section .s2-team_img_text:hover ul {
  top: 0;
  transition-delay: 0.5s;
  opacity: 1;
  visibility: visible;
}

#s2_team_slide .owl-stage-outer {
  overflow: visible;
}

#s2_team_slide .owl-item {
  opacity: 0;
  transition: opacity 500ms;
}

#s2_team_slide .owl-item.active {
  opacity: 1;
}

#s2_team_slide .owl-nav {
  text-align: center;
  display: table;
  margin: 35px auto 0;
  padding-top: 3px;
  border-radius: 20px;
  background-color: #beaacb;
}

#s2_team_slide .owl-nav .owl-next,
#s2_team_slide .owl-nav .owl-prev {
  margin: 0px 10px;
  font-size: 22px;
  line-height: 10px;
  display: inline-block;
}

#s2_team_slide .owl-nav .owl-next i,
#s2_team_slide .owl-nav .owl-prev i {
  color: #fff;
  transition: 0.3s all ease-in-out;
}

#s2_team_slide .owl-nav .owl-next i:hover,
#s2_team_slide .owl-nav .owl-prev i:hover {
  color: #53117f;
}

/*---------------------------------------------------- */
/* Faq area*/
/*----------------------------------------------------*/
.s2-faq_section {
  z-index: 1;
  padding: 115px 0px 85px;
  background-color: #ebedf2;
}

.s2-faq_section:after {
  top: 0;
  width: 100%;
  content: "";
  height: 100%;
  z-index: -1;
  position: absolute;
  background-image: url(../img/saas-c/banner/fbg.png);
}

.s2-faq_section .s2_faq_content {
  padding-top: 80px;
}

.s2-faq_section .s2_faq_content button {
  border: none;
  color: #010101;
  font-size: 19px;
  font-weight: 700;
  font-family: "Poppins";
  padding: 0px 0px 20px;
  position: relative;
  width: 100%;
  text-align: left;
  background-color: transparent;
}

.s2-faq_section .s2_faq_content button:after {
  top: 5px;
  right: 0;
  color: #951fb3;
  font-size: 14px;
  content: "";
  font-weight: 900;
  position: absolute;
  font-family: "Font Awesome 5 Free";
}

.s2-faq_section .s2_faq_content .collapsed:after {
  content: "";
}

.s2-faq_section .s2_faq_content .s2_faq {
  padding-bottom: 10px;
}

.s2-faq_section .s2_faq_content .s2_faq .s2_faq-body {
  padding-bottom: 30px;
  text-align: justify;
  max-width: 530px;
  color: #383838;
  line-height: 1.625;
}

/*---------------------------------------------------- */
/* Pricing area*/
/*----------------------------------------------------*/
@keyframes flying {
  0% {
    transform: translate(2px, 2px);
  }
  50% {
    transform: translate(-2px, -2px);
  }
  100% {
    transform: translate(2px, 2px);
  }
}
.s2-pricing_section {
  padding: 120px 0px 100px;
}

.s2-pricing_section .s2-pricing_content {
  padding-top: 80px;
}

.s2-pricing_section .s2-pricing_item {
  margin: 0 auto;
  overflow: hidden;
  max-width: 330px;
  border-radius: 15px;
  transition: 0.4s all ease-in-out;
  box-shadow: 0px 23px 43px 0px rgba(0, 0, 0, 0.13);
}

.s2-pricing_section .s2-pricing_item .s2-pricing_price {
  background-color: #818181;
  padding: 40px 50px 25px;
  margin-bottom: 25px;
  z-index: 1;
}

.s2-pricing_section .s2-pricing_item .s2-pricing_price .pricing_icon {
  height: 65px;
  width: 60px;
  margin-right: 25px;
  border-radius: 8px;
  background-color: #fff;
  padding-top: 12px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.s2-pricing_section .s2-pricing_item .s2-pricing_price .pricing_icon svg {
  height: 40px;
  width: 40px;
  fill: #000;
}

.s2-pricing_section .s2-pricing_item .s2-pricing_price .pricing_icon:after {
  top: 0;
  left: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: visible;
  position: absolute;
  border-radius: 8px;
  transform: scale(0.5);
  transition: 0.4s all ease-in-out;
  background-image: linear-gradient(-45deg, #e511e6 32%, #6b2c94 100%);
}

.s2-pricing_section .s2-pricing_item .s2-pricing_price .s2-pricing_text {
  font-family: "Poppins";
  color: #fff;
}

.s2-pricing_section .s2-pricing_item .s2-pricing_price .s2-pricing_text span {
  font-size: 20px;
  font-weight: 600;
  display: block;
}

.s2-pricing_section .s2-pricing_item .s2-pricing_price .s2-pricing_text strong {
  font-size: 50px;
  line-height: 1;
  font-weight: 700;
}

.s2-pricing_section .s2-pricing_item .s2-pricing_price .s2-icon_bg {
  position: absolute;
  right: 20px;
  top: 40px;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: 0.5s all ease-in-out;
  animation: flying 1.5s linear infinite;
}

.s2-pricing_section .s2-pricing_item .s2-pricing_price .s2-icon_bg svg {
  height: 80px;
  width: 80px;
  fill: #aaaaaa;
}

.s2-pricing_section .s2-pricing_item .s2-pricing_list li {
  border-bottom: 1px solid #e6e8e9;
  padding: 18px 25px 16px 45px;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 14px;
}

.s2-pricing_section .s2-pricing_item .s2-pricing_list li:last-child {
  border: none;
  padding-bottom: 0;
}

.s2-pricing_section .s2-pricing_item .s2-pricing_list .s2-checked,
.s2-pricing_section .s2-pricing_item .s2-pricing_list .s2-unchecked {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  border-radius: 100%;
  line-height: 22px;
  position: relative;
  box-shadow: 0px 6px 18px 0px rgba(0, 197, 0, 0.5);
  background-image: linear-gradient(0deg, #00f500 1%, #00db00 53%, #00c000 100%);
}

.s2-pricing_section .s2-pricing_item .s2-pricing_list .s2-checked:before,
.s2-pricing_section .s2-pricing_item .s2-pricing_list .s2-unchecked:before {
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 12px;
  content: "";
  font-weight: 900;
  text-align: center;
  position: absolute;
  font-family: "Font Awesome 5 Free";
}

.s2-pricing_section .s2-pricing_item .s2-pricing_list .s2-checked i,
.s2-pricing_section .s2-pricing_item .s2-pricing_list .s2-unchecked i {
  color: #fff;
  font-size: 12px;
}

.s2-pricing_section .s2-pricing_item .s2-pricing_list .s2-unchecked {
  background-color: #ff0000;
  background-image: none;
  box-shadow: none;
}

.s2-pricing_section .s2-pricing_item .s2-pricing_list .s2-unchecked:before {
  content: "";
}

.s2-pricing_section .s2-pricing_item .s2-pricing_btn {
  padding: 25px 0px;
  text-align: center;
  margin-top: 8px;
}

.s2-pricing_section .s2-pricing_item .s2-pricing_btn a {
  height: 45px;
  width: 160px;
  text-align: center;
  line-height: 40px;
  border-radius: 50px;
  margin-right: 20px;
  font-weight: 700;
  color: #010101;
  font-family: "Poppins";
  display: inline-block;
  border: 2px solid #6c2b95;
}

.s2-pricing_section .s2-pricing_item .s2-pricing_btn a i {
  font-size: 20px;
  margin-right: 8px;
}

.s2-pricing_section .s2-pricing_item:hover {
  box-shadow: 0px 23px 43px 0px rgba(0, 0, 0, 0.26);
}

.s2-pricing_section .s2-pricing_item:hover .s2-icon_bg {
  opacity: 1;
  top: 30px;
  right: 15px;
  visibility: visible;
  transition-delay: 0.2s;
}

.s2-pricing_section .s2-pricing_item:hover .pricing_icon:after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.s2-pricing_section .s2-pricing_item:hover .pricing_icon svg {
  fill: #fff;
}

/*---------------------------------------------------- */
/* Footer area*/
/*----------------------------------------------------*/
.saas_two_footer_section {
  z-index: 1;
  margin-top: 140px;
  padding: 0px 0px 65px;
}

.saas_two_footer_section:before {
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  height: 100%;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/saas-c/banner/fobg.png);
}

.saas_two_footer_section .s2-newslatter_section {
  top: -90px;
  margin: 0 auto;
  max-width: 1170px;
  position: relative;
  border-radius: 20px;
  padding: 45px 0px 60px;
  background-color: #6c2b95;
  box-shadow: 0px 0px 16px 0px rgba(27, 2, 52, 0.34);
}

.saas_two_footer_section .s2-newslatter_section .s2-newslatter_title h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  padding-bottom: 10px;
}

.saas_two_footer_section .s2-newslatter_section .s2-newslatter_title p {
  font-family: "Poppins";
  color: #fff;
}

.saas_two_footer_section .s2-newslatter_section .s2-newslatter-form {
  max-width: 660px;
  margin: 30px auto 0;
}

.saas_two_footer_section .s2-newslatter_section .s2-newslatter-form .nws-button {
  top: 0;
  right: 0;
}

.saas_two_footer_section .s2-newslatter_section .s2-newslatter-form input {
  height: 62px;
  width: 100%;
  border: none;
  max-width: 490px;
  padding-left: 30px;
  border-radius: 5px;
}

.saas_two_footer_section .s2-newslatter_section .s2-newslatter-form button {
  border: none;
  height: 62px;
  width: 155px;
  color: #fff;
  border-radius: 5px;
  background-color: #f104f5;
  position: absolute;
  top: 0;
  right: 0;
}

.saas_two_footer_section .s2-newslatter_section .newsletter_pattern_1 {
  top: -25px;
  left: 80px;
  z-index: 1;
  position: absolute;
}

.saas_two_footer_section .s2_footer_widget {
  font-family: "Poppins";
  font-size: 14px;
}

.saas_two_footer_section .s2_footer_widget .s2-footer_logo {
  margin-bottom: 25px;
}

.saas_two_footer_section .s2_footer_widget .footer_about {
  color: #fff;
  max-width: 235px;
  margin-bottom: 20px;
  line-height: 1.714;
}

.saas_two_footer_section .s2_footer_widget p {
  color: #fff;
}

.saas_two_footer_section .s2_footer_widget .s2_footer_about p {
  width: 165px;
  margin-top: 8px;
  line-height: 1.714;
}

.saas_two_footer_section .s2_footer_widget .s2_footer_about span {
  color: #f104f5;
  font-weight: 700;
  margin-bottom: 8px;
}

.saas_two_footer_section .s2_footer_widget .s2_footer_menu {
  max-width: 340px;
}

.saas_two_footer_section .s2_footer_widget .s2_footer_menu li {
  width: 50%;
  float: left;
  max-width: 320px;
  margin-bottom: 18px;
}

.saas_two_footer_section .s2_footer_widget .s2_footer_menu li a {
  color: #fff;
  margin-left: 15px;
  position: relative;
  transition: 0.3s all ease-in-out;
}

.saas_two_footer_section .s2_footer_widget .s2_footer_menu li a:before {
  top: 0;
  top: 0;
  left: -15px;
  color: #fff;
  font-size: 12px;
  content: "";
  font-weight: 900;
  position: absolute;
  transition: 0.3s all ease-in-out;
  font-family: "Font Awesome 5 Free";
}

.saas_two_footer_section .s2_footer_widget .s2_footer_menu li a:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 0%;
  left: 0px;
  bottom: 0;
  transition: 0.3s all ease-in-out;
  background-color: #f104f5;
}

.saas_two_footer_section .s2_footer_widget .s2_footer_menu li a:hover {
  margin-left: 25px;
  color: #f104f5;
}

.saas_two_footer_section .s2_footer_widget .s2_footer_menu li a:hover:before {
  color: #f104f5;
}

.saas_two_footer_section .s2_footer_widget .s2_footer_menu li a:hover:after {
  width: 100%;
}

.saas_two_footer_section .s2_footer_widget .s2_widget_title {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding-bottom: 35px;
}

.saas_two_footer_section .s2_footer_widget .s2_widget_title span {
  display: inline-block;
  margin-right: 20px;
}

.saas_two_footer_section .s2_footer_widget .s2_widget_title i {
  width: 100%;
  height: 1.1px;
  position: relative;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.2);
}

.saas_two_footer_section .s2_footer_widget .s2_footer_social a {
  height: 30px;
  width: 30px;
  border-radius: 100%;
  background-color: #fff;
  line-height: 30px;
  text-align: center;
  margin-right: 5px;
  display: inline-block;
  transition: 0.3s all ease-in-out;
}

.saas_two_footer_section .s2_footer_widget .s2_footer_social a:hover {
  transform: scale(1.1);
}

.saas_two_footer_section .s2_footer_widget .s2_footer_social form {
  margin: 18px 0px 30px;
  position: relative;
}

.saas_two_footer_section .s2_footer_widget .s2_footer_social form input {
  height: 45px;
  background-color: #503d63;
  border: none;
  width: 100%;
  padding-left: 30px;
}

.saas_two_footer_section .s2_footer_widget .s2_footer_social form button {
  color: #fff;
  width: 62px;
  border: none;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background-color: #6c2b95;
}

.saas_two_footer_section .s2_footer_widget .s2_footer_social .fb-bg {
  color: #16599b;
}

.saas_two_footer_section .s2_footer_widget .s2_footer_social .tw-bg {
  color: #03a9f4;
}

.saas_two_footer_section .s2_footer_widget .s2_footer_social .dr-bg {
  color: #ea4c89;
}

.saas_two_footer_section .s2_footer_widget .s2_footer_social .bh-bg {
  color: #0067ff;
}

.s2-copyright {
  color: #fff;
  padding: 18px 0px;
  font-size: 14px;
  font-family: "Poppins";
  background-color: #000000;
}

.s2-copyright a {
  color: #d772fe;
}

@keyframes slide {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 1920px 0;
  }
}
.cloud_anim {
  position: absolute;
  left: 0px;
  top: 50px;
  right: 0px;
  max-width: 1170px;
  width: 100%;
  height: 100%;
  z-index: 0;
  margin: 0 auto;
}

.newsletter_pattern_2 {
  width: 100%;
  height: 46px;
  background-repeat: no-repeat;
  left: 0px;
  top: 50px;
  animation: slide 60s linear infinite;
  -webkit-animation: slide 60s linear infinite;
}

.newsletter_pattern_3 {
  width: 100%;
  height: 46px;
  background-repeat: no-repeat;
  left: 100px;
  top: 70px;
  animation: slide 50s linear infinite;
  -webkit-animation: slide 50s linear infinite;
}

.newsletter_pattern_4 {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 150px;
  width: 150px;
  background-size: cover;
  transform: rotate(90deg);
  background-repeat: no-repeat;
}

.newsletter_pattern_5 {
  position: absolute;
  right: 0;
  height: 90%;
  width: 200px;
  top: 28px;
}

/*---------------------------------------------------- */
/* Footer area*/
/*----------------------------------------------------*/
.s2-mobile_menu_content {
  top: 0px;
  bottom: 0;
  right: -350px;
  height: 100vh;
  z-index: 101;
  position: fixed;
  width: 280px;
  overflow-y: scroll;
  background-color: #fff;
  padding: 40px 0px;
  box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
  transition: all 0.5s ease-in;
}

.s2-mobile_menu_content .s2-mobile-main-navigation {
  width: 100%;
}

.s2-mobile_menu_content .s2-mobile-main-navigation .navbar-nav {
  width: 100%;
}

.s2-mobile_menu_content .navbar-nav .dropdown-menu {
  position: static !important;
  transform: none !important;
}

.s2-mobile_menu_content .s2-mobile-main-navigation .navbar-nav li {
  width: 100%;
  display: block;
  transition: 0.3s all ease-in-out;
  border-bottom: 1px solid #dcdcdc;
}

.s2-mobile_menu_content .s2-mobile-main-navigation .navbar-nav li:first-child {
  border-top: 1px solid #dcdcdc;
}

.s2-mobile_menu_content .s2-mobile-main-navigation .navbar-nav li a {
  color: #000;
  padding: 0;
  width: 100%;
  display: block;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 30px;
  text-transform: uppercase;
}

.s2-mobile_menu_content .m-brand-logo {
  width: 160px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.s2-mobile_menu_wrap.mobile_menu_on .s2-mobile_menu_content {
  right: 0px;
  transition: all 0.7s ease-out;
}

.mobile_menu_overlay {
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  right: 0%;
  height: 120vh;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.9);
  transition: all 0.5s ease-in-out;
}

.mobile_menu_overlay_on {
  overflow: hidden;
}

.s2-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
  opacity: 1;
  visibility: visible;
}

.s2-mobile_menu_button {
  position: absolute;
  display: none;
  right: 0;
  cursor: pointer;
  line-height: 40px;
  color: #73299a;
  text-align: center;
  font-size: 30px;
  top: -40px;
  z-index: 5;
}

.s2-mobile_menu .s2-mobile-main-navigation .navbar-nav li a:after {
  display: none;
}

.s2-mobile_menu .s2-mobile-main-navigation .dropdown > .dropdown-menu {
  opacity: 1;
  visibility: visible;
}

.s2-mobile_menu .s2-mobile_menu_content .s2-mobile-main-navigation .navbar-nav .dropdown-menu {
  border: none;
  display: none;
  transition: none;
  box-shadow: none;
  padding: 5px 0px;
  width: 100%;
  border-top: 1px solid #dcdcdc;
}

.s2-mobile_menu .s2-mobile_menu_content .s2-mobile-main-navigation .navbar-nav .dropdown-menu li {
  border: none;
  padding: 0 20px;
  line-height: 1;
}

.s2-mobile_menu .dropdown {
  position: relative;
}

.s2-mobile_menu .dropdown .dropdown-btn {
  position: absolute;
  top: 0px;
  right: 0;
  height: 30px;
  padding: 5px 10px;
}

.s2-mobile_menu .dropdown .dropdown-btn:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  top: 0;
  left: 0;
  background-color: #dcdcdc;
}

.s2-mobile_menu .s2-mobile_menu_close {
  color: #d60606;
  cursor: pointer;
  top: 15px;
  left: 15px;
  font-size: 20px;
  position: absolute;
}

/*---------------------------------------------------- */
/* Responsive area*/
/*----------------------------------------------------*/
@media screen and (max-width: 1140px) {
  .saas_two_footer_section .s2-newslatter_section {
    top: 0;
    max-width: inherit;
    margin-bottom: 50px;
  }

  .saas_two_footer_section {
    overflow: hidden;
    margin-top: 0;
    padding: 25px 0px 65px;
  }

  .saas_two_footer_section:before {
    height: 75%;
    top: auto;
    bottom: 0;
  }
}
@media screen and (max-width: 1120px) {
  .saas_two_feature_section .s2-feature_right {
    padding-left: 0;
  }

  .saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_icon {
    margin-right: 10px;
  }
}
@media screen and (max-width: 1110px) {
  .saas_two_main_header .s2-main-navigation .navbar-nav li {
    margin-right: 25px;
  }

  .saas_two_banner_section .s2-banner_area .banner_mockup {
    max-width: 630px;
    top: 30px;
  }
}
@media screen and (max-width: 1015px) {
  .saas_two_main_header .s2-main-navigation .navbar-nav li {
    margin-right: 25px;
  }

  .saas_two_banner_section .s2-banner_area .banner_mockup {
    max-width: 630px;
    top: 30px;
  }

  .saas_two_feature_section .s2-feature_right .s2-feature_list {
    padding: 22px 20px 20px;
  }
}
@media screen and (max-width: 991px) {
  .saas_two_banner_section:before {
    width: 100%;
    top: 0;
    height: 100%;
  }

  .saas_two_banner_section {
    padding-bottom: 0;
    z-index: 1;
  }

  .saas_two_banner_section .s2-banner_shape1 {
    z-index: -1;
  }

  .saas_two_banner_section .s2-banner_area .banner_mockup {
    position: static;
    margin: 0 auto;
  }

  .saas_two_banner_section .s2-banner_content {
    max-width: 750px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 50px;
  }

  .about_content_s2 {
    max-width: 750px;
    margin: 0 auto;
  }

  .saas_two_main_header .s2-main-navigation {
    display: none;
  }

  .saas_two_banner_section .s2-banner_shape3 {
    top: 60px;
  }

  .saas_two_footer_section .s2-newslatter_section .newsletter_pattern_1 {
    display: none;
  }

  .saas_two_footer_section:before {
    background-size: cover;
    background-repeat: no-repeat;
  }

  .newsletter_pattern_4 {
    display: none;
  }

  .newsletter_pattern_5 {
    display: none;
  }

  .saas_two_footer_section {
    background-color: #1b0234;
  }

  .saas_two_footer_section .s2_footer_widget {
    margin-bottom: 30px;
  }

  .saas_two_footer_section .s2_footer_widget .s2_widget_title {
    padding-bottom: 20px;
  }

  .s2-mobile_menu_button {
    display: block;
  }

  .saas_two_main_header .saas_sign_up_btn {
    position: absolute;
    top: 3px;
    right: 70px;
    height: 40px;
    width: 120px;
    line-height: 40px;
  }

  .saas_two_main_header .saas_sign_up_btn a {
    padding-left: 0;
  }

  .saas_two_main_header .saas_sign_up_btn a:before {
    display: none;
  }

  .saas_two_about_section .about_content_s2 {
    padding: 30px 50px 30px 50px;
  }

  .saas_two_feature_section .s2-feature_right {
    padding-left: 0;
    margin-top: 40px;
  }

  .s2-pricing_section .s2-pricing_item {
    margin-bottom: 40px;
  }

  .saas_two_footer_section {
    padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .saas_two_main_header .saas_sign_up_btn {
    top: -40px;
  }

  .saas_two_main_header.saas_2-menu-bg-overlay .saas_sign_up_btn {
    top: -42px;
  }

  .saas_two_service_section .service_content_box {
    max-width: 370px;
    margin: 0 auto;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .saas_two_banner_section {
    padding-top: 180px;
  }

  .saas_two_banner_section .s2-banner_content h1 {
    font-size: 45px;
  }

  .saas_two_banner_section .s2-banner_content .banner_btn a {
    height: 40px;
    width: 140px;
    margin-right: 10px;
    line-height: 36px;
  }

  .saas_two_banner_section .s2-banner_content .banner_btn a i {
    font-size: 16px;
    margin-right: 5px;
  }

  .saas_two_banner_section .s2-banner_content {
    padding-bottom: 30px;
  }

  .saas_two_service_section {
    padding: 60px 0px;
  }

  .saas_two_about_section {
    padding: 60px 0px 30px;
  }

  .saas_two_about_section .about_content_s2 {
    padding: 20px 25px 20px 25px;
  }

  .saas_two_about_section:before {
    display: none;
  }

  .saas_two_about_section .s2-about_text_icon {
    padding-top: 0;
    margin-bottom: 30px;
  }

  .s2-about_img {
    margin-bottom: 30px;
  }

  .saas_two_feature_section {
    padding: 60px 0px 25px;
  }

  .saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_icon {
    margin: 0 auto;
    float: none;
    margin-bottom: 20px;
  }

  .saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_text_box {
    text-align: center;
    max-width: 100%;
  }

  .saas_two_team_section {
    padding: 60px 0px;
  }

  .s2-faq_section .s2_faq_content button {
    padding-right: 20px;
  }

  .s2-faq_section {
    padding: 60px 0px 25px;
  }

  .s2-pricing_section {
    padding: 60px 0 40px;
  }

  .saas_two_section_title h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 420px) {
  .saas_two_section_title h2 {
    font-size: 30px;
  }

  .saas_two_service_section .service_content {
    padding-top: 40px;
  }

  .saas_two_about_section .s2-about_text_icon .s2-about_text h3 {
    font-size: 30px;
  }

  .saas_two_about_section .s2-about_text_icon {
    margin-bottom: 15px;
  }

  .saas_two_feature_section .s2-feature_text h2 {
    font-size: 30px;
  }

  .saas_two_feature_section .s2-feature_text {
    padding: 20px 0 0 0px;
  }

  .saas_two_feature_section .s2-feature_text p {
    padding-bottom: 25px;
  }

  .integration_section .integration_text {
    padding-right: 0;
  }

  .integration_section .integration_text h2 {
    font-size: 30px;
  }

  .s2-faq_section .s2_faq_content {
    padding-top: 40px;
  }

  .s2-pricing_section .s2-pricing_content {
    padding-top: 40px;
  }

  .saas_two_footer_section {
    padding-bottom: 30px;
  }

  .saas_two_footer_section .s2-newslatter_section .s2-newslatter-form button {
    width: 100px;
  }

  .s2-pricing_section .s2-pricing_item .s2-pricing_list li {
    padding: 18px 20px 16px 20px;
  }

  .s2-pricing_section .s2-pricing_item .s2-pricing_price .s2-pricing_text strong {
    font-size: 40px;
  }

  .scrollup {
    width: 40px;
    height: 40px;
    right: 10px;
    line-height: 40px;
  }

  .saas_two_feature_section .s2-feature_right .s2-feature_list:hover {
    margin-left: 0;
  }

  .saas_two_main_header .saas_sign_up_btn {
    right: 55px;
  }
}
@media screen and (max-width: 380px) {
  .saas_two_banner_section .s2-banner_content h1 {
    font-size: 36px;
  }

  .saas_two_about_section .s2-about_text_icon .s2-about_text h3 {
    font-size: 26px;
  }
}
@media screen and (max-width: 320px) {
  .saas_two_banner_section .s2-banner_content h1 {
    font-size: 34px;
  }

  .saas_two_section_title h2 {
    font-size: 26px;
  }

  .saas_two_about_section .s2-about_text_icon .s2-about_text h3 {
    font-size: 24px;
  }
}
/*---------------------------------------------------- */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
.str-team-section .str-team-member-item {
  padding-top: 30px;
}
.str-team-section .str-team-member-item .owl-nav .owl-prev, .str-portfolio-section .str-portfolio-area .owl-nav .owl-prev,
.str-team-section .str-team-member-item .owl-nav .owl-next,
.str-portfolio-section .str-portfolio-area .owl-nav .owl-next {
  top: 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  line-height: 40px;
  text-align: center;
  position: absolute;
  border-radius: 100%;
  background-color: #d5dbe6;
  transform: translateY(-50%);
  transition: 0.3s all ease-in-out;
}

.str-team-section .str-team-member-item .owl-nav .owl-prev:hover, .str-portfolio-section .str-portfolio-area .owl-nav .owl-prev:hover,
.str-team-section .str-team-member-item .owl-nav .owl-next:hover,
.str-portfolio-section .str-portfolio-area .owl-nav .owl-next:hover {
  color: #fff;
  background-color: #4de3ef;
}

.str-team-section .str-team-member-item .owl-nav .owl-next, .str-portfolio-section .str-portfolio-area .owl-nav .owl-next {
  right: -20px;
}

.str-team-section .str-team-member-item .owl-nav .owl-prev, .str-portfolio-section .str-portfolio-area .owl-nav .owl-prev {
  left: -20px;
}
@keyframes borderpls {
  0% {
    box-shadow: 0 0 0 0 #082680;
  }
  70% {
    box-shadow: 0 0 0 30px #082680;
    opacity: 0;
  }
  to {
    box-shadow: 0 0 0 0 #082680;
    opacity: 0;
  }
}
@keyframes borderpls2 {
  0% {
    box-shadow: 0 0 0 0 #082680;
  }
  70% {
    box-shadow: 0 0 0 10px #082680;
    opacity: 0;
  }
  to {
    box-shadow: 0 0 0 0 #082680;
    opacity: 0;
  }
}
@keyframes fadeFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeFromRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeFromUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeFromUp {
  animation-name: fadeFromUp;
}

.fadeFromRight {
  animation-name: fadeFromRight;
}

.fadeFromLeft {
  animation-name: fadeFromLeft;
}

/*global area*/
/*----------------------------------------------------*/
.str-home {
  margin: 0;
  padding: 0;
  color: #494949;
  font-size: 16px;
  overflow-x: hidden;
  line-height: 1.625;
  font-family: "Roboto";
  -moz-osx-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

.str-preloader {
  background-color: #fff;
  background: #fff url("../img/startup/pre.svg") no-repeat center center;
}

.decoration-wrapper {
  overflow: hidden;
  position: relative;
}
@keyframes zooming {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.05, 1.05);
  }
  100% {
    transform: scale(1, 1);
  }
}
.zooming {
  animation: zooming 18s infinite both;
}

.str-headline h1,
.str-headline h2,
.str-headline h3,
.str-headline h4,
.str-headline h5,
.str-headline h6 {
  margin: 0;
  font-family: "Poppins";
}

.str-section-title {
  max-width: 530px;
  margin: 0 auto;
}

.str-section-title .str-title-tag {
  color: #53117f;
  font-size: 18px;
  font-weight: 500;
}

.str-section-title h2 {
  color: #010101;
  font-size: 40px;
  font-weight: 700;
  position: relative;
  padding: 25px 0px 0px;
}

.str-section-title h2:before {
  left: 0;
  right: 0;
  top: 13px;
  height: 3px;
  width: 42px;
  /*content: "";*/
  margin: 0 auto;
  position: absolute;
  background-image: linear-gradient(125deg, #6407c1 0%, #324add 49%, #008df9 100%);
}

.str-section-title.str-title-left h2:before {
  right: auto;
}

.str-scrollup {
  width: 55px;
  right: 20px;
  z-index: 5;
  height: 55px;
  bottom: 20px;
  display: none;
  position: fixed;
  border-radius: 100%;
  line-height: 55px;
  background-color: #6e24c8;
}

.str-scrollup i {
  color: #fff;
  font-size: 20px;
}

/*---------------------------------------------------- */
/*header area*/
/*----------------------------------------------------*/
.str-main-header {
  width: 100%;
  z-index: 9;
  padding-top: 22px;
  position: absolute;
}

.str-main-header .str-header-top .str-social a {
  color: #fff;
  margin-left: 10px;
  transition: 0.3s all ease-in-out;
}

.str-main-header .str-header-top .str-social a:hover {
  color: #6e24c8;
}

.str-main-header .str-header-top .str-language {
  padding: 0px 20px 0px 60px;
  position: relative;
}

.str-main-header .str-header-top .str-language:after {
  top: 0;
  right: 0;
  color: #fff;
  content: "";
  font-weight: 900;
  position: absolute;
  font-family: "Font Awesome 5 Free";
}

.str-main-header .str-header-top .str-language:before {
  top: 2px;
  left: 28px;
  width: 2px;
  content: "";
  height: 20px;
  position: absolute;
  background-color: #cfcfcf;
}

.str-main-header .str-header-top .str-language a {
  color: #fff;
  font-size: 13px;
}

.str-main-header .str-header-top .str-language a img {
  margin-right: 8px;
}

.str-main-header .str-header-top .str-language ul {
  top: 50px;
  opacity: 0;
  z-index: 5;
  width: 120px;
  visibility: hidden;
  position: absolute;
  padding-bottom: 5px;
  background-color: #010101;
  transition: 0.3s all ease-in-out;
}

.str-main-header .str-header-top .str-language ul li a {
  display: block;
  padding: 5px 15px 3px;
  border-bottom: 1px solid #5a5a5a;
}

.str-main-header .str-header-top .str-language ul li:last-child a {
  border-bottom: none;
}

.str-main-header .str-header-top .str-language:hover ul {
  top: 35px;
  opacity: 1;
  visibility: visible;
}

.str-main-header .str-main-menu {
  margin-top: 18px;
}

.str-main-header .str-main-menu-item .navbar-nav {
  display: inherit;
}

.str-main-header .str-main-menu-item .str-main-navigation {
  background-color: #010004;
}

.str-main-header .str-main-menu-item .str-main-navigation li a {
  z-index: 1;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  padding: 14px 40px;
  font-family: "Poppins";
  display: inline-block;
}

.str-main-header .str-main-menu-item .str-main-navigation li a:after {
  top: 0;
  right: 0;
  left: auto;
  width: 0;
  content: "";
  z-index: -1;
  height: 100%;
  position: absolute;
  transition: 0.5s all ease-in-out;
  background-image: linear-gradient(125deg, #6407c1 0%, #324add 49%, #008df9 100%);
}

.str-main-header .str-main-menu-item .str-main-navigation li a.active:after,
.str-main-header .str-main-menu-item .str-main-navigation li a:hover:after {
  left: 0;
  width: 100%;
  right: auto;
}

.str-main-header .str-main-menu-item .str-main-navigation .dropdown {
  position: relative;
}

.str-main-header .str-main-menu-item .str-main-navigation .dropdown:after {
  top: 18px;
  color: #fff;
  right: 24px;
  font-size: 10px;
  content: "";
  font-weight: 900;
  position: absolute;
  transition: 0.3s all ease-in-out;
  font-family: "Font Awesome 5 Free";
}

.str-main-header .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu {
  top: 50px;
  left: -20px;
  opacity: 0;
  z-index: 2;
  margin: 0px;
  padding: 0px;
  height: auto;
  width: 200px;
  border: none;
  display: block;
  overflow: hidden;
  border-radius: 0;
  visibility: hidden;
  position: absolute;
  background-color: #fff;
  transition: all 0.4s ease-in-out;
  box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1);
}

.str-main-header .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu li {
  width: 100%;
  margin-left: 0;
  border-bottom: 1px solid #e5e5e5;
}

.str-main-header .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu li a {
  width: 100%;
  color: #343434;
  display: block;
  font-size: 14px;
  padding: 10px 25px;
  position: relative;
  transition: 0.3s all ease-in-out;
}

.str-main-header .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu li a:before {
  display: none;
}

.str-main-header .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu li a:after {
  left: 10px;
  top: 18px;
  width: 8px;
  height: 8px;
  content: "";
  position: absolute;
  border-radius: 100%;
  transform: scale(0);
  background-image: none;
  background-color: #4de3ef;
  transition: 0.3s all ease-in-out;
}

.str-main-header .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu li a:hover {
  background-color: #6e24c8;
  color: #fff;
}

.str-main-header .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu li a:hover:after {
  transform: scale(1);
}

.str-main-header .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu li:last-child {
  border-bottom: none;
}

.str-main-header .str-main-menu-item .str-main-navigation .dropdown:hover .dropdown-menu {
  left: 0;
  opacity: 1;
  visibility: visible;
}

.str-sticky-menu {
  top: -40px;
  z-index: 9;
  position: fixed;
  padding: 10px 0px 15px;
  background-color: #010101;
  animation-duration: 0.7s;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-timing-function: ease;
  transition: 0.3s all ease-in-out;
}

.str-main-header.str-sticky-menu .str-main-menu-item .str-main-navigation .dropdown .dropdown-menu {
  top: 55px;
}

/*---------------------------------------------------- */
/*banner area*/
/*----------------------------------------------------*/
.str-banner-slide-area {
  padding: 280px 0px 250px;
}

.str-banner-slide-area .owl-nav .owl-next,
.str-banner-slide-area .owl-nav .owl-prev {
  top: 50%;
  opacity: 0;
  width: 60px;
  height: 60px;
  font-size: 20px;
  cursor: pointer;
  line-height: 60px;
  text-align: center;
  position: absolute;
  border-radius: 100%;
  transform: translateY(-50%);
  background-color: #d5dbe6;
  transition: 0.5s all ease-in-out;
}

.str-banner-slide-area .owl-nav .owl-next:hover,
.str-banner-slide-area .owl-nav .owl-prev:hover {
  color: #fff;
  background-color: #6e24c8;
}

.str-banner-slide-area .owl-nav .owl-prev {
  left: -200px;
}

.str-banner-slide-area .owl-nav .owl-next {
  right: -200px;
}

.str-banner-slide-area .str-banner-content {
  max-width: 765px;
}

.str-banner-slide-area .str-banner-content h1 {
  color: #fff;
  font-size: 70px;
  font-weight: 700;
  position: relative;
  padding-bottom: 70px;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: all 1000ms ease;
}

.str-banner-slide-area .str-banner-content h1:after {
  left: 0px;
  bottom: 35px;
  height: 5px;
  width: 92px;
  content: "";
  position: absolute;
  background-image: linear-gradient(125deg, #6407c1 0%, #324add 49%, #008df9 100%);
}

.str-banner-slide-area .str-banner-content p {
  opacity: 0;
  color: #fff;
  font-size: 18px;
  max-width: 630px;
  padding-bottom: 40px;
  transform: scaleY(0);
  transform-origin: top;
  transition: all 1000ms ease;
}

.str-banner-slide-area .str-banner-content a {
  height: 60px;
  width: 180px;
  color: #fff;
  font-weight: 700;
  line-height: 60px;
  border-radius: 40px;
  opacity: 0;
  font-family: "Poppins";
  position: relative;
  transform: scaleY(0);
  transform-origin: top;
  overflow: hidden;
  z-index: 1;
  background-color: #028bf8;
  transition: all 1000ms ease;
}

.str-banner-slide-area .str-banner-content a i {
  width: 38px;
  color: #fff;
  height: 38px;
  margin-right: 5px;
  line-height: 38px;
  border-radius: 100%;
  display: inline-block;
  background-color: #6e24c8;
  transition: 0.3s all ease-in-out;
}

.str-banner-slide-area .str-banner-content a:after {
  content: "";
  height: 100%;
  top: -100%;
  left: 0;
  width: 100%;
  z-index: -1;
  position: absolute;
  background-color: #6e24c8;
  transition: 0.3s all ease-in-out;
}

.str-banner-slide-area .str-banner-content a:hover:after {
  top: 0;
}

.str-banner-slide-area .str-banner-content a:hover i {
  background-color: #028bf8;
}

.str-banner-slide-area .owl-item.active .str-banner-content h1 {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 300ms;
}

.str-banner-slide-area .owl-item.active .str-banner-content p {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 600ms;
}

.str-banner-slide-area .owl-item.active .str-banner-content a {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 900ms;
}

.str-banner-section:hover .owl-prev {
  left: -150px;
  opacity: 1;
}

.str-banner-section:hover .owl-next {
  right: -150px;
  opacity: 1;
}

/*---------------------------------------------------- */
/*feature area*/
/*----------------------------------------------------*/
.str-feature-section {
  padding: 50px 0px 110px;
}

.str-feature-section .str-feature-icon-text {
  z-index: 1;
  overflow: hidden;
  padding: 40px 0px;
  position: relative;
  border-radius: 130px;
  transition: 0.3s all ease-in-out;
  box-shadow: 0px 11px 54px 0px rgba(13, 0, 30, 0.2);
}

.str-feature-section .str-feature-icon-text .str-feature-icon {
  width: 125px;
  height: 125px;
  margin: 0 auto;
  line-height: 125px;
  margin-bottom: 18px;
  border-radius: 100%;
  transition: 0.3s all ease-in-out;
  background-image: linear-gradient(125deg, #efe7f9 0%, #eaedfc 49%, #e5f3fe 100%);
}

.str-feature-section .str-feature-icon-text .str-feature-icon img {
  width: initial;
  margin: 0 auto;
  display: initial;
  text-align: center;
}

.str-feature-section .str-feature-icon-text .str-feature-text h3 {
  color: #010101;
  font-size: 22px;
  font-weight: 700;
  position: relative;
  padding-bottom: 35px;
  transition: 0.3s all ease-in-out;
}

.str-feature-section .str-feature-icon-text .str-feature-text h3:before {
  left: 0;
  right: 0;
  content: "";
  width: 10px;
  bottom: 15px;
  height: 10px;
  margin: 0 auto;
  position: absolute;
  border-radius: 100%;
  background-color: #2786f1;
}

.str-feature-section .str-feature-icon-text .str-feature-text .str-feature-list {
  text-align: left;
  padding-left: 80px;
  padding-bottom: 10px;
}

.str-feature-section .str-feature-icon-text .str-feature-text .str-feature-list li {
  margin-bottom: 3px;
  position: relative;
  transition: 0.3s all ease-in-out;
}

.str-feature-section .str-feature-icon-text .str-feature-text .str-feature-list li:before {
  top: 3px;
  left: -20px;
  font-size: 12px;
  content: "";
  font-weight: 900;
  position: absolute;
  transition: 0.3s all ease-in-out;
  font-family: "Font Awesome 5 Free";
}

.str-feature-section .str-feature-icon-text:after, .str-feature-section .str-feature-icon-text:before {
  opacity: 0;
  width: 400px;
  z-index: -1;
  content: "";
  height: 360px;
  position: absolute;
  background-repeat: no-repeat;
  transition: 0.5s all ease-in-out;
}

.str-feature-section .str-feature-icon-text:after {
  bottom: 0;
  left: -130px;
  z-index: -1;
  background-image: url(../img/startup/shape/fs1.png);
  transition-delay: 0.3s;
}

.str-feature-section .str-feature-icon-text:before {
  z-index: -2;
  bottom: -70px;
  left: -120px;
  background-image: url(../img/startup/shape/fs2.png);
}

.str-feature-section .str-feature-icon-text:hover {
  background-color: #010004;
}

.str-feature-section .str-feature-icon-text:hover .str-feature-icon {
  background-color: #fff;
}

.str-feature-section .str-feature-icon-text:hover:after {
  opacity: 1;
  left: -90px;
}

.str-feature-section .str-feature-icon-text:hover:before {
  left: -95px;
  opacity: 1;
}

.str-feature-section .str-feature-icon-text:hover h3 {
  color: #fff;
}

.str-feature-section .str-feature-icon-text:hover h3:before {
  background-color: #fff;
}

.str-feature-section .str-feature-icon-text:hover li {
  color: #fff;
}

.str-feature-section .str-feature-icon-text:hover li:before {
  color: #fff;
}

.str-feature-section .str-feature-content {
  margin-top: 50px;
}

.str-feature-section .str-feature-content .owl-nav .owl-prev,
.str-feature-section .str-feature-content .owl-nav .owl-next {
  top: 50%;
  width: 40px;
  height: 40px;
  font-size: 18px;
  cursor: pointer;
  line-height: 40px;
  position: absolute;
  text-align: center;
  border-radius: 100%;
  background-color: #bfdafa;
  transform: translateY(-50%);
  transition: 0.3s all ease-in-out;
}

.str-feature-section .str-feature-content .owl-nav .owl-prev:hover,
.str-feature-section .str-feature-content .owl-nav .owl-next:hover {
  color: #fff;
  background-color: #6e24c8;
}

.str-feature-section .str-feature-content .owl-nav .owl-prev {
  left: -20px;
}

.str-feature-section .str-feature-content .owl-nav .owl-next {
  right: -20px;
}

.str-feature-section .str-feature-content .owl-stage-outer {
  overflow: visible;
}

.str-feature-section .str-feature-content .owl-stage-outer .owl-item {
  opacity: 0;
  transition: opacity 500ms;
}

.str-feature-section .str-feature-content .owl-stage-outer .owl-item.active {
  opacity: 1;
}

.str-feature-section .str-feature-content .owl-stage-outer:nth-child(1) .owl-item .str-feature-text h3:before {
  background-color: #2786f1;
}

.str-feature-section .str-feature-content .owl-stage-outer:nth-child(2) .owl-item .str-feature-text h3:before {
  background-color: #6e27ca;
}

.str-feature-section .str-feature-content .owl-stage-outer:nth-child(3) .owl-item .str-feature-text h3:before {
  background-color: #43d3e8;
}

.str-feature-section .str-feature-content .owl-stage-outer:nth-child(4) .owl-item .str-feature-text h3:before {
  background-color: #00b17f;
}

.str-feature-box {
  position: relative;
}

.str-feature-box .str-hover-icon {
  top: 10px;
  right: 5px;
  z-index: 3;
  width: 55px;
  color: #fff;
  height: 55px;
  line-height: 50px;
  position: absolute;
  border-radius: 100%;
  border: 3px solid #fff;
  transform: scale(0);
  transition: 0.3s all ease-in-out;
  background-image: linear-gradient(-30deg, #008df9 0%, #6006b3 100%);
}

.str-feature-box:hover .str-hover-icon {
  transform: scale(1);
}

/*---------------------------------------------------- */
/*abiut area*/
/*----------------------------------------------------*/
.str-about-section {
  background-color: #edf2f9;
  padding: 115px 0px 110px;
}

.str-about-section .str-aboutbg1 {
  top: -20%;
  left: 0;
}

.str-about-section .str-aboutbg2 {
  top: 20%;
  right: -5%;
}

.str-about-section .str-aboutbg3 {
  bottom: -10%;
  left: -10%;
}

.str-about-section .str-about-content .str-section-title {
  padding-bottom: 25px;
}

.str-about-section .str-about-content .str-about-textarea {
  color: #010101;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.647;
  padding-bottom: 25px;
}

.str-about-section .str-about-content .str-about-list {
  padding: 25px 0px 22px;
}

.str-about-section .str-about-content .str-about-list li {
  color: #000000;
  position: relative;
  margin-bottom: 5px;
  padding-left: 25px;
}

.str-about-section .str-about-content .str-about-list li:before {
  top: 0;
  left: 0;
  color: #6e24c8;
  content: "";
  font-weight: 900;
  position: absolute;
  font-family: "Font Awesome 5 Free";
}

.str-about-section .str-about-content .str-about-img {
  display: flex;
  margin-left: 50px;
}

.str-about-section .str-about-content .str-about-img .str-about-shape {
  right: 0;
  top: 40%;
  position: absolute;
  transform: translateY(-50%);
}

.str-about-section .str-about-content .str-about-img .str-about-logo {
  top: 50%;
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
  transform: translateY(-50%);
}

.str-about-section .str-about-content .str-about-img .str-about-img-field {
  width: 50%;
}

.str-about-section .str-about-content .str-about-img .str-about-pic {
  margin: 5px;
  display: inline-block;
}

.str-about-section .str-about-content .str-progress-area {
  margin-top: 20px;
  max-width: 290px;
}

.str-about-section .str-about-content .str-progress-area h3 {
  color: #17161a;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 5px;
}

.str-about-section .str-about-content .str-progress-area .barfiller {
  width: 100%;
  height: 12px;
  background: #ebebeb;
  position: relative;
  margin-bottom: 16px;
}

.str-about-section .str-about-content .str-progress-area .barfiller .fill {
  display: block;
  position: relative;
  width: 0px;
  height: 100%;
  z-index: 1;
  background-image: linear-gradient(125deg, #6407c1 0%, #324add 49%, #008df9 100%) !important;
}

.str-about-section .str-about-content .str-progress-area .barfiller .tipWrap {
  display: none;
}

.str-about-section .str-about-content .str-progress-area .barfiller .tip {
  left: 0px;
  z-index: 2;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 4px;
  background: #333;
  margin-top: -30px;
  position: absolute;
  font-family: "Poppins";
}

.str-about-section .str-about-content .str-progress-area .barfiller .tip:after {
  left: 9px;
  z-index: 9;
  content: "";
  bottom: -4px;
  border: solid;
  display: block;
  position: absolute;
  border-width: 6px 6px 0 6px;
  border-color: rgba(0, 0, 0, 0.8) transparent;
}

.str-about-section .str-about-feature-box {
  border-radius: 5px;
  padding: 25px 30px;
}

.str-about-section .str-about-feature-box .str-about-feature-icon {
  width: 85px;
  height: 85px;
  line-height: 85px;
  margin-right: 25px;
  border-radius: 100%;
}

.str-about-section .str-about-feature-box .str-about-feature-icon i {
  color: #fff;
  font-size: 45px;
}

.str-about-section .str-about-feature-box .str-about-feature-text h3 {
  color: #fff;
  font-size: 24px;
  margin-top: 14px;
  font-weight: 500;
  line-height: 1.333;
}

.str-about-section .str-about-feature-area {
  padding-top: 75px;
}

.str-about-section .str-about-feature-area .col-lg-4:nth-child(1) .str-about-feature-box {
  background-image: linear-gradient(90deg, #3a006c 1%, #510498 49%, #6807c3 100%);
}

.str-about-section .str-about-feature-area .col-lg-4:nth-child(1) .str-about-feature-icon {
  background-color: #683992;
}

.str-about-section .str-about-feature-area .col-lg-4:nth-child(2) .str-about-feature-box {
  background-image: linear-gradient(90deg, #6006b3 1%, #3317b4 49%, #0627b5 100%);
}

.str-about-section .str-about-feature-area .col-lg-4:nth-child(2) .str-about-feature-icon {
  background-color: #7a40c4;
}

.str-about-section .str-about-feature-area .col-lg-4:nth-child(3) .str-about-feature-box {
  background-image: linear-gradient(90deg, #1422b5 1%, #0c57da 49%, #048cff 100%);
}

.str-about-section .str-about-feature-area .col-lg-4:nth-child(3) .str-about-feature-icon {
  background-color: #4464d2;
}

.str-btn {
  font-size: 15px;
  font-weight: 700;
  position: relative;
  font-family: "Poppins";
}

.str-btn i {
  color: #6e24c8;
  margin-left: 5px;
  transition: 0.3s all ease-in-out;
}

.str-btn:before {
  bottom: -1px;
  content: "";
  height: 2px;
  width: 112px;
  position: absolute;
  background-color: #161616;
}

.str-btn:hover i {
  margin-left: 10px;
}

/*---------------------------------------------------- */
/*abiut area*/
/*----------------------------------------------------*/
@keyframes rotate-anim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.str-work-process-section {
  padding: 90px 0 0;
}

.str-work-process-section .str-work-icon-text .str-work-icon {
  width: 155px;
  height: 155px;
  margin: 0 auto;
  position: relative;
  line-height: 155px;
  margin-bottom: 45px;
  border-radius: 100%;
  border: 2px solid #d7e7fd;
}

.str-work-process-section .str-work-icon-text .str-work-icon i {
  color: #444444;
  font-size: 45px;
}
    .str-work-process-section .str-work-icon-text .str-work-icon img{
        width:50%;
    }
    .str-work-process-section .str-work-icon-text .str-work-icon .str-icon-border {
        top: -10px;
        left: -10px;
        width: 170px;
        height: 170px;
        position: absolute;
        border-radius: 100%;
        border: 15px solid #4ae0f0;
        border-right-color: transparent;
        animation-duration: 1500ms;
        animation: rotate-anim 3s infinite linear;
        animation-play-state: paused;
    }

    .str-work-process-section .str-work-icon-text .str-work-icon .str-icon-border .work-circle-shape {
        content: "";
        height: 35px;
        width: 35px;
        right: -25px;
        top: 50px;
        position: absolute;
        border-radius: 100%;
        background-image: linear-gradient(-30deg, #54e8ec 0%, #33cefa 100%);
        box-shadow: -1.045px 9.945px 16px 0px rgba(52, 207, 251, 0.4);
        color: #fff;
        line-height: 35px;
        font-size: 1.3rem;
        text-shadow: 1px 1px 3px #000;
    }

.str-work-process-section .str-work-icon-text .str-work-icon .icon-inner-shadow {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 100%;
  box-shadow: -1.045px 9.945px 16px 0px rgba(52, 207, 251, 0.4);
}

.str-work-process-section .str-work-icon-text:hover .str-icon-border {
  animation-play-state: running;
}

.str-work-process-section .str-work-icon-text .str-work-text h3 {
  color: #010101;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 15px;
}

.str-work-process-section .str-work-icon-text .str-work-text p {
  margin: 0 auto;
  max-width: 200px;
  padding-bottom: 5px;
}

.str-work-process-section .str-work-icon-text .str-work-text .str-btn {
  transition: 0.3s all ease-in-out;
}

.str-work-process-section .str-work-icon-text .str-work-text .str-btn i {
  color: #494949;
  margin-left: 0;
}

.str-work-process-section .str-work-icon-text .str-work-text .str-btn:hover {
  color: #6e24c8;
}

.str-work-process-section .str-work-icon-text .str-work-text .str-btn:hover i {
  margin-left: 5px;
  color: #6e24c8;
}

.str-work-process-section .str-work-icon-text .str-work-text .str-btn:before {
  width: 100%;
  height: 1px;
}

.str-work-process-section .str-work-process-content {
  padding-top: 75px;
}

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(2) .str-work-icon-text {
  position: relative;
}

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(2) .str-work-icon-text:before {
  top: 70px;
  left: -50px;
  content: "";
  width: 70px;
  height: 20px;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url(../img/app-landing/shape/rv1.png);
}

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(2) .str-work-icon-text .icon-inner-shadow {
  display: none;
}

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(2) .str-work-icon-text .str-icon-border {
  border: 15px solid #0095ff;
  border-right-color: transparent;
}

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(2) .str-work-icon-text .work-circle-shape {
  box-shadow: -1.045px 9.945px 16px 0px rgba(0, 122, 255, 0.4);
  background-image: linear-gradient(-30deg, #00bdff 0%, #007aff 100%);
}

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(3) .str-work-icon-text {
  position: relative;
}

    .str-work-process-section .str-work-process-content .col-lg-4:nth-child(3) .str-work-icon-text:before {
        top: 70px;
        left: -50px;
        content: "";
        width: 70px;
        height: 20px;
        position: absolute;
        background-repeat: no-repeat;
        background-image: url(../img/app-landing/shape/rv2.png);
    }

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(3) .str-work-icon-text .icon-inner-shadow {
  display: none;
}

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(3) .str-work-icon-text .str-icon-border {
  border: 15px solid #590fb8;
  border-right-color: transparent;
}

.str-work-process-section .str-work-process-content .col-lg-4:nth-child(3) .str-work-icon-text .work-circle-shape {
  box-shadow: none;
  background-image: linear-gradient(176deg, #008df9 0%, #324add 49%, #6407c1 100%);
}
    .str-work-process-section .str-work-process-content .flex-md-row-reverse .col-lg-4:nth-child(3) .str-work-icon-text:before {
        top: -50px;
        left: -20px;
        transform: rotate(-90deg);
        width: 70px;
        height: 20px;
        position: absolute;
        background-repeat: no-repeat;
        background-image: url(../img/app-landing/shape/rv2.png);
    }
    .str-work-process-section .str-work-process-content .flex-md-row-reverse .col-lg-4:nth-child(2) .str-work-icon-text:before {
    transform:rotate(180deg);
    }
    .str-work-process-section .str-work-process-content .flex-md-row-reverse .col-lg-4:nth-child(2) .str-work-icon-text:after {
        content:"";
        top: 70px;
        right: -20px;
        transform: rotate(180deg);
        width: 70px;
        height: 20px;
        position: absolute;
        background-repeat: no-repeat;
        background-image: url(../img/app-landing/shape/rv2.png);
    }
    .str-work-process-section .str-work-process-content .flex-md-row-reverse .col-lg-4:nth-child(1) .str-work-icon-text:before {
        content:"";
        top: -40px;
        right: -20px;
        transform: rotate(-90deg) scaleX(-1);
        width: 70px;
        height: 20px;
        position: absolute;
        background-repeat: no-repeat;
        background-image: url(../img/app-landing/shape/rv1.png);
    }
        .str-work-process-section .str-work-process-content .flex-md-row-reverse .col-lg-4:nth-child(1) .str-work-icon-text .str-icon-border {
        border: 15px solid #6e24c8;
        border-right-color: transparent;
    }

    .str-work-process-section .str-work-process-content .flex-md-row-reverse .col-lg-4:nth-child(1) .str-work-icon-text .work-circle-shape {
        box-shadow: -1.045px 9.945px 16px 0px rgba(0, 122, 255, 0.4);
        background-image: linear-gradient(-30deg, #6e24c8 0%, #6c2b95 100%);
    }
    .str-work-process-section .str-work-process-content .flex-md-row-reverse .col-lg-4:nth-child(2) .str-work-icon-text .str-icon-border {
        border: 15px solid #7c77b7;
        border-right-color: transparent;
    }

    .str-work-process-section .str-work-process-content .flex-md-row-reverse .col-lg-4:nth-child(2) .str-work-icon-text .work-circle-shape {
        box-shadow: -1.045px 9.945px 16px 0px rgba(0, 122, 255, 0.4);
        background-image: linear-gradient(-30deg, #7c77b7 0%, #6407c1 100%);
    }
    .str-work-process-section .str-work-process-content .flex-md-row-reverse .col-lg-4:nth-child(3) .str-work-icon-text .str-icon-border {
        border: 15px solid #ff00d6;
        border-right-color: transparent;
    }

    .str-work-process-section .str-work-process-content .flex-md-row-reverse .col-lg-4:nth-child(3) .str-work-icon-text .work-circle-shape {
        box-shadow: -1.045px 9.945px 16px 0px rgba(0, 122, 255, 0.4);
        background-image: linear-gradient(-30deg, #ff00d6 0%, #6407c1 100%);
    }
/*---------------------------------------------------- */
/*abiut area*/
/*----------------------------------------------------*/
.str-portfolio-section:after {
  left: 0;
  top: 60px;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #edf2f9;
}

.str-portfolio-section .str-port-img-text {
  overflow: hidden;
  position: relative;
}

.str-portfolio-section .str-port-img-text:after {
  top: 85px;
  opacity: 0;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  transition: 0.3s all ease-in-out;
  background: gradient(linear, left top, left bottom, from(#a0843b), color-stop(75%, #a0843b));
  background: linear-gradient(to bottom, rgba(21, 37, 65, 0) 0%, rgba(105, 36, 245, 0.79) 75%, rgba(36, 151, 245, 0.79) 100%);
}

.str-portfolio-section .str-port-img-text .str-port-text {
  left: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
  bottom: 0px;
  position: absolute;
  transition: 0.3s all ease-in-out;
  transition-delay: 0.3s;
}

.str-portfolio-section .str-port-img-text .str-port-text h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 5px;
}

.str-portfolio-section .str-port-img-text .str-port-text span {
  color: #fff;
}

.str-portfolio-section .str-port-img-text .str-port-text .str-port-popup {
  color: #fff;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  font-size: 14px;
  margin-top: 8px;
  line-height: 40px;
  border-radius: 100%;
  background-image: linear-gradient(-30deg, #00bdff 0%, #007aff 100%);
}

.str-portfolio-section .str-portfolio-area .owl-item.active.center .str-port-img-text:after {
  top: 0;
  opacity: 1;
}

.str-portfolio-section .str-portfolio-area .owl-item.active.center .str-port-img-text .str-port-text {
  opacity: 1;
  bottom: 20px;
}

/*---------------------------------------------------- */
/*abiut area*/
/*----------------------------------------------------*/
.str-testimonial_section {
  z-index: 1;
  position: relative;
  background-color: #edf2f9;
  padding: 105px 0px 100px 0px;
}

.str-testimonial_section .str-tst-vector {
  bottom: 0;
  right: 0;
  z-index: -1;
  position: absolute;
}

.str-testimonial_section .carousel_preview .str-section-title h2 {
  padding-bottom: 20px;
}

.str-testimonial_content {
  padding: 20px;
  display: inline-block;
}

.str-testimonial_content .str-testimonial_rating li {
  font-size: 14px;
  color: #f6b91c;
}

.str-testimonial_content .str-testimonial_text {
  z-index: 1;
  padding: 15px 0 25px;
  border-radius: 10px;
  border-bottom-left-radius: 0px;
  overflow: hidden;
}

.str-testimonial_content .str-testimonial_text h4 {
  color: #010101;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 20px;
}

.str-testimonial_name_designation .str-testimonial_img {
  height: 95px;
  width: 95px;
  border-radius: 100%;
  margin-right: 18px;
  overflow: hidden;
  border: 5px solid #fff;
}

.str-testimonial_name_designation .str-testimonial_meta {
  margin-top: 25px;
  display: inline-block;
}

.str-testimonial_name_designation .str-testimonial_meta h4 {
  color: #010101;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 5px;
}

.str-testimonial_name_designation .str-testimonial_meta p {
  font-size: 14px;
  color: #444444;
}

.str-testimonial_slider .carousel-control-prev,
.str-testimonial_slider .carousel-control-next {
  top: auto;
  left: 190px;
  bottom: 40px;
  font-size: 18px;
  color: #373a5b;
  width: 50px;
  height: 50px;
  opacity: 1;
  line-height: 58px;
  text-align: center;
  border-radius: 50px;
  font-weight: 700;
  display: inline-block;
  margin: 0px 15px 0px 0px;
  background-color: #fff;
  transition: all 300ms ease;
  box-shadow: 0px 7px 7px 0px rgba(0, 15, 44, 0.18);
}

.str-testimonial_slider .carousel-control-prev:before,
.str-testimonial_slider .carousel-control-next:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.str-testimonial_slider .carousel-control-prev:hover,
.str-testimonial_slider .carousel-control-next:hover {
  background-color: #000;
  color: #fff;
}

.str-testimonial_slider .carousel-control-prev {
  left: 120px;
}

.str-testimonial_slider .carousel-control-prev:before {
  content: "";
}

.carousel-indicators {
  position: static;
}

.str-testimonial_indicator {
  margin: 60px 20px 0 0;
  display: block;
  height: 510px;
  max-width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-image: url(../img/startup/testimonial/in-bg.png);
}

.str-testimonial_indicator .carousel-indicators li {
  position: absolute;
  width: 60px;
  height: 60px;
  text-align: center;
  color: #202120;
  border-radius: 50%;
  border: 5px solid #fff;
  overflow: hidden;
  transition: all 500ms ease;
  box-shadow: 0px 7px 6px 0px rgba(0, 15, 44, 0.19), inset -1px 0px 27px 0px rgba(0, 0, 0, 0.29);
}

.str-testimonial_indicator .carousel-indicators li img {
  display: block;
}

.str-testimonial_indicator .carousel-indicators li:nth-child(1) {
  bottom: 105px;
  right: 100px;
}

.str-testimonial_indicator .carousel-indicators li:nth-child(2) {
  left: 90px;
  bottom: 45px;
}

.str-testimonial_indicator .carousel-indicators li:nth-child(3) {
  top: 40%;
  left: 0px;
}

.str-testimonial_indicator .carousel-indicators li:nth-child(4) {
  top: 90px;
  left: 100px;
}

.str-testimonial_indicator .carousel-indicators li:nth-child(5) {
  top: 35%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.str-testimonial_indicator .carousel-indicators li:nth-child(6) {
  right: 120px;
  top: -30px;
}

.str-testimonial_indicator .active {
  transform: scale(1.5);
}

.str-testimonial_indicator-dot .carousel-indicators2 {
  right: 45px;
  bottom: 25px;
  position: absolute;
  justify-content: flex-end;
}

.str-testimonial_indicator-dot .carousel-indicators2 li {
  width: 25px;
  height: 25px;
  cursor: pointer;
  position: relative;
  display: inline-block;
}

.str-testimonial_indicator-dot .carousel-indicators2 li:before {
  content: "";
  width: 6px;
  height: 6px;
  left: 10px;
  top: 9px;
  position: absolute;
  background-color: #010101;
}

.str-testimonial_indicator-dot .carousel-indicators2 li:after {
  top: 0;
  left: 0;
  content: "";
  width: 25px;
  height: 25px;
  display: none;
  border-radius: 100%;
  border: 2px solid #010101;
  transition: 0.3s all ease-in-out;
}

.str-testimonial_indicator-dot .carousel-indicators2 li.active:after {
  display: block;
}

/*---------------------------------------------------- */
/*abiut area*/
/*----------------------------------------------------*/
.str-partner-section {
  padding: 50px 0px 65px;
}

.str-partner-area .owl-nav {
  display: none;
}

.str-partner-area .str-partner-img img {
  width: inherit;
  margin: 0 auto;
  filter: grayscale(1);
  transition: 0.3s all ease-in-out;
}

.str-partner-area .str-partner-img img:hover {
  filter: grayscale(0);
}

/*---------------------------------------------------- */
/*abiut area*/
/*----------------------------------------------------*/
.str-newslatter-content {
  z-index: 1;
  padding: 55px 0px;
}

.str-newslatter-content:before {
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.9;
  width: 100%;
  content: "";
  height: 100%;
  position: absolute;
  background-color: #b8c7e3;
}

.str-newslatter-content .str-mail-icon {
  top: 55%;
  left: 30px;
  transform: translateY(-50%);
}

.str-newslatter-content .str-newslatter-text h2 {
  color: #010101;
  font-size: 36px;
  font-weight: 700;
  padding-bottom: 15px;
}

.str-newslatter-content .str-newslatter-text p {
  color: #010101;
  margin: 0 auto;
  font-size: 18px;
  max-width: 510px;
  padding-bottom: 25px;
}

.str-newslatter-content .str-newslatter-form {
  margin: 0 auto;
  max-width: 660px;
}

.str-newslatter-content .str-newslatter-form input {
  width: 100%;
  height: 60px;
  border: none;
  max-width: 495px;
  padding-left: 30px;
  border-radius: 5px;
  box-shadow: 0px 6px 40px 0px rgba(5, 41, 140, 0.25);
}

.str-newslatter-content .str-newslatter-form .nws-button {
  top: 0;
  right: 0;
  position: absolute;
}

.str-newslatter-content .str-newslatter-form .nws-button button {
  color: #fff;
  width: 150px;
  height: 60px;
  border: none;
  font-weight: 700;
  border-radius: 5px;
  font-family: "Poppins";
  background-color: transparent;
  background-image: linear-gradient(125deg, #6407c1 0%, #324add 49%, #008df9 100%) !important;
  background-size: 200% auto;
  transition: 0.3s all ease-in-out;
}

.str-newslatter-content .str-newslatter-form .nws-button button:hover {
  background-position: right center;
  transition: 0.3s all ease-in-out;
}

/*---------------------------------------------------- */
/*team area*/
/*----------------------------------------------------*/
.str-team-section {
  padding: 105px 0px 80px;
}

.str-team-section .str-section-title {
  padding: 0 0 30px 80px;
}

.str-team-section .str-team-title-text {
  max-width: 540px;
  padding-top: 60px;
}

.str-team-section .str-team-member-item .owl-stage-outer {
  padding-bottom: 30px;
}

.str-team-section .str-team-member-item .owl-nav .owl-next,
.str-team-section .str-team-member-item .owl-nav .owl-prev {
  top: 40%;
  border: 2px solid #1d1b4c;
}

.str-team-section .str-team-member-item .owl-nav .owl-next:hover,
.str-team-section .str-team-member-item .owl-nav .owl-prev:hover {
  background-color: #1d1b4c;
}

.str-team-img-text {
  padding-bottom: 45px;
}

.str-team-img-text .str-team-text {
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 75px;
  max-width: 215px;
  overflow: hidden;
  padding: 12px 15px;
  position: absolute;
  background-color: #fff;
  transition: 0.3s all ease-in-out;
  box-shadow: -3.536px 3.536px 40px 0px rgba(29, 27, 76, 0.15);
}

.str-team-img-text .str-team-text h4 {
  color: #1d1b4c;
  font-size: 22px;
  font-weight: 700;
  transition: 0.3s all ease-in-out;
}

.str-team-img-text .str-team-text span {
  font-size: 15px;
  transition: 0.3s all ease-in-out;
  background-image: linear-gradient(125deg, #6407c1 0%, #324add 49%, #008df9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.str-team-img-text .str-team-text p {
  opacity: 0;
  color: #c1c1c6;
  font-size: 14px;
  visibility: hidden;
  padding: 5px 0px 10px;
  transform: translateY(10px);
  transition: 0.3s all ease-in;
  transition-delay: 0.3s;
}

.str-team-img-text .str-team-text .str-social-team {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: 0.4s all ease-in;
  transition-delay: 0.5s;
}

.str-team-img-text .str-team-text .str-social-team a {
  color: #5e6877;
  margin: 0px 7px;
  transition: 0.3s all ease-in-out;
}

.str-team-img-text .str-team-text .str-social-team a:hover {
  color: #fff;
}

.str-team-img-text:hover .str-team-text {
  height: 200px;
  background-color: #010101;
}

.str-team-img-text:hover .str-team-text p,
.str-team-img-text:hover .str-team-text .str-social-team {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.str-team-img-text:hover .str-team-text span {
  color: #148eff;
  -webkit-text-fill-color: inherit;
}

.str-team-img-text:hover .str-team-text h4 {
  color: #fff;
}

/*---------------------------------------------------- */
/*get in touch area*/
/*----------------------------------------------------*/
.str-get-in-touch-section {
  padding-bottom: 110px;
}

.str-get-in-touch-section .str-get-touch-icon-text {
  z-index: 1;
  width: 100%;
  padding: 15px;
  position: relative;
  display: inline-block;
  border: 1px solid #e9eaf6;
}

.str-get-in-touch-section .str-get-touch-icon-text:after {
  top: 0;
  left: auto;
  right: 0;
  width: 0%;
  z-index: -1;
  content: "";
  height: 100%;
  position: absolute;
  transition: 0.5s all ease-in-out;
  background-image: linear-gradient(90deg, #1422b5 1%, #0c57da 49%, #048cff 100%);
}

.str-get-in-touch-section .str-get-touch-icon-text .str-get-touch-icon {
  height: 72px;
  width: 70px;
  line-height: 70px;
  margin-right: 14px;
  background-color: #fff;
}

.str-get-in-touch-section .str-get-touch-icon-text .str-get-touch-text {
  padding-top: 10px;
}

.str-get-in-touch-section .str-get-touch-icon-text .str-get-touch-text h3 {
  color: #010101;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 3px;
  transition: 0.3s all ease-in-out;
}

.str-get-in-touch-section .str-get-touch-icon-text .str-get-touch-text span {
  color: #444444;
  font-size: 15px;
  transition: 0.3s all ease-in-out;
}

.str-get-in-touch-section .str-get-touch-icon-text:hover:after {
  left: 0;
  right: auto;
  width: 100%;
}

.str-get-in-touch-section .str-get-touch-icon-text:hover .str-get-touch-text h3, .str-get-in-touch-section .str-get-touch-icon-text:hover .str-get-touch-text span {
  color: #fff;
}
#iframemap {
  width: 100%;
  border: none;
}
.str-maplocation {
  top: 40%;
  left: 30%;
  z-index: 1;
  cursor: pointer;
  position: absolute;
  box-shadow: 0px 3px 6px 0px #082680;
}

.str-maplocation:hover .str-location-iiner {
  opacity: 1;
  visibility: visible;
}

.str-location-iiner {
  z-index: 1;
  width: 215px;
  top: -130px;
  left: -80px;
  padding: 15px;
  width: 180px;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
  position: absolute;
  background-color: #fff;
  transition: 0.4s all ease-in-out;
  box-shadow: 0px 0px 49px 0px rgba(2, 21, 78, 0.18);
}

.str-location-iiner:after {
  content: "";
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #fff;
}

.str-location-iiner .str-location-counter {
  margin-right: 10px;
}

.str-location-iiner h4 {
  color: #010101;
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 5px;
}

.str-location-iiner p {
  line-height: 1.2;
}

.str-feature-indicatior {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background-color: #082680;
}

.str-feature-indicatior .str-indicator-border1 {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  border-radius: inherit;
  color: inherit;
  box-shadow: 0 0 0 2px #082680;
  animation: borderpls 1.5s infinite cubic-bezier(0.4, 0, 1, 1) both;
}

/*---------------------------------------------------- */
/*get in touch area*/
/*----------------------------------------------------*/
.str-blog-section {
  padding: 90px 0px 100px;
}

.str-blog-section .str-team-title-text {
  padding-top: 40px;
}

.str-blog-section .str-blog-area {
  padding-top: 40px;
}

.str-blog-section .str-blog-img-text:before {
  left: 0;
  top: auto;
  z-index: 1;
  bottom: 0;
  width: 100%;
  content: "";
  opacity: 0.8;
  height: 0%;
  position: absolute;
  background-color: #000;
  transition: 0.4s all ease-in-out;
}

.str-blog-section .str-blog-img-text .str-blog-meta {
  top: 20px;
  right: 20px;
  width: 62px;
  z-index: 3;
  color: #fff;
  height: 62px;
  font-size: 20px;
  line-height: 1.1;
  font-weight: 700;
  border-radius: 4px;
  position: absolute;
  padding-top: 10px;
  font-family: "Poppins";
  background-image: linear-gradient(-30deg, #008df9 0%, #6006b3 100%);
  box-shadow: -1.045px 9.945px 16px 0px rgba(68, 46, 200, 0.4);
}

.str-blog-section .str-blog-img-text .str-blog-text {
  opacity: 0;
  left: 30px;
  bottom: 55px;
  z-index: 2;
  max-width: 280px;
  visibility: hidden;
  position: absolute;
  transition: 0.3s all ease-in-out;
  transition-delay: 0.3s;
}

.str-blog-section .str-blog-img-text .str-blog-text .str-post-meta {
  font-size: 14px;
  color: #dbe0e6;
}

.str-blog-section .str-blog-img-text .str-blog-text h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.455;
  padding: 2px 0px 20px;
}

.str-blog-section .str-blog-img-text .str-blog-text .str-read-more {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding-left: 70px;
  position: relative;
  font-family: "Poppins";
}

.str-blog-section .str-blog-img-text .str-blog-text .str-read-more:before {
  left: 0;
  top: -10px;
  width: 38px;
  content: "";
  height: 38px;
  position: absolute;
  transform: scale(0);
  background-color: #2786f1;
  transition: 0.5s all ease-in-out;
  transition-delay: 0.5s;
}

.str-blog-section .str-blog-img-text .str-blog-text .str-read-more:after {
  top: 10px;
  left: 20px;
  content: "";
  width: 0px;
  height: 1px;
  position: absolute;
  background-color: #fff;
  transition: 0.75s all ease-in-out;
  transition-delay: 0.7s;
}

.str-blog-section .str-blog-img-text:hover:before {
  top: 0;
  bottom: auto;
  height: 100%;
}

.str-blog-section .str-blog-img-text:hover .str-blog-text {
  opacity: 1;
  bottom: 35px;
  visibility: visible;
}

.str-blog-section .str-blog-img-text:hover .str-blog-text .str-read-more:before {
  transform: scale(1);
}

.str-blog-section .str-blog-img-text:hover .str-blog-text .str-read-more:after {
  width: 35px;
}

.str-blog-section .str-blog-area .owl-nav {
  display: none;
}

.str-blog-section .str-blog-area .owl-dots {
  margin-top: 30px;
  text-align: center;
}

.str-blog-section .str-blog-area .owl-dots .owl-dot {
  height: 6px;
  width: 6px;
  margin: 0px 8px;
  position: relative;
  display: inline-block;
  background-color: #010101;
}

.str-blog-section .str-blog-area .owl-dots .owl-dot:after {
  top: -10px;
  left: -10px;
  height: 26px;
  width: 26px;
  content: "";
  display: none;
  position: absolute;
  border-radius: 100%;
  border: 2px solid #010101;
}

.str-blog-section .str-blog-area .owl-dots .owl-dot.active:after {
  display: block;
}

/*---------------------------------------------------- */
/*Footer area*/
/*----------------------------------------------------*/
.str-footer-area .footer-content {
  padding-bottom: 80px;
}

.str-footer-area .footer-content .str-ft-about-widget p {
  line-height: 1.688;
  padding: 15px 0px 30px;
}

.str-footer-area .footer-content .str-ft-about-widget .ft-about-btn a {
  color: #fff;
  height: 35px;
  width: 100px;
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 35px;
  border-radius: 3px;
  text-align: center;
  font-family: "Poppins";
  box-shadow: -1.045px 9.945px 16px 0px rgba(68, 46, 200, 0.4);
  background-image: linear-gradient(-30deg, #008df9 0%, #6006b3 100%);
}

.str-footer-area .footer-content .str-footer-widget .str-widget-title {
  color: #080808;
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 25px;
}

.str-footer-area .footer-content .str-footer-widget .str-newslatter-widget p {
  font-size: 15px;
}

.str-footer-area .footer-content .str-footer-widget .str-newslatter-widget form {
  position: relative;
  margin-top: 25px;
}

.str-footer-area .footer-content .str-footer-widget .str-newslatter-widget input {
  width: 100%;
  border: none;
  height: 45px;
  padding: 0px 30px;
  background-color: #eeeeee;
}

.str-footer-area .footer-content .str-footer-widget .str-newslatter-widget button {
  top: 0;
  right: 0;
  width: 60px;
  color: #fff;
  height: 100%;
  border: none;
  position: absolute;
  background-color: #010101;
  transition: 0.3s all ease-in-out;
}

.str-footer-area .footer-content .str-footer-widget .str-newslatter-widget button:hover {
  background-color: #6e24c8;
}

.str-footer-area .footer-content .str-footer-widget .str-newslatter-widget .str-social-footer {
  margin-top: 20px;
}

.str-footer-area .footer-content .str-footer-widget .str-newslatter-widget .str-social-footer a {
  margin-right: 18px;
}

.str-footer-area .footer-content .str-footer-widget .str-newslatter-widget .str-social-footer a:nth-child(1) {
  color: #16599b;
}

.str-footer-area .footer-content .str-footer-widget .str-newslatter-widget .str-social-footer a:nth-child(2) {
  color: #03a9f4;
}

.str-footer-area .footer-content .str-footer-widget .str-newslatter-widget .str-social-footer a:nth-child(3) {
  color: #ed679b;
}

.str-footer-area .footer-content .str-footer-widget .str-newslatter-widget .str-social-footer a:nth-child(4) {
  color: #87b7ff;
}

.str-footer-area .footer-content .str-footer-widget .str-office-widget {
  padding-left: 10px;
}

.str-footer-area .footer-content .str-footer-widget .str-office-widget .str-office-icon-text {
  padding-bottom: 10px;
}

.str-footer-area .footer-content .str-footer-widget .str-office-widget .str-office-icon-text .str-office-icon {
  margin-right: 12px;
}

.str-footer-area .footer-content .str-footer-widget .str-office-widget .str-office-icon-text .str-office-icon i {
  text-shadow: -1.045px 9.945px 16px rgba(68, 46, 200, 0.4);
  background-image: linear-gradient(125deg, #6407c1 0%, #324add 49%, #008df9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.str-footer-area .footer-content .str-footer-widget .str-office-widget .str-office-icon-text p {
  max-width: 140px;
  font-size: 14px;
  overflow: hidden;
  line-height: 1.714;
}

.str-footer-area .footer-content .str-footer-widget .str-office-widget .str-open-hour span {
  color: #010101;
  font-size: 14px;
  font-weight: 700;
}

.str-footer-area .footer-content .str-footer-widget .str-office-widget .str-open-hour p {
  font-size: 14px;
  padding-top: 5px;
  max-width: 150px;
}

.str-footer-area .footer-content .str-footer-widget .str-insta-widget .str-insta-feed {
  margin: 0 -5px;
}

.str-footer-area .footer-content .str-footer-widget .str-insta-widget a {
  float: left;
  margin: 5px;
  position: relative;
}

.str-footer-area .footer-content .str-footer-widget .str-insta-widget a:after {
  top: 0;
  left: 0;
  opacity: 0;
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: #010101;
  transition: 0.3s all ease-in-out;
}

.str-footer-area .footer-content .str-footer-widget .str-insta-widget a:hover:after {
  opacity: 0.8;
}

.str-footer-area .str-copywright-text {
  color: #ffff;
  padding: 15px 0;
  font-size: 14px;
  font-family: "Poppins";
  background-color: #010101;
}

.str-footer-area .str-copywright-text a {
  color: #50a2ff;
}

/*---------------------------------------------------- */
/*mobile menu area*/
/*----------------------------------------------------*/
.str-mobile_menu_content {
  top: 0px;
  bottom: 0;
  right: -350px;
  height: 100vh;
  z-index: 101;
  position: fixed;
  width: 280px;
  overflow-y: scroll;
  background-color: #1c1c1c;
  padding: 40px 0px;
  transition: all 0.5s ease-in;
}

.str-mobile_menu_content .str-mobile-main-navigation {
  width: 100%;
}

.str-mobile_menu_content .str-mobile-main-navigation .navbar-nav {
  width: 100%;
}

.str-mobile_menu_content .navbar-nav .dropdown-menu {
  position: static !important;
  transform: none !important;
}

.str-mobile_menu_content .str-mobile-main-navigation .navbar-nav li {
  width: 100%;
  display: block;
  padding: 13px 15px 13px 0px;
  transition: 0.3s all ease-in-out;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
}

.str-mobile_menu_content .str-mobile-main-navigation .navbar-nav li a {
  color: #d5d5d5;
  padding: 0;
  width: 100%;
  display: block;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 30px 0px;
  text-transform: uppercase;
}

.str-mobile_menu_content .m-brand-logo {
  width: 160px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.str-mobile_menu_wrap.mobile_menu_on .str-mobile_menu_content {
  right: 0px;
  transition: all 0.7s ease-out;
}

.mobile_menu_overlay {
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  right: 0%;
  height: 120vh;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.75);
  transition: all 0.5s ease-in-out;
}

.mobile_menu_overlay_on {
  overflow: hidden;
}

.str-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
  opacity: 1;
  visibility: visible;
}

.str-mobile_menu_button {
  position: absolute;
  display: none;
  right: 0;
  cursor: pointer;
  line-height: 40px;
  color: #5805a6;
  text-align: center;
  font-size: 30px;
  top: -44px;
  z-index: 5;
}

.str-mobile_menu .str-mobile-main-navigation .navbar-nav li a:after {
  display: none;
}

.str-mobile_menu .str-mobile-main-navigation .dropdown > .dropdown-menu {
  opacity: 1;
  visibility: visible;
}

.str-mobile_menu .str-mobile_menu_content .str-mobile-main-navigation .navbar-nav .dropdown-menu {
  border: none;
  display: none;
  transition: none;
  box-shadow: none;
  padding: 5px 0px;
  width: 100%;
  background-color: transparent;
}

.str-mobile_menu .str-mobile_menu_content .str-mobile-main-navigation .navbar-nav .dropdown-menu li {
  border: none;
  padding: 0 20px;
  line-height: 1;
  margin-bottom: 5px;
}

.str-mobile_menu .dropdown {
  position: relative;
}

.str-mobile_menu .dropdown .dropdown-btn {
  position: absolute;
  right: 15px;
  top: 10px;
  text-align: center;
  line-height: 35px;
  background: none;
  color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 0px;
  padding: 0px;
  width: 36px;
  height: 35px;
}

.str-mobile_menu .str-mobile_menu_close {
  color: #d60606;
  cursor: pointer;
  top: 15px;
  height: 20px;
  width: 20px;
  left: 15px;
  font-size: 20px;
  position: absolute;
}

.str-main-header.str-sticky-menu .str-mobile_menu_content {
  top: 15px;
}

/*---------------------------------------------------- */
/*responsive area*/
/*----------------------------------------------------*/
@media screen and (max-width: 1024px) {
  .str-feature-section .str-feature-icon-text .str-feature-text .str-feature-list {
    padding-left: 50px;
  }

  .str-about-section .str-about-content .str-about-img .str-about-shape {
    display: none;
  }

  .str-about-section .str-about-feature-box {
    padding: 25px 15px;
  }

  .str-about-section .str-about-feature-box .str-about-feature-text h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 991px) {
  .str-mobile_menu_button {
    display: block;
  }

  .str-main-header .str-main-menu-item .str-main-navigation {
    display: none;
  }

  .str-header-top {
    display: none;
  }

  .str-sticky-menu {
    top: -15px;
  }
  .str-about-content {
    max-width: 530px;
    margin: 0 auto;
  }
  .str-section-title {
    margin: inherit;
  }
  .str-about-section .str-about-content .str-about-img {
    margin-left: 0;
    padding-top: 30px;
  }

  .str-about-section .str-about-feature-box {
    padding: 25px 30px;
    margin-bottom: 30px;
  }

  .str-about-section .str-about-feature-box .str-about-feature-text h3 {
    font-size: 24px;
  }

  .str-work-icon-text {
    margin-bottom: 40px;
  }

    .str-work-process-section .str-work-process-content .col-lg-4:nth-child(2) .str-work-icon-text:before,
    .str-work-process-section .str-work-process-content .col-lg-4:nth-child(3) .str-work-icon-text:before,
    .str-work-process-section .str-work-process-content .flex-md-row-reverse .col-lg-4:nth-child(1) .str-work-icon-text:before,
    .str-work-process-section .str-work-process-content .flex-md-row-reverse .col-lg-4:nth-child(2) .str-work-icon-text:after {
        display: none;
    }

  .str-team-section .str-section-title {
    padding-left: 0;
  }

  .str-team-section .str-team-title-text {
    padding: 30px 0px;
  }

  .str-get-in-touch-section .str-get-touch-icon-text {
    margin-bottom: 30px;
  }

  .str-footer-widget {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .str-banner-slide-area .str-banner-content h1 {
    font-size: 40px;
  }

  .str-banner-slide-area .str-banner-content a {
    height: 50px;
    width: 150px;
    line-height: 50px;
  }

  .str-banner-slide-area .str-banner-content a i {
    height: 30px;
    width: 30px;
    line-height: 30px;
  }

  .str-banner-slide-area {
    padding: 200px 0px 150px;
  }

  .str-section-title h2 {
    font-size: 32px;
  }

  .str-feature-box {
    max-width: 270px;
    margin: 0 auto;
  }

  .str-feature-section .str-feature-content .owl-nav .owl-prev,
  .str-feature-section .str-feature-content .owl-nav .owl-next,
  .str-portfolio-section .str-portfolio-area .owl-nav .owl-next,
  .str-team-section .str-team-member-item .owl-nav .owl-next,
  .str-portfolio-section .str-portfolio-area .owl-nav .owl-prev,
  .str-team-section .str-team-member-item .owl-nav .owl-prev {
    position: static;
    display: inline-block;
    margin: 0 5px;
    transform: translateY(0);
  }

  .str-feature-section .str-feature-content .owl-nav,
  .str-portfolio-section .str-portfolio-area .owl-nav,
  .str-team-section .str-team-member-item .owl-nav {
    text-align: center;
    margin-top: 40px;
  }

  .str-feature-section .str-feature-icon-text .str-feature-text .str-feature-list {
    padding-left: 80px;
  }

  .str-testimonial_indicator-dot .carousel-indicators2 {
    position: static;
    text-align: center;
    margin-top: 30px;
    justify-content: center;
  }

  .str-newslatter-content {
    padding: 40px 30px;
  }

  .str-team-img-text {
    margin: 0 auto;
    max-width: 270px;
  }

  .str-feature-section {
    padding: 25px 0px 60px;
  }

  .str-about-section {
    padding: 50px 0px;
  }

  .str-about-section .str-about-feature-area {
    padding-top: 50px;
  }

  .str-work-process-section {
    padding: 50px 0px;
  }

  .str-testimonial_section {
    padding: 50px 0px;
  }

  .str-team-section {
    padding: 50px 0px;
  }

  .str-team-section .str-team-title-text {
    padding-top: 15px;
  }

  .str-team-section .str-team-member-item .owl-nav {
    margin-top: 20px;
  }

  .str-get-in-touch-section {
    padding-bottom: 60px;
  }

  .str-blog-section {
    padding: 50px 0px;
  }

  .str-blog-section .str-team-title-text {
    padding-top: 20px;
  }
}
@media screen and (max-width: 420px) {
  .str-banner-slide-area .str-banner-content h1 {
    font-size: 34px;
  }

  .str-about-section .str-about-content .str-about-img {
    display: inline-block;
  }

  .str-about-section .str-about-content .str-about-img .str-about-img-field {
    width: 100%;
  }

  .str-about-section .str-about-content .str-about-img .str-about-logo {
    display: none;
  }

  .str-about-section .str-about-content .str-progress-area {
    max-width: 100%;
  }

  .str-section-title h2 {
    font-size: 28px;
  }

  .str-work-process-section .str-work-process-content {
    padding-top: 40px;
  }

  .str-testimonial_indicator {
    display: none;
  }

  .str-newslatter-content .str-newslatter-text h2 {
    font-size: 30px;
  }

  .str-newslatter-content .str-newslatter-text p {
    font-size: 16px;
  }

  .str-newslatter-content .str-newslatter-form .nws-button {
    position: static;
    margin-top: 30px;
    text-align: center;
  }

  .str-newslatter-content .str-mail-icon {
    display: none;
  }
}
@media screen and (max-width: 380px) {
  .str-banner-slide-area .str-banner-content h1 {
    font-size: 30px;
  }

  .str-section-title h2 {
    font-size: 26px;
  }

  .str-about-section .str-about-feature-box .str-about-feature-text h3 {
    font-size: 20px;
  }

  .str-newslatter-content .str-newslatter-text h2 {
    font-size: 26px;
  }
}
/*---------------------------------------------------- */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
.dia-section-title span,
.dia-banner-section .dia-banner-content .dia-banner-tag {
  font-weight: 700;
  background-image: linear-gradient(81deg, #ff6600 0%, #ff9903 75%, #ffcb05 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.dia-banner-section .dia-banner-content .dia-banner-btn .dia-abt-btn,
.dia-service-section .dia-service-btn .dia-service-more,
.dia-exp-section .dio-exp-text-area .dia-exp-btn,
.dia-port-more a,
.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .nws-button button {
  z-index: 1;
  overflow: hidden;
  position: relative;
}

.dia-banner-section .dia-banner-content .dia-banner-btn .dia-abt-btn:before,
.dia-service-section .dia-service-btn .dia-service-more:before,
.dia-exp-section .dio-exp-text-area .dia-exp-btn:before,
.dia-port-more a:before,
.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .nws-button button:before {
  left: 0;
  width: 100%;
  content: "";
  z-index: -1;
  height: 100%;
  bottom: -100%;
  position: absolute;
  transition: 0.5s all ease-in-out;
}

.dia-banner-section .dia-banner-content .dia-banner-btn .dia-abt-btn:hover:before,
.dia-service-section .dia-service-btn .dia-service-more:hover:before,
.dia-exp-section .dio-exp-text-area .dia-exp-btn:hover:before,
.dia-port-more a:hover:before,
.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .nws-button button:hover:before {
  bottom: 0;
}
@keyframes borderpls {
  0% {
    box-shadow: 0 0 0 0 #082680;
  }
  70% {
    box-shadow: 0 0 0 30px #082680;
    opacity: 0;
  }
  to {
    box-shadow: 0 0 0 0 #082680;
    opacity: 0;
  }
}
@keyframes borderpls2 {
  0% {
    box-shadow: 0 0 0 0 #082680;
  }
  70% {
    box-shadow: 0 0 0 10px #082680;
    opacity: 0;
  }
  to {
    box-shadow: 0 0 0 0 #082680;
    opacity: 0;
  }
}
@keyframes fadeFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeFromRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeFromUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeFromUp {
  animation-name: fadeFromUp;
}

.fadeFromRight {
  animation-name: fadeFromRight;
}

.fadeFromLeft {
  animation-name: fadeFromLeft;
}

/*global area*/
/*----------------------------------------------------*/
.dia-home {
  margin: 0;
  padding: 0;
  color: #585476;
  font-size: 16px;
  overflow-x: hidden;
  line-height: 1.667;
  font-family: "Roboto";
  -moz-osx-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

div#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background-color: #fff;
  background: #fff url("../img/pre.svg") no-repeat center center;
}

.decoration-wrapper {
  overflow: hidden;
  position: relative;
}
@keyframes zooming {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.05, 1.05);
  }
  100% {
    transform: scale(1, 1);
  }
}
.zooming {
  animation: zooming 18s infinite both;
}

.dia-headline h1,
.dia-headline h2,
.dia-headline h3,
.dia-headline h4,
.dia-headline h5,
.dia-headline h6 {
  margin: 0;
  font-family: "Poppins";
}

.dia-section-title span {
  font-size: 16px;
}

.dia-section-title h2 {
  color: #282350;
  font-size: 40px;
  font-weight: 700;
  padding-top: 5px;
  line-height: 1.375;
}

.dia-scrollup {
  width: 55px;
  right: 20px;
  z-index: 5;
  height: 55px;
  bottom: 20px;
  display: none;
  position: fixed;
  border-radius: 100%;
  line-height: 55px;
  background-color: #ff6700;
}

.dia-scrollup i {
  color: #fff;
}

/*---------------------------------------------------- */
/*Header area*/
/*----------------------------------------------------*/
.dia-main-header {
  z-index: 5;
  width: 100%;
  padding-top: 15px;
  position: absolute;
}

.dia-main-header .dia-logo {
  margin-top: 15px;
}

.dia-main-header .dropdown {
  position: relative;
}

.dia-main-header .dropdown:after {
  top: -2px;
  right: -14px;
  content: "+";
  font-size: 18px;
  font-weight: 700;
  position: absolute;
  transition: 0.3s all ease-in-out;
}

.dia-main-header .dropdown .dropdown-menu {
  top: 65px;
  left: 0;
  opacity: 0;
  z-index: 2;
  margin: 0px;
  padding: 0px;
  height: auto;
  width: 200px;
  border: none;
  display: block;
  border-radius: 0;
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  border-radius: 10px;
  background-color: #fff;
  transition: all 0.4s ease-in-out;
  border-bottom: 2px solid #ff6626;
  box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1);
}

.dia-main-header .dropdown .dropdown-menu li {
  width: 100%;
  margin-left: 0;
  border-bottom: 1px solid #e5e5e5;
}

.dia-main-header .dropdown .dropdown-menu li a {
  width: 100%;
  color: #343434;
  display: block;
  font-size: 14px;
  padding: 10px 25px;
  position: relative;
  transition: 0.3s all ease-in-out;
}

.dia-main-header .dropdown .dropdown-menu li a:before {
  display: none;
}

.dia-main-header .dropdown .dropdown-menu li a:after {
  left: 10px;
  top: 18px;
  width: 8px;
  height: 8px;
  content: "";
  position: absolute;
  border-radius: 100%;
  transform: scale(0);
  background-color: #fff;
  transition: 0.3s all ease-in-out;
}

.dia-main-header .dropdown .dropdown-menu li a:hover {
  background-color: #ff8533;
  color: #fff;
}

.dia-main-header .dropdown .dropdown-menu li a:hover:after {
  transform: scale(1);
}

.dia-main-header .dropdown .dropdown-menu li:last-child {
  border-bottom: none;
}

.dia-main-header .dropdown:hover .dropdown-menu {
  top: 45px;
  opacity: 1;
  visibility: visible;
}

.dia-main-header .navbar-nav {
  display: inherit;
}

.dia-main-header .dia-main-navigation {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px 40px;
}

.dia-main-header .dia-main-navigation li {
  margin: 0px 32px;
}

.dia-main-header .dia-main-navigation li a {
  color: #282350;
  font-weight: 700;
  padding-bottom: 20px;
  display: inline;
  position: relative;
  font-family: "Poppins";
}

.dia-main-header .dia-main-navigation li a:before {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  width: 0%;
  margin: 0 auto;
  position: absolute;
  transition: 0.5s all ease-in-out;
  background-image: linear-gradient(81deg, #ff6600 0%, #ff9903 75%, #ffcb05 100%);
}

.dia-main-header .dia-main-navigation li a:hover:before, 
.dia-main-header .dia-main-navigation li a.active:before {
  width: 100%;
}

.dia-sticky-menu {
  top: 20px;
  position: fixed;
  background-color: #fff;
  animation-duration: 0.7s;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-timing-function: ease;
  transition: 0.3s all ease-in-out;
}

.dia-main-header.dia-sticky-menu {
  top: 0px;
  z-index: 9;
  z-index: 20;
  padding-top: 0;
  box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8);
}

.dia-main-header.dia-sticky-menu .dropdown:hover .dropdown-menu {
  top: 45px;
}

/*---------------------------------------------------- */
/*Mobile Menu area*/
/*----------------------------------------------------*/
.dia-mobile_menu_content {
  top: 0px;
  bottom: 0;
  right: -350px;
  height: 100vh;
  z-index: 101;
  position: fixed;
  width: 280px;
  overflow-y: scroll;
  background-color: #fff;
  padding: 40px 0px;
  box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
  transition: all 0.5s ease-in;
}

.dia-mobile_menu_content .dia-mobile-main-navigation {
  width: 100%;
}

.dia-mobile_menu_content .dia-mobile-main-navigation .navbar-nav {
  width: 100%;
}

.dia-mobile_menu_content .navbar-nav .dropdown-menu {
  position: static !important;
  transform: none !important;
}

.dia-mobile_menu_content .dia-mobile-main-navigation .navbar-nav li {
  width: 100%;
  display: block;
  transition: 0.3s all ease-in-out;
  border-bottom: 1px solid #dcdcdc;
}

.dia-mobile_menu_content .dia-mobile-main-navigation .navbar-nav li:first-child {
  border-top: 1px solid #dcdcdc;
}

.dia-mobile_menu_content .dia-mobile-main-navigation .navbar-nav li a {
  color: #000;
  padding: 0;
  width: 100%;
  display: block;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 30px;
  text-transform: uppercase;
}

.dia-mobile_menu_content .m-brand-logo {
  width: 160px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.dia-mobile_menu_wrap.mobile_menu_on .dia-mobile_menu_content {
  right: 0px;
  transition: all 0.7s ease-out;
}

.mobile_menu_overlay {
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  right: 0%;
  height: 120vh;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.9);
  transition: all 0.5s ease-in-out;
}

.mobile_menu_overlay_on {
  overflow: hidden;
}

.dia-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
  opacity: 1;
  visibility: visible;
}

.dia-mobile_menu_button {
  position: absolute;
  display: none;
  right: 0;
  cursor: pointer;
  line-height: 40px;
  color: #ff8833;
  text-align: center;
  font-size: 30px;
  top: -35px;
  z-index: 5;
}

.dia-mobile_menu .dia-mobile-main-navigation .navbar-nav li a:after {
  display: none;
}

.dia-mobile_menu .dia-mobile-main-navigation .dropdown > .dropdown-menu {
  opacity: 1;
  visibility: visible;
}

.dia-mobile_menu .dia-mobile_menu_content .dia-mobile-main-navigation .navbar-nav .dropdown-menu {
  border: none;
  display: none;
  transition: none;
  box-shadow: none;
  padding: 5px 0px;
  width: 100%;
  border-top: 1px solid #dcdcdc;
}

.dia-mobile_menu .dia-mobile_menu_content .dia-mobile-main-navigation .navbar-nav .dropdown-menu li {
  border: none;
  padding: 0 20px;
  line-height: 1;
}

.dia-mobile_menu .dropdown {
  position: relative;
}

.dia-mobile_menu .dropdown .dropdown-btn {
  position: absolute;
  top: 0px;
  right: 0;
  height: 30px;
  padding: 5px 10px;
}

.dia-mobile_menu .dropdown .dropdown-btn:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  top: 0;
  left: 0;
  background-color: #dcdcdc;
}

.dia-mobile_menu .dia-mobile_menu_close {
  color: #d60606;
  cursor: pointer;
  top: 15px;
  left: 15px;
  font-size: 20px;
  position: absolute;
}

/*---------------------------------------------------- */
/*Banner area*/
/*----------------------------------------------------*/
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.dia-banner-section {
  padding-bottom: 10px;
}

.dia-banner-section .banner-side-img {
  right: 0;
  top: -10px;
  z-index: -1;
}

.dia-banner-section .banner-side-img.banner-img1 {
  opacity: 0;
  right: -300px;
  transition-delay: 200ms;
  transition: all 1200ms ease;
}

.dia-banner-section .banner-side-img.banner-img2 {
  opacity: 0;
  right: -300px;
  transition-delay: 500ms;
  transition: all 1500ms ease;
}

.dia-banner-section .banner-side-img.banner-img1.view-on {
  right: 0;
  opacity: 1;
  transition-delay: 200ms;
}

.dia-banner-section .banner-side-img.banner-img2.view-on {
  right: 0;
  opacity: 1;
  transition-delay: 500ms;
}

.dia-banner-section .dia-banner-content {
  max-width: 460px;
  padding: 275px 0px 185px;
}

.dia-banner-section .dia-banner-content .dia-banner-tag {
  font-size: 18px;
}

.dia-banner-section .dia-banner-content h1 {
  color: #282350;
  font-size: 70px;
  font-weight: 700;
  line-height: 1.071;
  padding: 15px 0px 25px;
}

.dia-banner-section .dia-banner-content p {
  font-size: 22px;
  color: #403b64;
}

.dia-banner-section .dia-banner-content .dia-banner-btn {
  margin-top: 65px;
}

.dia-banner-section .dia-banner-content .dia-banner-btn a {
  width: 100%;
  display: block;
  margin-right: 20px;
}

.dia-banner-section .dia-banner-content .dia-banner-btn .dia-play-btn {
  width: 70px;
  height: 70px;
  line-height: 70px;
  margin-right: 20px;
  border-radius: 100%;
  transition: 0.3s all ease-in-out;
  background-color: #5409d6;
}

.dia-banner-section .dia-banner-content .dia-banner-btn .dia-play-btn i {
  color: #fff;
}

.dia-banner-section .dia-banner-content .dia-banner-btn .dia-play-btn:hover {
  background-image: none;
  background-color: #ff6700;
}

.dia-banner-section .dia-banner-content .dia-banner-btn .dia-abt-btn {
  color: #fff;
  height: 70px;
  width: 230px;
  font-weight: 700;
  line-height: 70px;
  border-radius: 40px;
  font-family: "Poppins";
  background-color: #ff6700;
}

.dia-banner-section .dia-banner-content .dia-banner-btn .dia-abt-btn:before {
  background-color: #5409d6;
}

.dia-banner-section .cd-headline.clip span {
  display: inline-block;
  padding-bottom: 10px;
}

.dia-banner-section .cd-headline.clip .cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
  vertical-align: top;
}

.dia-banner-section .cd-headline.clip .cd-words-wrapper::after {
  content: "";
  top: 10px;
  right: 0;
  width: 2px;
  height: 65px;
  position: absolute;
  background-color: #282350;
}

.dia-banner-section .cd-headline.clip b {
  opacity: 0;
}

.dia-banner-section .cd-headline.clip b.is-visible {
  opacity: 1;
}

.dia-banner-section .cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}

.dia-banner-section .cd-words-wrapper b {
  display: inline-block;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.dia-banner-section .cd-words-wrapper b.is-visible {
  opacity: 1;
  position: relative;
}

.dia-banner-section .no-js .cd-words-wrapper b {
  opacity: 0;
}

.dia-banner-section .banner-side-shape1,
.dia-banner-section .banner-side-shape2 {
  bottom: 135px;
}

.dia-banner-section .banner-shape1 {
  left: 50%;
  bottom: 15%;
  z-index: -2;
  animation-name: spin;
  animation-duration: 15000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.dia-banner-section .banner-shape2 {
  top: 30%;
  left: 12%;
}

/*---------------------------------------------------- */
/*service area*/
/*----------------------------------------------------*/
.dia-service-section {
  padding: 90px 0px 115px;
}

.dia-service-section .dia-service-img {
  margin-top: 55px;
}

.dia-service-section .dia-service-img .dia-service-shape2 {
  top: 0;
  z-index: -2;
}

.dia-service-section .dia-service-img .dia-service-shape1 {
  left: 0;
  top: 10px;
  z-index: -1;
  animation-name: spin;
  animation-duration: 20000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.dia-service-section .dia-service-text {
  padding-left: 60px;
}

.dia-service-section .dia-service-details {
  margin: 35px 0px 5px;
}

.dia-service-section .dia-service-details .dia-service-item {
  width: 50%;
  float: left;
  margin-bottom: 30px;
}

.dia-service-section .dia-service-details .dia-service-item h3 {
  color: #282350;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 16px;
}

.dia-service-section .dia-service-details .dia-service-item li {
  padding-left: 15px;
  position: relative;
  padding-bottom: 5px;
}

.dia-service-section .dia-service-details .dia-service-item li:before {
  top: 0;
  left: 0;
  content: "+";
  position: absolute;
}

.dia-service-section .dia-service-details .dia-service-item:nth-child(even) {
  padding-left: 35px;
}

.dia-service-section .dia-service-btn .dia-service-more {
  height: 50px;
  width: 225px;
  margin-top: 10px;
  line-height: 50px;
  border-radius: 40px;
  background-color: #390ed2;
}

.dia-service-section .dia-service-btn .dia-service-more a {
  color: #fff;
  width: 100%;
  display: block;
  font-size: 15px;
  font-weight: 700;
  font-family: "Poppins";
}

.dia-service-section .dia-service-btn .dia-service-more:before {
  background-color: #ff6700;
}

.dia-service-section .dia-service-review {
  max-width: 215px;
}

.dia-service-section .dia-service-review .dia-service-rate ul {
  margin-bottom: 8px;
}

.dia-service-section .dia-service-review .dia-service-rate li {
  font-size: 14px;
  color: #f7c903;
}

.dia-service-section .dia-service-review .dia-service-rate-text {
  font-size: 14px;
}

.dia-service-section .dia-service-review .dia-service-rate-text span {
  color: #282350;
  font-weight: 700;
}

/*---------------------------------------------------- */
/*Fun fact area*/
/*----------------------------------------------------*/
.dia-fun-fact-section .dia-fun-fact-title {
  margin: 0 auto;
  max-width: 945px;
}

.dia-fun-fact-section .dia-fun-fact-title h2 {
  color: #282350;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.528;
}

.dia-fun-fact-section .dia-fun-fact-counter {
  padding-top: 68px;
}

.dia-fun-fact-section .dia-fun-fact-counter .col-lg-4:nth-child(1) .dia-fun-fact-item .fun-fact-tag {
  color: #09d32f;
}

.dia-fun-fact-section .dia-fun-fact-counter .col-lg-4:nth-child(2) .dia-fun-fact-item .fun-fact-tag {
  color: #ff7b01;
}

.dia-fun-fact-section .dia-fun-fact-counter .col-lg-4:nth-child(3) .dia-fun-fact-item .fun-fact-tag {
  color: #390ed2;
}

.dia-fun-fact-section .dia-fun-fact-item span {
  font-weight: 700;
  font-family: "Poppins";
}

.dia-fun-fact-section .dia-fun-fact-item .fun-fact-number {
  line-height: 1;
  padding: 18px 0px;
  justify-content: center;
}

.dia-fun-fact-section .dia-fun-fact-item .fun-fact-number h3 {
  color: #282350;
  font-size: 90px;
  font-weight: 500;
}

.dia-fun-fact-section .dia-fun-fact-item .fun-fact-number span {
  color: #282350;
  font-size: 90px;
  line-height: 1.2;
  font-weight: 500;
  font-family: "Poppins";
}

.dia-fun-fact-section .dia-fun-fact-item p {
  margin: 0 auto;
  max-width: 325px;
}

/*---------------------------------------------------- */
/*About area*/
/*----------------------------------------------------*/
.dia-about-section {
  padding-top: 130px;
}

.dia-about-section .dia-about-title-text {
  padding-top: 25px;
}

.dia-about-content .dia-about-title-text {
  max-width: 455px;
}

.dia-about-content .dia-about-text {
  font-size: 18px;
  padding: 25px 0px 75px;
}

.dia-about-content .dia-about-list li {
  width: 50%;
  float: left;
  color: #282350;
  font-weight: 700;
  padding-left: 30px;
  position: relative;
  margin-bottom: 18px;
}

.dia-about-content .dia-about-list li:after {
  left: 0;
  top: -3px;
  color: #25d98f;
  font-size: 20px;
  content: "";
  font-weight: 900;
  position: absolute;
  font-family: "Font Awesome 5 Free";
}

.dia-about-content .dia-about-img {
  z-index: 1;
  padding-left: 40px;
}

.dia-about-content .dia-about-img .ab-shape1 {
  top: 30px;
  left: -10px;
  z-index: -1;
}

.dia-about-content .dia-about-img .ab-shape2 {
  right: 0;
  bottom: 0;
  z-index: -1;
}

.dia-exp-section {
  padding: 115px 0px 0px;
}

.dia-exp-section .dia-exp-img .ab-shape1 {
  top: 60px;
  left: -5px;
  z-index: -1;
}

.dia-exp-section .dia-exp-img .ab-shape2 {
  bottom: 20px;
  right: 20px;
  z-index: -1;
}

.dia-exp-section .dio-exp-text-area {
  max-width: 520px;
}

.dia-exp-section .dio-exp-text-area .dia-about-text {
  margin-top: 30px;
}

.dia-exp-section .dio-exp-text-area .dia-exp-btn {
  color: #fff;
  height: 48px;
  width: 155px;
  font-size: 15px;
  font-weight: 700;
  line-height: 48px;
  border-radius: 40px;
  font-family: "Poppins";
  background-color: #390ed2;
}

.dia-exp-section .dio-exp-text-area .dia-exp-btn a {
  width: 100%;
  display: block;
}

.dia-exp-section .dio-exp-text-area .dia-exp-btn:before {
  background-color: #ff6700;
}

.dia-exp-section .skill-progress-bar {
  padding: 20px 0px 20px;
}

.dia-exp-section .skill-progress-bar .skill-set-percent {
  margin-bottom: 30px;
}

.dia-exp-section .skill-progress-bar .skill-set-percent h4 {
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto";
}

.dia-exp-section .skill-progress-bar .skill-set-percent .progress {
  height: 6px;
  border-radius: 0;
  overflow: visible;
  position: relative;
  background-color: #dededf;
}

.dia-exp-section .skill-progress-bar .skill-set-percent .progress span {
  right: 0;
  top: -30px;
  color: #282350;
  font-size: 16px;
  font-weight: 700;
  position: absolute;
}

.dia-exp-section .skill-progress-bar .skill-set-percent .progress-bar {
  width: 0;
  float: left;
  height: 100%;
  position: relative;
  background-color: #ff6700;
  transition: 1s all ease-in-out;
}

/*---------------------------------------------------- */
/*Portfolio area*/
/*----------------------------------------------------*/
.dia-portfolio-section {
  padding-top: 100px;
}
.dia-portfolio-img-text {
  transition: 0.4s all ease-in-out;
}

.dia-portfolio-img-text .dia-portfolio-img {
  overflow: hidden;
  position: relative;
}

.dia-portfolio-img-text .dia-portfolio-img img {
  transition: 1s all ease-in-out;
}

.dia-portfolio-img-text .dia-portfolio-img:after {
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  content: "";
  height: 100%;
  position: absolute;
  background-color: #000;
  transition: all 700ms ease-out 0s;
  transform: rotateX(180deg) scale(0.5, 0.5);
}

.dia-portfolio-img-text .dia-portfolio-text {
  margin-top: 18px;
  padding-bottom: 28px;
}

.dia-portfolio-img-text .dia-portfolio-text h3 {
  color: #282350;
  font-size: 24px;
  display: inline-block;
  font-weight: 700;
  position: relative;
  padding-bottom: 12px;
}

.dia-portfolio-img-text .dia-portfolio-text h3:before {
  left: 0;
  right: 0;
  width: 0%;
  content: "";
  bottom: 8px;
  height: 2px;
  margin: 0 auto;
  position: absolute;
  background-color: #282350;
  transition: 0.4s all ease-in-out;
}

.dia-portfolio-img-text .dia-portfolio-text span {
  display: block;
  font-weight: 700;
}

.dia-portfolio-img-text:hover {
  box-shadow: -1.308px 24.966px 22px 0px rgba(0, 0, 0, 0.11);
}

.dia-portfolio-img-text:hover .dia-portfolio-img img {
  transform: scale(1.4);
}

.dia-portfolio-img-text:hover .dia-portfolio-img:after {
  opacity: 0.8;
  transform: rotateX(0deg) scale(1, 1);
}

.dia-portfolio-img-text:hover h3:before {
  width: 100%;
}

.dia-portfolio-slide-area {
  margin: 45px 0px 20px;
}

.dia-portfolio-slide-area .owl-stage-outer {
  padding-bottom: 35px;
}

.dia-portfolio-slide-area .owl-nav .owl-prev,
.dia-portfolio-slide-area .owl-nav .owl-next {
  top: 40%;
  z-index: 1;
  width: 60px;
  height: 60px;
  cursor: pointer;
  line-height: 60px;
  position: absolute;
  text-align: center;
  border-radius: 100%;
  background-color: #ffffff;
  transform: translateY(-50%);
  transition: 0.4s all ease-in-out;
  box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.28);
}

.dia-portfolio-slide-area .owl-nav .owl-prev:before,
.dia-portfolio-slide-area .owl-nav .owl-next:before {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  z-index: -1;
  position: absolute;
  border-radius: 100%;
  transform: scale(0);
  transition: 0.4s all ease-in-out;
  background-image: linear-gradient(-81deg, #6806d9 0%, #4f0ad6 57%, #360ed2 100%);
}

.dia-portfolio-slide-area .owl-nav .owl-prev:hover,
.dia-portfolio-slide-area .owl-nav .owl-next:hover {
  color: #fff;
}

.dia-portfolio-slide-area .owl-nav .owl-prev:hover:before,
.dia-portfolio-slide-area .owl-nav .owl-next:hover:before {
  transform: scale(1);
}

.dia-portfolio-slide-area .owl-nav .owl-prev {
  left: 12px;
}

.dia-portfolio-slide-area .owl-nav .owl-next {
  right: 12px;
}

.dia-port-more a {
  color: #fff;
  height: 58px;
  width: 200px;
  margin: 0 auto;
  font-size: 15px;
  font-weight: 700;
  line-height: 58px;
  border-radius: 40px;
  font-family: "Poppins";
  background-color: #ff6700;
}

.dia-port-more a:before {
  background-color: #390ed2;
}

/*---------------------------------------------------- */
/*Team area*/
/*----------------------------------------------------*/
.dia-team-section {
  padding-top: 110px;
}

.dia-team-section .dia-section-title {
  margin: 0 auto;
  max-width: 530px;
}

.dia-team-section .dia-section-title h2 {
  padding-bottom: 10px;
}

.dia-team-section .dia-team-content {
  padding-top: 55px;
}

.dia-team-section .dia-team-pic-text .dia-team-img:after {
  width: 236px;
  height: 236px;
  content: "";
  position: absolute;
  top: 0;
  left: 100px;
  opacity: 0;
  visibility: hidden;
  border: double 2px transparent;
  border-radius: 100%;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #ff6600, #ff9903, #ffcb05);
  background-origin: border-box;
  transition: 0.3s all ease-in-out;
  background-clip: content-box, border-box;
}

.dia-team-section .dia-team-pic-text .dia-team-img .team-mem-img-ei {
  z-index: 1;
  width: 236px;
  height: 236px;
  margin: 0 auto;
  border-radius: 100%;
  overflow: hidden;
  background-color: #eff0f7;
}

.dia-team-section .dia-team-pic-text .dia-team-img .team-mem-img-ei .mshape-bg {
  width: 100%;
  z-index: -1;
  height: 100%;
  position: absolute;
}

.dia-team-section .dia-team-pic-text .dia-team-img .team-mem-img-ei .shape-bg1 {
  top: 90px;
  left: -75px;
}

.dia-team-section .dia-team-pic-text .dia-team-img .team-mem-img-ei .shape-bg2 {
  top: 100px;
  z-index: -2;
  right: -68px;
}

.dia-team-section .dia-team-pic-text .dia-team-social {
  top: 47px;
  z-index: 1;
  right: 50px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transition-delay: 0.2s;
  transition: 0.5s all ease-in-out;
}

.dia-team-section .dia-team-pic-text .dia-team-social a {
  width: 35px;
  height: 35px;
  display: block;
  text-align: center;
  line-height: 37px;
  margin-bottom: 12px;
  border-radius: 100%;
  position: relative;
  z-index: 1;
  background-color: #fff;
  box-shadow: 0px 0px 18px 0px rgba(43, 1, 68, 0.23);
}

.dia-team-section .dia-team-pic-text .dia-team-social a:after {
  position: absolute;
  content: "";
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  z-index: -1;
  transition: 0.3s all ease-in-out;
  border-radius: 100%;
  background-image: linear-gradient(81deg, #ff6600 0%, #ff9903 75%, #ffcb05 100%);
}

.dia-team-section .dia-team-pic-text .dia-team-social a:nth-child(1) {
  color: #118bfc;
}

.dia-team-section .dia-team-pic-text .dia-team-social a:nth-child(2) {
  transform: translateX(15px);
  color: #03a9f4;
}

.dia-team-section .dia-team-pic-text .dia-team-social a:nth-child(3) {
  transform: translateX(9px);
  margin-bottom: 5px;
  color: #ea4c89;
}

.dia-team-section .dia-team-pic-text .dia-team-social a:nth-child(4) {
  color: #0c6eff;
  transform: translateX(-20px);
}

.dia-team-section .dia-team-pic-text .dia-team-social a:hover {
  color: #fff;
}

.dia-team-section .dia-team-pic-text .dia-team-social a:hover:after {
  opacity: 1;
  visibility: visible;
}

.dia-team-section .dia-team-pic-text .dia-team-text {
  margin-top: 20px;
}

.dia-team-section .dia-team-pic-text .dia-team-text h3 {
  color: #282350;
  font-size: 22px;
  font-weight: 700;
}

.dia-team-section .dia-team-pic-text .dia-team-text p {
  color: #383838;
  font-size: 15px;
}

.dia-team-section .dia-team-pic-text:hover .dia-team-img:after {
  opacity: 1;
  left: 102px;
  visibility: visible;
}

.dia-team-section .dia-team-pic-text:hover .dia-team-social {
  opacity: 1;
  right: 25px;
  visibility: visible;
}

.dia-team-section .dia-team-content {
  z-index: 1;
  margin: 0 auto;
  max-width: 1100px;
}

.dia-team-section .dia-team-content .owl-nav .owl-prev,
.dia-team-section .dia-team-content .owl-nav .owl-next {
  top: 50%;
  width: 52px;
  height: 52px;
  cursor: pointer;
  line-height: 52px;
  text-align: center;
  position: absolute;
  border-radius: 100%;
  display: inline-block;
  background-color: #fff;
  transform: translateY(-50%);
  transition: 0.3s all ease-in-out;
  box-shadow: 0px 7px 18px 0px rgba(16, 31, 60, 0.25);
}

.dia-team-section .dia-team-content .owl-nav .owl-prev:hover,
.dia-team-section .dia-team-content .owl-nav .owl-next:hover {
  color: #fff;
  background-color: #282350;
}

.dia-team-section .dia-team-content .owl-nav .owl-prev {
  left: -40px;
}

.dia-team-section .dia-team-content .owl-nav .owl-next {
  right: -50px;
}

.dia-team-section .dia-team-content .owl-item.active.center .dia-team-img:after {
  left: 102px;
  opacity: 1;
  visibility: visible;
}

.dia-team-section .dia-team-content .owl-item.active.center .dia-team-social {
  opacity: 1;
  right: 25px;
  visibility: visible;
}

/*---------------------------------------------------- */
/*Testimonial area*/
/*----------------------------------------------------*/
.dia-testimonial-section {
  overflow: visible;
  padding: 135px 0 100px;
}

.dia-testimonial-section .tst-side-shape {
  right: 0;
  top: -100px;
}

.dia-testimonial-section .dia-section-title {
  margin: 0 auto;
  max-width: 500px;
}

.dia-testimonial-section .dia-testimonial_slider-area {
  margin: 0 auto;
  margin-top: 55px;
  max-width: 725px;
  background-color: #fff;
  box-shadow: -1.046px 11.954px 22px 0px rgba(0, 0, 0, 0.08);
}

.dia-testimonial-section .dia-testimonial_slider-area:after {
  top: -50px;
  left: 25px;
  font-size: 60px;
  content: "";
  font-weight: 900;
  position: absolute;
  color: rgba(203, 203, 226, 0.75);
  font-family: "Font Awesome 5 Free";
}

.dia-testimonial-section .dia-testimonial_slider-area .test-shape1 {
  top: -100px;
  z-index: -1;
  left: -175px;
}

.dia-testimonial-section .dia-testimonial_slider-area .test-shape2 {
  z-index: -1;
  right: -175px;
  bottom: -100px;
}

.dia-testimonial-section .dia-testimonial_indicator .carousel-indicators li {
  width: 90px;
  height: 90px;
  display: inherit;
  text-align: center;
  color: #202120;
  border-radius: 50%;
  overflow: hidden;
  transition: all 500ms ease;
}

.dia-testimonial-section .carousel-inner .carousel-item {
  padding: 80px 90px 70px;
}

.dia-testimonial-section .carousel-inner .dia-testimonial_rating li {
  color: #ffba00;
}

.dia-testimonial-section .carousel-inner .dia-testimonial_text {
  margin: 18px 0px 28px;
  font-size: 22px;
  line-height: 1.636;
}

.dia-testimonial-section .carousel-inner .dia-testimonial_meta h4 {
  color: #282350;
  font-size: 32px;
  font-weight: 700;
  padding-bottom: 3px;
}

.dia-testimonial-section .carousel-inner .dia-testimonial_meta p {
  font-size: 18px;
}

.dia-testimonial-section .carousel-indicators {
  top: 70px;
  margin: 0;
  left: auto;
  right: -45px;
  position: absolute;
  display: inherit;
}

.dia-testimonial-section .carousel-indicators li {
  text-indent: 0;
  margin-bottom: 15px;
  transform: scale(0.9);
  border: 3px solid rgba(255, 255, 255, 0);
}

.dia-testimonial-section .carousel-indicators li img {
  border-radius: 100%;
}

.dia-testimonial-section .carousel-indicators li.active {
  padding: 5px;
  transform: scale(1);
  border: 3px solid #5409d6;
}

.dia-testimonial_indicator-dot .carousel-indicators2 {
  top: 60%;
  right: 45px;
  left: -35px;
  bottom: 25px;
  padding-left: 0;
  margin-bottom: 0;
  position: absolute;
  transform: translateY(-50%);
}

.dia-testimonial_indicator-dot .carousel-indicators2 li {
  width: 15px;
  height: 15px;
  display: block;
  cursor: pointer;
  position: relative;
  border-radius: 100%;
  margin-bottom: 12px;
  background-color: #fff;
  transition: 0.3s all ease-in-out;
}

.dia-testimonial_indicator-dot .carousel-indicators2 li:after {
  top: 3px;
  left: 3px;
  content: "";
  width: 60%;
  height: 60%;
  border-radius: 100%;
  position: absolute;
  transform: scale(0);
  transition: 0.3s all ease-in-out;
  background: linear-gradient(81deg, #ff6600 0%, #ff9903 75%, #ffcb05 100%);
}

.dia-testimonial_indicator-dot .carousel-indicators2 li.active {
  transform: scale(1.2);
}

.dia-testimonial_indicator-dot .carousel-indicators2 li.active:after {
  transform: scale(1);
}

/*---------------------------------------------------- */
/*blog area*/
/*----------------------------------------------------*/
.dia-blog-section {
  padding: 100px 0px 60px;
}

.dia-blog-section .dia-section-title {
  max-width: 450px;
}

.dia-blog-section .dia-section-title h2 {
  padding-bottom: 10px;
}

.dia-blog-section .dia-blog-content {
  padding-top: 50px;
}

.dia-blog-section .dia-blog-img-text {
  max-width: 370px;
}

.dia-blog-section .dia-blog-img-text .dia-blog-text {
  margin-top: 25px;
}

.dia-blog-section .dia-blog-img-text .dia-blog-text h3 {
  color: #282350;
  font-size: 24px;
  font-weight: 700;
  padding: 15px 0px 30px;
  transition: 0.3s all ease-in-out;
}

.dia-blog-section .dia-blog-img-text .dia-blog-text h3:hover {
  color: #ff6700;
}

.dia-blog-section .dia-blog-img-text .dia-author-area {
  width: 60%;
}

.dia-blog-section .dia-blog-img-text .dia-author-area .dia-athur-img {
  width: 43px;
  height: 43px;
  overflow: hidden;
  margin-right: 15px;
  border-radius: 100%;
}

.dia-blog-section .dia-blog-img-text .dia-author-area .dia-author-name {
  margin-top: 10px;
}

.dia-blog-section .dia-blog-img-text .dia-author-area .dia-author-name span {
  font-size: 18px;
}

.dia-blog-section .dia-blog-img-text .dia-author-area .dia-author-name span a {
  color: #6606d9;
  font-weight: 700;
}

.dia-blog-section .dia-blog-img-text .dia-date-meta {
  margin-top: 10px;
  font-size: 18px;
}

/*---------------------------------------------------- */
/*Newslatter area*/
/*----------------------------------------------------*/
.dia-newslatter-section {
  z-index: 1;
  padding: 65px 0px 80px;
  background-color: #f6ebe6;
}

.dia-newslatter-section .newslatter-shape {
  z-index: -1;
}

.dia-newslatter-section .n-shape1 {
  top: 0;
  left: 0;
}

.dia-newslatter-section .n-shape4 {
  left: 10%;
  bottom: 30px;
}

.dia-newslatter-section .n-shape5 {
  top: 50%;
  right: 12%;
}

.dia-newslatter-section .n-shape2 {
  top: 10px;
  left: 14%;
}

.dia-newslatter-section .n-shape3 {
  top: 45px;
  right: 13%;
}

.dia-newslatter-section .n-shape6 {
  right: 30px;
  bottom: -80px;
}

.dia-newslatter-section .dia-newslatter-content {
  border-radius: 30px;
  background-color: #fff;
  padding: 55px 55px 65px 75px;
}

.dia-newslatter-section .dia-newslatter-content .dia-newslatter-text h3 {
  color: #282350;
  font-size: 30px;
  font-weight: 700;
  padding-bottom: 12px;
}

.dia-newslatter-section .dia-newslatter-content .dia-newslatter-text p {
  font-size: 17px;
}

.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form {
  margin-top: 10px;
  padding-left: 25px;
}

.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form input {
  width: 100%;
  border: none;
  height: 50px;
  max-width: 330px;
  padding-left: 20px;
  border-radius: 5px;
  background-color: #ebeff3;
}

.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .nws-button {
  top: 0;
  right: 0;
  position: absolute;
}

.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .nws-button button {
  color: #fff;
  height: 50px;
  width: 140px;
  border: none;
  font-weight: 700;
  border-radius: 5px;
  font-family: "Poppins";
  background-image: linear-gradient(-100deg, #ff6600 0%, #ff9903 75%, #ffcb05 100%);
}

.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .nws-button button:before {
  background-color: #390ed2;
}

.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .dia-newslatter-checkbox {
  margin-top: 15px;
}

.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .dia-newslatter-checkbox input {
  height: inherit;
  width: inherit;
  padding-left: 0;
  margin-right: 5px;
  max-width: inherit;
}

.dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .dia-newslatter-checkbox label {
  font-size: 14px;
  margin-bottom: 0;
}

/*---------------------------------------------------- */
/*Newslatter area*/
/*----------------------------------------------------*/
.dia-footer-section {
  padding-top: 140px;
}

.dia-footer-widget .dia-widget-title {
  font-size: 16px;
  color: #05071f;
  font-weight: 700;
  padding-bottom: 20px;
}

.dia-footer-widget .dia-footer-logo {
  margin-bottom: 18px;
}

.dia-footer-widget p {
  max-width: 220px;
  line-height: 1.875;
}

.dia-footer-widget .dia-payment-mathod {
  margin-top: 30px;
}

.dia-footer-widget ul li {
  width: 50%;
  float: left;
  font-size: 14px;
  padding-left: 15px;
  margin-bottom: 15px;
  font-family: "Poppins";
}

.dia-footer-widget ul li a {
  color: #05071f;
  font-weight: 500;
  position: relative;
  transition: 0.3s all ease-in-out;
}

.dia-footer-widget ul li a:before {
  left: -15px;
  top: 0px;
  content: "";
  font-size: 12px;
  font-weight: 900;
  position: absolute;
  font-family: "Font Awesome 5 Free";
}

.dia-footer-widget ul li a:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 0%;
  left: 0;
  bottom: 0;
  background-color: #0072fd;
  transition: 0.3s all ease-in-out;
}

.dia-footer-widget ul li a:hover {
  color: #0072fd;
  margin-left: 10px;
}

.dia-footer-widget ul li a:hover:after {
  width: 100%;
}

.dia-footer-widget h4 {
  width: 45%;
  float: left;
  font-size: 14px;
  font-weight: 700;
  padding-left: 24px;
  margin-right: 15px;
  position: relative;
  display: inline-block;
}

.dia-footer-widget h4 i {
  left: 0;
  top: 2px;
  color: #7b0dbd;
  font-size: 16px;
  margin-right: 5px;
  position: absolute;
}

.dia-footer-widget h4 span {
  font-family: "Roboto";
  font-weight: 400;
  margin-top: 10px;
  display: block;
  color: #818181;
}

.dia-footer-widget .download-btn {
  width: 100%;
  margin-top: 20px;
  display: inline-block;
}

.dia-footer-widget .download-btn a {
  margin-right: 10px;
}

.dia-footer-widget .dia-footer-social {
  margin-top: 15px;
}

.dia-footer-widget .dia-footer-social a {
  height: 30px;
  width: 30px;
  border-radius: 100%;
  background-color: #fff;
  line-height: 30px;
  text-align: center;
  margin-right: 5px;
  display: inline-block;
  transition: 0.3s all ease-in-out;
  box-shadow: 0px 0px 9px 0px rgba(15, 54, 131, 0.07);
}

.dia-footer-widget .dia-footer-social a:nth-child(1) {
  color: #16599b;
}

.dia-footer-widget .dia-footer-social a:nth-child(2) {
  color: #03a9f4;
}

.dia-footer-widget .dia-footer-social a:nth-child(3) {
  color: #ea4c89;
}

.dia-footer-widget .dia-footer-social a:nth-child(4) {
  color: #0d6fff;
}

.dia-footer-widget .dia-footer-social a:hover {
  transform: translateY(5px);
}

.dia-footer-copyright {
  color: #373a5b;
  font-size: 14px;
  margin-top: 25px;
  font-weight: 500;
  font-family: "Poppins";
}

.dia-footer-copyright .dia-footer-copyright-content {
  padding: 25px 0px 15px;
  border-top: 2px solid #dee2ef;
}

.dia-footer-copyright .dia-copyright-menu {
  float: right;
}

.dia-footer-copyright .dia-copyright-menu a {
  margin-left: 35px;
}
@keyframes left-right-move {
  0% {
    transform: translateX(-100px);
  }
  50% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(-100px);
  }
}
.dia-footer-shape3 {
  left: 0;
  right: 0;
  opacity: 1;
  z-index: -1;
  top: 100px;
  margin: 0 auto;
  text-align: center;
  animation-duration: 25s;
  animation-name: left-right-move;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/*---------------------------------------------------- */
/*responsive area*/
/*----------------------------------------------------*/
@media only screen and (min-width: 1367px) and (max-width: 1700px) {
  .dia-banner-section .banner-side-img.banner-img1,
  .dia-banner-section .banner-side-img.banner-img2 {
    right: -450px;
  }

  .dia-banner-section .banner-side-img.banner-img1.view-on,
  .dia-banner-section .banner-side-img.banner-img2.view-on {
    right: -200px;
  }

  .dia-banner-section .banner-side-shape1,
  .dia-banner-section .banner-side-shape2 {
    left: -150px;
  }
}
@media screen and (max-width: 1440px) {
  .dia-banner-section .banner-side-img.banner-img1,
  .dia-banner-section .banner-side-img.banner-img2 {
    right: -600px;
  }

  .dia-banner-section .banner-side-img.banner-img1.view-on,
  .dia-banner-section .banner-side-img.banner-img2.view-on {
    right: -250px;
  }

  .dia-banner-section .banner-shape2 {
    left: 20px;
  }

  .dia-newslatter-section .n-shape4 {
    left: 10px;
  }

  .dia-banner-section .banner-side-shape1,
  .dia-banner-section .banner-side-shape2 {
    left: -150px;
  }
}
@media screen and (max-width: 1280px) {
  .dia-banner-section .banner-side-shape1,
  .dia-banner-section .banner-side-shape2,
  .dia-testimonial-section .tst-side-shape {
    display: none;
  }

  .dia-banner-section .banner-shape2 {
    z-index: -1;
  }
}
@media screen and (max-width: 1024px) {
  .dia-banner-section .banner-side-img.banner-img1,
  .dia-banner-section .banner-side-img.banner-img2 {
    right: -800px;
  }

  .dia-banner-section .banner-side-img.banner-img1.view-on,
  .dia-banner-section .banner-side-img.banner-img2.view-on {
    right: -500px;
  }

  .dia-service-section .dia-service-details .dia-service-item:nth-child(even) {
    padding-left: 0px;
  }

  .dia-service-section .dia-service-btn .dia-service-more {
    width: 185px;
  }

  .dia-team-section .dia-team-content .owl-nav {
    text-align: center;
    margin-top: 30px;
    padding-bottom: 20px;
  }
  .dia-testimonial-section {
    overflow: hidden;
  }
  .dia-team-section .dia-team-content .owl-nav .owl-prev,
  .dia-team-section .dia-team-content .owl-nav .owl-next {
    position: static;
    margin: 0px 8px;
    transform: translateY(0);
  }

  .dia-team-section .dia-team-content .owl-item.active.center .dia-team-img:after,
  .dia-team-section .dia-team-pic-text:hover .dia-team-img:after {
    left: 70px;
  }

  .dia-footer-widget .download-btn a {
    margin-right: 0px;
  }
}
@media screen and (max-width: 991px) {
  .dia-banner-section .dia-banner-content {
    max-width: 100%;
    text-align: center;
  }

  .dia-banner-section .dia-banner-content .dia-banner-btn {
    justify-content: center;
  }

  .dia-testimonial-section .dia-testimonial_slider-area .test-shape1,
  .dia-testimonial-section .dia-testimonial_slider-area .test-shape2 {
    display: none;
  }

  .dia-main-navigation {
    display: none;
  }

  .dia-banner-section .banner-side-img,
  .dia-about-content .dia-about-img .ab-shape1,
  .dia-about-content .dia-about-img .ab-shape2,
  .dia-exp-section .dia-exp-img .ab-shape1,
  .dia-exp-section .dia-exp-img .ab-shape2 {
    display: none;
  }

  .dia-main-header.dia-sticky-menu {
    padding-top: 15px;
  }

  .dia-main-header .dia-logo {
    margin-top: 0;
  }

  .dia-sticky-menu {
    padding: 15px 0px;
  }

  .dia-mobile_menu_button {
    display: block;
  }

  .dia-service-section .dia-service-img {
    margin-top: 0;
    margin-bottom: 35px;
  }

  .dia-fun-fact-section .dia-fun-fact-item .fun-fact-number span,
  .dia-fun-fact-section .dia-fun-fact-item .fun-fact-number h3 {
    font-size: 80px;
  }

  .dia-about-content .dia-about-img {
    margin-left: 0;
    margin-top: 30px;
  }

  .dia-exp-img {
    margin-bottom: 30px;
  }

  .dia-team-section .dia-team-content .owl-item.active.center .dia-team-img:after,
  .dia-team-section .dia-team-pic-text:hover .dia-team-img:after {
    left: 105px;
  }

  .dia-testimonial-section {
    overflow: hidden;
  }

  .dia-testimonial-section .carousel-indicators {
    display: none;
  }

  .dia-banner-section .dia-banner-content {
    padding: 150px 0px 0px;
  }

  .dia-testimonial_indicator-dot .carousel-indicators2 {
    position: static;
    text-align: center;
  }

  .dia-testimonial_indicator-dot .carousel-indicators2 li {
    display: inline-block;
    background-color: #390ed2;
  }

  .dia-blog-img-text {
    margin-bottom: 40px;
  }

  .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form {
    padding-left: 0;
    margin-top: 20px;
  }

  .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form input {
    max-width: 100%;
  }

  .dia-footer-widget {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 580px) {
  .dia-banner-section .dia-banner-content h1 {
    font-size: 50px;
  }

  .dia-banner-section .cd-headline.clip .cd-words-wrapper::after {
    height: 35px;
  }

  .dia-banner-section .dia-banner-content p {
    font-size: 20px;
  }

  .dia-banner-section .dia-banner-content .dia-banner-btn {
    margin-top: 30px;
  }

  .dia-team-pic-text {
    max-width: 370px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 480px) {
  .dia-banner-section .dia-banner-content .dia-banner-btn .dia-play-btn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-right: 10px;
  }

  .dia-banner-section .dia-banner-content .dia-banner-btn .dia-abt-btn {
    height: 50px;
    width: 200px;
    line-height: 50px;
  }

  .dia-banner-section .dia-banner-content h1 {
    font-size: 40px;
  }

  .dia-banner-section .dia-banner-content {
    padding: 130px 0px 0px;
  }

  .dia-banner-section {
    padding-bottom: 50px;
  }

  .dia-service-section .dia-service-text {
    padding-left: 0;
  }

  .dia-service-section .dia-service-details {
    margin: 25px 0px 0px;
  }

  .dia-service-section {
    padding-bottom: 55px;
  }

  .dia-section-title h2 {
    font-size: 30px;
  }

  .dia-fun-fact-section {
    padding-bottom: 10px;
  }

  .dia-fun-fact-section .dia-fun-fact-title h2 {
    font-size: 30px;
  }

  .dia-fun-fact-section .dia-fun-fact-counter {
    padding-top: 30px;
  }

  .dia-fun-fact-section .dia-fun-fact-item .fun-fact-number {
    padding: 5px 0px;
  }

  .dia-fun-fact-section .dia-fun-fact-item .fun-fact-number span,
  .dia-fun-fact-section .dia-fun-fact-item .fun-fact-number h3 {
    font-size: 45px;
  }

  .dia-fun-fact-item {
    margin-bottom: 40px;
  }

  .dia-about-section {
    padding-top: 20px;
  }

  .dia-service-section .dia-service-details .dia-service-item {
    width: 100%;
  }

  .dia-about-content .dia-about-list li {
    width: 100%;
  }

  .dia-about-content .dia-about-text {
    font-size: 16px;
    padding: 20px 0px 30px;
  }

  .dia-about-content .dia-about-img {
    padding-left: 0;
  }

  .dia-exp-section {
    padding: 60px 0px 60px;
  }

  .dia-exp-section .skill-progress-bar {
    padding: 20px 0px 10px;
  }

  .dia-team-section {
    padding-top: 60px;
  }

  .dia-team-section {
    padding-top: 60px;
  }

  .dia-testimonial-section {
    padding: 45px 0 60px;
  }

  .dia-testimonial-section .carousel-inner .carousel-item {
    padding: 50px 30px 60px;
  }

  .dia-testimonial-section .carousel-inner .dia-testimonial_text {
    font-size: 18px;
  }

  .dia-testimonial-section .carousel-inner .dia-testimonial_meta h4 {
    font-size: 26px;
  }

  .dia-testimonial-section .dia-testimonial_slider-area:after {
    top: -15px;
    font-size: 40px;
  }

  .dia-blog-section .dia-blog-img-text .dia-blog-text h3 {
    font-size: 22px;
    padding: 10px 0px 20px;
  }

  .dia-blog-section {
    padding-top: 0px;
    padding-bottom: 20px;
  }

  .dia-newslatter-section .dia-newslatter-content .dia-newslatter-text h3 {
    font-size: 28px;
  }

  .dia-newslatter-section .dia-newslatter-content {
    padding: 45px 25px 45px 25px;
  }

  .dia-footer-section {
    padding-top: 50px;
  }

  .dia-footer-widget .dia-payment-mathod {
    margin-top: 20px;
  }

  .dia-footer-copyright .dia-copyright-menu {
    float: none;
  }

  .dia-footer-copyright .dia-copyright-menu a {
    margin-left: 0;
    margin: 0px 8px;
  }

  .dia-footer-copyright-content {
    text-align: center;
  }
  .dia-portfolio-section {
    padding-top: 30px;
  }
  .dia-service-section {
    padding-top: 0;
  }
}
@media screen and (max-width: 420px) {
  .dia-service-section .dia-service-review,
  .dia-service-section .dia-service-btn .dia-service-more {
    float: none !important;
  }

  .dia-service-section .dia-service-btn .dia-service-more {
    margin-bottom: 15px;
  }

  .dia-service-section .dia-service-review .dia-service-rate ul {
    margin-bottom: 0;
  }

  .dia-fun-fact-section .dia-fun-fact-title h2 {
    font-size: 28px;
  }

  .dia-fun-fact-section {
    margin-bottom: 0;
  }

  .dia-port-more a {
    height: 45px;
    width: 150px;
    line-height: 45px;
  }
}
@media screen and (max-width: 380px) {
  .dia-banner-section .dia-banner-content h1 {
    font-size: 36px;
    padding: 10px 0px 15px;
  }

  .dia-banner-section .cd-headline.clip .cd-words-wrapper::after {
    height: 25px;
  }

  .dia-banner-section .dia-banner-content p {
    font-size: 18px;
  }

  .dia-section-title h2 {
    font-size: 26px;
  }

  .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .nws-button button {
    width: 100px;
  }

  .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form input {
    padding-left: 10px;
  }

  .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form input::placeholder {
    font-size: 14px;
  }

  .dia-team-section .dia-team-content .owl-item.active.center .dia-team-img:after,
  .dia-team-section .dia-team-pic-text:hover .dia-team-img:after {
    left: 85px;
  }
}
@media screen and (max-width: 360px) {
  .dia-team-section .dia-team-content .owl-item.active.center .dia-team-img:after,
  .dia-team-section .dia-team-pic-text:hover .dia-team-img:after {
    left: 70px;
  }

  .dia-blog-section .dia-blog-img-text .dia-author-area .dia-author-name span,
  .dia-blog-section .dia-blog-img-text .dia-date-meta {
    font-size: 14px;
  }
}
@media screen and (max-width: 320px) {
  .dia-banner-section .dia-banner-content h1 {
    font-size: 30px;
  }

  .dia-team-section .dia-team-content .owl-item.active.center .dia-team-img:after,
  .dia-team-section .dia-team-pic-text:hover .dia-team-img:after {
    left: 35px;
  }

  .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .dia-newslatter-checkbox label {
    font-size: 12px;
  }
}
/*** Start Of blog Section ***/
.saasio-breadcurmb-section {
  background-color: #6c2b95;
  padding: 260px 0px 150px
}
.breadcurmb-title h2 {
  margin: 0;
  color: #fff;
  font-weight: 700;
  font-size: 36px;
  font-family: 'Poppins';
  padding-bottom: 20px;
}
.saasio-page-breadcurmb li a  {
  color: #fff;
  margin: 0px 10px;
  position: relative;
}
.saasio-page-breadcurmb li a:after {
 top: 2px;
 right: -17px;
 content: '\f054';
 font-weight: 900;
 font-size: 12px;
 position: absolute;
 font-family: 'Font Awesome 5 Free';
}
.saasio-page-breadcurmb li:last-child a::after {
  display: none;
}
.news-feed-section {
  padding: 100px 0px;
}
.news-feed-section .blog-feed-post {
  position: relative;
  border-radius: 9px;
  overflow: hidden;
  margin-bottom: 40px;
  box-shadow: 0px 0px 35px rgba(0,0,0,0.15);
}
.news-feed-section .saasio-blog-text {
  padding: 22px 30px 0px 0px;
}
.news-feed-section .saasio-blog-text h3 {
  color: #373a5b;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.6;
  font-family: 'Poppins';
}
.news-feed-section .saasio-blog-text p {
  margin-bottom: 0;
  padding-top: 20px;
}
.blog-read-more  {
  color: #6c2b95;
  display: block;
  font-weight: 700;
  margin-top: 20px;
}
.saasio-post-meta  a {
  color: #777a91;
  margin-right: 15px;
}
.saasio-post-meta  a i {
  margin-right: 3px;
  font-size: 15px;
}
.saasio-pagination {
  padding-top: 30px;
}
.saasio-pagination a {
  height: 40px;
  width: 40px;
  color: #fff;
  font-weight: 700;
  margin: 0px 5px;
  line-height: 40px;
  display: inline-block;
  background-color: #6c2b95;
  transition: .3s all ease-in-out;
}
.saasio-pagination a:hover,
.saasio-pagination a.active {
  background-color: #cc0fda;
}
.saasio-blog-sidebar {
  padding-left: 30px;
}
.side-bar-widget {
  margin-bottom: 60px;
}
.saasio-blog-sidebar .widget-title-2 {
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 30px;
}
.side-bar-widget .search-widget input {
  height: 50px;
  width: 100%;
  border: none;
  padding-left: 15px;
  background-color: #e6e6e6;
}
.side-bar-widget .search-widget button {
  top: 0;
  right: 0;
  color: #fff;
  width: 50px;
  border: none;
  height: 50px;
  position: absolute;
  background-color: #6c2b95;
}
.category-widget li a {
  width: 100%;
  display: block;
  font-family: 'Poppins';
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e8d8d8;
}
.category-widget li:last-child a {
  border-bottom: 0;
}
.category-widget li a span {
  float: right;
}
.recent-post-img-text {
  width: 100%;
  display: inline-block;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e8d8d8;
}
.recent-post-img-text:last-child {
  border-bottom: none;
}
.recent-post-img-text .recent-post-img {
  height: 100px;
  width: 100px;
  overflow: hidden;
  margin-right: 15px;
}
.recent-post-img-text .recent-post-text h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: 5px;
}
.recent-post-img-text .recent-post-text .rec-post-meta {
  color: #9e9e9b;
}
.popular-widget a {
  color: #fff;
  font-weight: 600;
  padding: 10px 15px;
  margin: 3px;
  float: left;
  display: inline-block;
  background-color: #6c2b95;
}
.blog-details-img {
  margin-bottom: 40px;
}
.blog-details-text h2 {
  color: #373a5b;
  font-size: 36px;
  font-weight: 700;
  padding-bottom: 25px;
}
.blog-details-text h3 {
  color: #373a5b;
  font-size: 30px;
  font-weight: 700;
  padding-bottom: 10px;
}
.blog-details-text article {
  padding: 20px 0px
}
.blog-details-text blockquote {
  z-index: 1;
  color: #fff;
  font-weight: 500;
  font-size: 20px;
  padding: 50px;
  border-radius: 4px;
  font-family: 'Poppins';
  position: relative;
  background-color: #73299a;
}
.blog-details-text blockquote:after {
  top: 50%;
  left: 0;
  right: 0;
  z-index: -1;
  font-size: 175px;
  font-weight: 900;
  content: '\f10d';
  text-align: center;
  position: absolute;
  transform: translateY(-50%);
  color: rgb(255 255 255 / 25%);
  font-family: 'Font Awesome 5 Free';
}
.blog-details-text blockquote h4 {
  font-size: 18px;
  font-weight: 700;
  padding-top: 15px;
}
.blog-details-tag {
  margin-top: 40px;
  padding: 10px 0px;
  border: 1px solid #ded7d7;
  border-left: none;
  border-right: none;
}
.blog-feed-tag  a {
  margin-left: 8px;
  padding: 10px 10px;
  display: inline-block;
  background-color: #f7f7f7;
  transition: .3s all ease-in-out;
}
.blog-details-tag a:hover {
  color: #fff;
  background-color: #73299a;
}
.blog-feed-share a {
  width: 43px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  display: inline-block;
  background-color: #f7f7f7;
  transition: .3s all ease-in-out;
}
.saasio-comment-field {
  padding-top: 80px;
}
.saasio-comment-field h3 {
  font-weight: 600;
  font-size: 30px;
}
.comment-author-img {
  width: 120px;
  height: 120px;
  overflow: hidden;
  margin-right: 20px;
  border-radius: 100%;
}
.comment-list-item {
  margin: 60px 0px;
}
.comment-inner-box {
  padding: 30px;
  margin-bottom: 30px;
  background-color: #f8f8f8;
}
.comment-author-text {
  overflow: hidden;
}
.comment-author-text p {
  margin-bottom: 0;
  padding: 15px 0px 5px;
}
.comment-author-text h4 {
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 10px;
}
.comment-author-text span {
  color: #969696;
}
.comment-reply {
  margin-top: 10px;
  padding: 8px 20px;
  border-radius: 4px;
  display: inline-block;
  color: #fff !important;
  background-color: #73299a;
}
.comment-form {
  margin-top: 40px;
}
.comment-form input,
.comment-form textarea {
  width: 100%;
  height: 60px;
  border:  none;
  padding-left: 20px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}
.comment-form textarea {
  height: 180px;
  padding-top: 20px;
}
.comment-form button {
  border: none;
  color: #fff;
  padding: 15px 30px;
  background-color: #73299a;
}
@media screen and (max-width: 1024px) { 
  .news-feed-section .saasio-blog-text {
    padding: 22px 30px 30px 0px
  }
  .news-feed-section .saasio-blog-text h3 {
    font-size: 20px;
  }
  .recent-post-img-text .recent-post-text h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 991px) { 
  .blog-feed-img {
    margin-bottom: 20px;
  } 
  .blog-feed-img-txt {
    padding: 30px;
  }
  .saasio-blog-sidebar {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) { 
  .saasio-blog-sidebar {
    margin-top: 30px;
  }
  .saasio-breadcurmb-section {
    padding: 150px 0px 100px;
  }
  .breadcurmb-title h2 {
    font-size: 30px;
  }
  .blog-feed-share {
    margin-top: 15px;
    float: left !important;
  }
  .comment-inner-box {
    padding: 15px;
  }
  .comment-author-img {
    height: 80px;
    width: 80px;
  }
}
/*=====================================================================
SaaSio - HR Management
=====================================================================*/
.pm-intregation-section .pm-intregation-text .pm-intr-feature-inner a .pm-inft-icon i {
  display: block;
  background: linear-gradient(-90deg, #227df8 0%, #0054c4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pm-footer-section .pm-footer-widget .pm-footer-support, .header-type-one .pm-header-support {
  font-size: 14px;
  padding-left: 60px;
}
.pm-footer-section .pm-footer-widget .pm-footer-support span, .header-type-one .pm-header-support span {
  color: #5c8ed0;
  display: block;
}
.pm-footer-section .pm-footer-widget .pm-footer-support a, .header-type-one .pm-header-support a {
  color: #fff;
  font-weight: 700;
}
.pm-footer-section .pm-footer-widget .pm-footer-support:before, .header-type-one .pm-header-support:before {
  top: 10px;
  left: 25px;
  width: 2px;
  content: "";
  height: 40px;
  position: absolute;
  background-color: #5c8ed0;
}
@keyframes fadeFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeFromRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeFromUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeFromUp {
  animation-name: fadeFromUp;
}

.fadeFromRight {
  animation-name: fadeFromRight;
}

.fadeFromLeft {
  animation-name: fadeFromLeft;
}

/*global area*/
/*----------------------------------------------------*/
.pm-home {
  margin: 0;
  padding: 0;
  color: #6480a7;
  font-size: 16px;
  overflow-x: hidden;
  line-height: 1.625;
  font-family: 'Quicksand';
  -moz-osx-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

.pm-home::selection {
  color: #ffffff;
  background-color: #6e3ebf;
}

.pm-home::-moz-selection {
  color: #ffffff;
  background-color: #6e3ebf;
}

.pm-preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background-color: #fff;
  background: #fff url("../img/pre.svg") no-repeat center center;
}

@keyframes zooming {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.05, 1.05);
  }
  100% {
    transform: scale(1, 1);
  }
}
.zooming {
  animation: zooming 18s infinite both;
}

.pm-headline h1,
.pm-headline h2,
.pm-headline h3,
.pm-headline h4,
.pm-headline h5,
.pm-headline h6 {
  margin: 0;
  font-family: "Poppins";
}

.pm-title-tag {
  color: #0e65d9;
  font-size: 18px;
  /*font-weight: 700;*/
  padding: 8px 20px 5px;
  display: inline-flex;
  background-color: #f3f7ff;
}

.pm-section-title h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 600;
  padding-top: 15px;
}
.pm-feature-cpntent h3 {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    padding-top: 15px;
    font-family:'Poppins';
}
.pm-scrollup {
    right: 0px;
    z-index: 5;
    width: 60px;
    height: 60px;
    bottom: -17px;
    line-height: 60px;
    position: absolute;
    background-color: #fff;
}
.pm-scrollup i {
  color: #003378;
}

/*---------------------------------------------------- */
/*Header area*/
/*----------------------------------------------------*/
.pm-main-header {
  z-index: 5;
  width: 100%;
  padding-top: 15px;
  position: absolute;
}
.pm-main-header .pm-logo {
  margin-top: 15px;
}
.pm-main-header .dropdown {
  position: relative;
}
.pm-main-header .dropdown:after {
  top: -2px;
  color: #fff;
  right: -14px;
  content: "+";
  font-size: 18px;
  font-weight: 700;
  position: absolute;
  transition: 0.3s all ease-in-out;
}
    .pm-main-header .dropdown .dropdown-menu,
    .navigation-eight .dropdown .dropdown-menu {
        top: 65px;
        left: 0;
        opacity: 0;
        z-index: 2;
        margin: 0px;
        padding: 0px;
        height: auto;
        width: 200px;
        border: none;
        display: block;
        border-radius: 0;
        overflow: hidden;
        visibility: hidden;
        position: absolute;
        background-color: #fff;
        transition: all 0.4s ease-in-out;
        border-bottom: 2px solid #003378;
        box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1);
    }
        .pm-main-header .dropdown .dropdown-menu li,
        .navigation-eight .dropdown .dropdown-menu li {
            width: 100%;
            margin-left: 0;
            border-bottom: 1px solid #e5e5e5;
        }
            .pm-main-header .dropdown .dropdown-menu li a{
                width: 100%;
                color: #343434;
                display: block;
                font-size: 14px;
                padding: 10px 25px;
                position: relative;
                transition: 0.3s all ease-in-out;
            }
                .pm-main-header .dropdown .dropdown-menu li a:before,
                .navigation-eight .dropdown .dropdown-menu li a:before {
                    display: none;
                }
                .pm-main-header .dropdown .dropdown-menu li a:after,
                .navigation-eight .dropdown .dropdown-menu li a:after {
                    left: 10px;
                    top: 16px;
                    width: 8px;
                    height: 8px;
                    content: "";
                    position: absolute;
                    border-radius: 100%;
                    transform: scale(0);
                    background-color: #fff;
                    transition: 0.3s all ease-in-out;
                }
                .pm-main-header .dropdown .dropdown-menu li a:hover{
                    background-color: #003378;
                    color: #fff;
                }
                    .pm-main-header .dropdown .dropdown-menu li a:hover:after,
                    .navigation-eight .dropdown .dropdown-menu li a:hover:after {
                        transform: scale(1);
                    }
            .pm-main-header .dropdown .dropdown-menu li:last-child,
            .navigation-eight .dropdown .dropdown-menu li:last-child {
                border-bottom: none;
            }
    .pm-main-header .dropdown:hover .dropdown-menu,
    .navigation-eight .dropdown:hover .dropdown-menu {
        top: 45px;
        opacity: 1;
        visibility: visible;
    }
.pm-main-header .navbar-nav {
  display: inherit;
}
.pm-main-header .pm-main-navigation {
  padding: 20px 40px;
}
.pm-main-header .pm-main-navigation li {
  margin: 0px 32px;
}
.pm-main-header .pm-main-navigation li a {
  color: #fff;
  display: inline;
  font-size: 16px;
  font-weight: 700;
  position: relative;
  padding-bottom: 20px;
}
.pm-main-header .pm-main-navigation li a:before {
  left: 0;
  right: 0;
  width: 0%;
  content: "";
  bottom: 5px;
  height: 2px;
  margin: 0 auto;
  position: absolute;
  background-color: #fff;
  transition: 0.5s all ease-in-out;
}
.pm-main-header .pm-main-navigation li:hover a:before,
.pm-main-header .pm-main-navigation li a.active:before {
  width: 100%;
}
.pm-main-header .pm-header-btn {
  height: 60px;
  width: 115px;
  line-height: 60px;
  border: 2px solid #3c87eb;
  transition: 0.3s all ease-in-out;
}
.pm-main-header .pm-header-btn a {
  width: 100%;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 700;
}
.pm-main-header .pm-header-btn:hover {
  background-color: #000;
  border: 2px solid #000;
}

.header-type-one .container {
  max-width: 1450px;
}
.pm-sticky-menu {
  top: 20px;
  position: fixed;
  background-color: #000;
  animation-duration: 0.7s;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-timing-function: ease;
  transition: 0.3s all ease-in-out;
}

.pm-main-header.pm-sticky-menu {
  top: 0px;
  z-index: 9;
  padding: 10px 0;
  box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8);
}
.pm-main-header.pm-sticky-menu .dropdown:hover .dropdown-menu {
  top: 55px;
}
.pm-main-header.pm-sticky-menu .pm-header-support {
  display: none !important;
}

/*---------------------------------------------------- */
/*Banner area*/
/*----------------------------------------------------*/
.pm-banner-section-1 {
    padding: 50px 0px;
    background: linear-gradient(90deg, #230847 0%, #73299a 100%);
}
.pm-banner-section-1 .pm-banner-shape1 {
  top: 105px;
  right: 115px;
}
.pm-banner-section-1 .pm-banner-shape2 {
  top: 175px;
  right: 200px;
}
.pm-banner-section-1 .pm-banner-shape3 {
  left: 115px;
  bottom: 40px;
}
.pm-banner-section-1 .pm-banner-shape4 {
  left: 195px;
  bottom: 115px;
}
.pm-banner-section-1 .pm-banner-content .pm-banner-text {
  color: #fff;
  max-width: 50%;
  /*padding-top: 40px;*/
  padding-right: 1rem;
}
.pm-banner-section-1 .pm-banner-content .pm-banner-text .pm-title-tag {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.102);
}
.pm-banner-section-1 .pm-banner-content .pm-banner-text h1 {
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.25;
  padding: 20px 0px;
}
.pm-banner-section-1 .pm-banner-content .pm-banner-text p {
  font-size: 18px;
  padding-bottom: 40px;
}
.pm-banner-section-1 .pm-banner-content .pm-banner-text p span {
  font-weight: 700;
}
.pm-banner-section-1 .pm-banner-content .pm-banner-text a {
  height: 60px;
  width: 200px;
  display: block;
  font-weight: 700;
  line-height: 60px;
  text-align: center;
  background-color: #003378;
  transition: 0.3s all ease-in-out;
}
.pm-banner-section-1 .pm-banner-content .pm-banner-text a:hover {
  background-color: #000;
}
.pm-banner-section-1 .pm-banner-content .pm-banenr-img {
  top: 0;
  right: -125px;
  animation: zoomIn 1.7s both 0.3s;
}

/*---------------------------------------------------- */
/*Partner area*/
/*----------------------------------------------------*/
.pm-partner-section .pm-partner-wrapper {
  top: -90px;
  padding: 60px;
  background-color: #fff;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.02);
}
.pm-partner-section .pm-partner-slide-area .owl-nav {
  display: none;
}
.pm-partner-section .pm-partner-slide-area .pm-partner-img img {
  transition: 0.3s all ease-in-out;
  filter: grayscale(1);
}
.pm-partner-section .pm-partner-slide-area .pm-partner-img:hover img {
  filter: grayscale(0);
}

/*---------------------------------------------------- */
/*Feature area*/
/*----------------------------------------------------*/
.pm-feature-section {
  padding: 50px 0 100px 0;
}
.pm-feature-section .pm-section-title {
  margin: 0 auto;
  max-width: 515px;
}
.pm-feature-section .pm-feature-cpntent {
  padding-top: 50px;
}

.pm-feature-innerbox {
  padding: 50px 40px;
  border: 2px solid #eff3f7;
  transition: 0.3s all ease-in-out;
}
.pm-feature-innerbox:hover {
  border: 2px solid #fff;
  box-shadow: 0px 30px 60px 0px rgba(0, 51, 120, 0.04);
}
.pm-feature-innerbox .pm-feature-top {
  margin-bottom: 28px;
  padding-bottom: 20px;
  border-bottom: 2px solid #eff3f7;
}
.pm-feature-innerbox .pm-feature-top .pm-feature-icon {
  margin-right: 20px;
}
.pm-feature-innerbox .pm-feature-top .pm-feature-text h3 {
  font-size: 18px;
  font-weight: 600;
  color: #008df9;
  padding-bottom: 5px;
  text-transform: capitalize;
}
.pm-feature-innerbox .pm-feature-list li {
  padding-left: 35px;
  position: relative;
  margin-bottom: 20px;
}
.pm-feature-innerbox .pm-feature-list li:after {
  top: 0;
  left: 0;
  color: #3186f8;
  content: "";
  font-weight: 900;
  position: absolute;
  font-family: "Font Awesome 5 Free";
}
.pm-feature-innerbox .pm-feature-list li:last-child {
  margin-bottom: 0;
}

.pm-feature-section-2 {
  background-color: #f8f8f8;
}
.pm-feature-section-2 .pm-feature-content-2 .pm-feature-process {
  z-index: 1;
  margin-bottom: 100px;
  background-color: #fff;
  padding: 80px 80px 65px 80px;
  box-shadow: 0px 30px 60px 0px rgba(0, 51, 120, 0.04);
}
.pm-feature-section-2 .pm-feature-content-2 .pm-feature-process .pm-feature-item2 {
  max-width: 480px;
  float: left;
}
.pm-feature-section-2 .pm-feature-content-2 .pm-feature-process .pm-f-process-img {
  right: -85px;
  box-shadow: 0px 30px 60px 0px rgba(0, 51, 120, 0.04);
}
.pm-feature-section-2 .pm-feature-content-2 .pm-feature-process:after {
  z-index: -1;
  content: "";
  left: -140px;
  width: 1450px;
  height: 685px;
  bottom: -400px;
  position: absolute;
  background-image: url(../img/hrm/shape/dot-s.png);
}
.pm-feature-section-2 .pm-feature-content-2 .pm-feature-item-details {
  padding: 15px 0px 40px;
}
.pm-feature-section-2 .pm-feature-content-2 .pm-feature-item-content {
  width: 100%;
  margin-bottom: 16px;
  display: inline-block;
}
.pm-feature-section-2 .pm-feature-content-2 .pm-feature-item-content .pm-f-process-icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin-right: 20px;
  border-radius: 100%;
  background: linear-gradient(-90deg, #227df8 0%, #0054c4 100%);
}
.pm-feature-section-2 .pm-feature-content-2 .pm-feature-item-content .pm-f-process-icon i {
  color: #fff;
}
.pm-feature-section-2 .pm-feature-content-2 .pm-feature-item-content .pm-f-process-text {
  font-size: 18px;
  font-weight: 500;
  padding-top: 12px;
}
.pm-feature-section-2 .pm-feature-content-2:nth-child(even) .pm-feature-process .pm-feature-item2 {
  float: right;
}
.pm-feature-section-2 .pm-feature-content-2:nth-child(even) .pm-feature-process .pm-f-process-img {
  right: auto;
  left: -85px;
}
.pm-feature-section-2 .pm-feature-content-2:last-child .pm-feature-process:after {
  display: none;
}

/*---------------------------------------------------- */
/*intregations area*/
/*----------------------------------------------------*/
.pm-intregation-section {
  padding: 100px 0px;
  background-color: #f8f8f8;
}
.pm-intregation-section .pm-intregation-img .intr-circle-shape {
  top: 35px;
  right: 30px;
}
.pm-intregation-section .pm-intregation-img .intr-img-item {
  display: inline-block;
  margin-right: 30px;
}
.pm-intregation-section .pm-intregation-img .intr-img-top {
  margin-bottom: 30px;
}
.pm-intregation-section .pm-intregation-img .intr-img-top .intr-img-item:nth-child(2) {
  transform: translateY(60px);
}
.pm-intregation-section .pm-intregation-img .intr-img-bottom .intr-img-item:nth-child(1) {
  transform: translateY(-60px);
}
.pm-intregation-section .pm-intregation-text {
  padding-top: 45px;
}
.pm-intregation-section .pm-intregation-text .pm-title-tag {
  background-color: #fff;
}
.pm-intregation-section .pm-intregation-text .pm-intregation-details {
  padding: 25px 0px 45px;
}
.pm-intregation-section .pm-intregation-text .pm-intr-feature-inner {
  margin-bottom: 20px;
}
.pm-intregation-section .pm-intregation-text .pm-intr-feature-inner a {
  z-index: 1;
  width: 100%;
  display: block;
  position: relative;
  background-color: #fff;
  padding: 18px 40px 13px;
  transition: all 500ms ease;
}
.pm-intregation-section .pm-intregation-text .pm-intr-feature-inner a:before {
  top: 0;
  left: 0;
  content: "";
  width: 0%;
  height: 100%;
  z-index: -1;
  position: absolute;
  transition: all 500ms ease;
  background: linear-gradient(-90deg, #227df8 0%, #0054c4 100%);
}
.pm-intregation-section .pm-intregation-text .pm-intr-feature-inner a:after {
  top: 12px;
  right: 40px;
  color: #cfd8e4;
  font-size: 24px;
  content: "";
  font-weight: 900;
  position: absolute;
  font-family: "Font Awesome 5 Free";
}
.pm-intregation-section .pm-intregation-text .pm-intr-feature-inner a .pm-inft-icon {
  font-size: 22px;
  margin-top: 3px;
  margin-right: 30px;
}
.pm-intregation-section .pm-intregation-text .pm-intr-feature-inner a .pm-inft-icon i {
  transition: 0.3s all ease-in-out;
}
.pm-intregation-section .pm-intregation-text .pm-intr-feature-inner a .pm-inft-text {
  color: #003378;
  font-size: 18px;
  font-weight: 700;
  transition: 0.3s all ease-in-out;
}
.pm-intregation-section .pm-intregation-text .pm-intr-feature-inner a:hover:before {
  width: 100%;
}
.pm-intregation-section .pm-intregation-text .pm-intr-feature-inner a:hover .pm-inft-icon i {
  color: #ffffff;
  background: none;
  -webkit-text-fill-color: inherit;
}
.pm-intregation-section .pm-intregation-text .pm-intr-feature-inner a:hover .pm-inft-text {
  color: #fff;
}

/*---------------------------------------------------- */
/*process area*/
/*----------------------------------------------------*/
.pm-process-section {
  padding: 100px 0px;
}
.pm-process-section .pm-process-wrapper {
  padding-top: 50px;
}
.pm-process-section .pm-process-line {
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  transform: translateY(-50%);
}

.pm-process-icon-text {
  margin: 0px 35px;
  display: inline-block;
}
.pm-process-icon-text:nth-child(even) {
  transform: translateY(40px);
}
.pm-process-icon-text .pm-process-icon {
  width: 160px;
  height: 160px;
  line-height: 160px;
  border-radius: 100%;
  margin-bottom: 35px;
  background-color: #fff;
  box-shadow: 0px 30px 60px 0px rgba(0, 51, 120, 0.04);
}
    .pm-process-icon-text .pm-process-icon span {
        right: 0;
        bottom: 0;
        color: #fff;
        width: 50px;
        height: 50px;
        font-weight: 600;
        line-height: 50px;
        text-align: center;
        position: absolute;
        border-radius: 100%;
        font-family: "Poppins";
        background: linear-gradient(-90deg, #9a22b4 0%, #0054c4 100%);
    }
.pm-process-icon-text .pm-process-text h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  font-weight: 600;
}

/*---------------------------------------------------- */
/*counter area*/
/*----------------------------------------------------*/
.pm-counter-section {
  z-index: 1;
}
.pm-counter-section:after {
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 80px;
  z-index: -1;
  position: absolute;
  background-color: #f7f7f7;
}
.pm-counter-section .pm-counter-wrapper {
  padding: 75px 0px 40px;
  background-color: #fff;
  box-shadow: 0px 30px 60px 0px rgba(0, 51, 120, 0.04);
}
.pm-counter-section .pm-counter-text-icon .odometer,
.pm-counter-section .pm-counter-text-icon strong {
  line-height: 1;
  color: #003378;
  font-weight: 600;
  font-size: 50px;
  font-family: "Poppins";
}
.pm-counter-section .pm-counter-text-icon .odometer {
  line-height: 0.8;
  font-weight: 600;
}
.pm-counter-section .pm-counter-text-icon strong {
  top: 10px;
  position: relative;
}
.pm-counter-section .pm-counter-text-icon p {
  color: #003378;
  font-weight: 700;
  padding-top: 5px;
}

/*---------------------------------------------------- */
/*testimonial area*/
/*----------------------------------------------------*/
.pm-testimonial-section {
  padding: 100px 0px 60px;
  background-color: #f7f7f7;
}
.pm-testimonial-section .pm-testimonial-bg {
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

.pm-testimonial-inner {
  padding: 30px;
  margin-bottom: 40px;
  background-color: #fff;
  box-shadow: 0px 8px 16px 0px rgba(0, 51, 120, 0.03);
}
.pm-testimonial-inner .pm-testimonial-author {
  margin-top: 18px;
}
.pm-testimonial-inner .pm-testimonial-author .pm-author-text h3 {
  color: #003378;
  font-size: 18px;
  font-weight: 600;
}
.pm-testimonial-inner .pm-testimonial-author .pm-author-text ul {
  line-height: 1;
}
.pm-testimonial-inner .pm-testimonial-author .pm-author-text li {
  line-height: 0.5;
}
.pm-testimonial-inner .pm-testimonial-author .pm-author-text li a {
  color: #fbb040;
  font-size: 10px;
}
.pm-testimonial-inner .pm-testimonial-img {
  width: 40px;
  height: 40px;
  overflow: hidden;
  margin-right: 20px;
  border-radius: 100%;
}

.pm-testimonial-content .pm-testimonial-text-item {
  padding-top: 150px;
}
.pm-testimonial-content .col-md-4:nth-child(1) .pm-testimonial-inner:nth-child(2) {
  transform: translateX(-40px);
}
.pm-testimonial-content .col-md-4:nth-child(3) .pm-testimonial-inner:nth-child(2) {
  transform: translateX(40px);
}

/*---------------------------------------------------- */
/*Blog area*/
/*----------------------------------------------------*/
.pm-blog-section {
  padding: 100px 0px;
}
.pm-blog-section .pm-blog-wrapper {
  padding-top: 40px;
  margin: 0px -15px;
}

.pm-blog-img-text {
  float: left;
  display: flex;
  cursor: pointer;
  max-width: 610px;
  padding: 0px 15px;
}
.pm-blog-img-text .pm-blog-text {
  display: none;
  max-width: 330px;
  padding: 50px 0px 0px 40px;
  box-shadow: 0px 8px 16px 0px rgba(0, 51, 120, 0.03);
  transition: opacity 1s ease-out;
  opacity: 0;
}
.pm-blog-img-text .pm-blog-text .pm-blog-meta {
  padding-bottom: 15px;
}
.pm-blog-img-text .pm-blog-text .pm-date-meta {
  color: #9db0cb;
  font-size: 14px;
  font-weight: 700;
  margin-left: 15px;
}
.pm-blog-img-text .pm-blog-text .pm-date-meta i {
  margin-right: 5px;
  color: #003378;
}
.pm-blog-img-text .pm-blog-text .pm-blog-title h3 {
  font-size: 18px;
  font-weight: 600;
  color: #003378;
  padding-bottom: 20px;
}
.pm-blog-img-text.active .pm-blog-text {
  opacity: 1;
  display: inline-block;
}

/*---------------------------------------------------- */
/*Footer area*/
/*----------------------------------------------------*/
.pm-footer-section {
  background-color: #f7f7f7;
}
.pm-footer-section .pm-footer-wrapper {
  padding: 100px 0px;
}
.pm-footer-section .footer-widget-area .pm-footer-widget {
  float: left;
  width: 32.33%;
}
.pm-footer-section .footer-widget-area .pm-footer-widget .pm-footer-store a {
  display: block;
  margin-bottom: 5px;
}
.pm-footer-section .pm-footer-widget .widget-title {
  font-size: 18px;
  font-weight: 700;
  color: #003378;
  padding-bottom: 35px;
}
.pm-footer-section .pm-footer-widget .pm-footer-support {
  color: #6480a7;
}
.pm-footer-section .pm-footer-widget .pm-footer-support:before {
  top: -2px;
  width: 1px;
  background: linear-gradient(-90deg, #227df8 0%, #0054c4 100%);
}
.pm-footer-section .pm-footer-widget .pm-footer-support a {
  color: #003378;
}
.pm-footer-section .pm-footer-widget p {
  max-width: 280px;
  padding-top: 38px;
}
.pm-footer-section .pm-footer-widget p a {
  font-weight: 700;
  color: #003378;
}
.pm-footer-section .pm-footer-widget .pm-footer-social {
  margin-top: 38px;
}
.pm-footer-section .pm-footer-widget .pm-footer-social a {
  z-index: 1;
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin-right: 10px;
  text-align: center;
  position: relative;
  display: inline-block;
  background-color: #fff;
  transition: 0.3s all ease-in-out;
}
.pm-footer-section .pm-footer-widget .pm-footer-social a:after {
  top: 0;
  left: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 0%;
  position: absolute;
  transition: 0.3s all ease-in-out;
  background: linear-gradient(-90deg, #227df8 0%, #0054c4 100%);
}
.pm-footer-section .pm-footer-widget .pm-footer-social a:hover {
  color: #fff;
}
.pm-footer-section .pm-footer-widget .pm-footer-social a:hover:after {
  height: 100%;
}
.pm-footer-section .pm-footer-widget .pm-footer-menu-widget a {
  display: block;
  margin-bottom: 18px;
  transition: 0.3s all ease-in-out;
}
.pm-footer-section .pm-footer-widget .pm-footer-menu-widget a:hover {
  color: #000;
}

.pm-footer-copyright {
  padding: 35px 0px 32px;
  background-color: #efefef;
}
.pm-footer-copyright .pm-footer-copyright-menu a {
  font-size: 16px;
  font-weight: 700;
  color: #003378;
  margin-right: 70px;
  transition: 0.3s all ease-in-out;
}
.pm-footer-copyright .pm-footer-copyright-menu a:hover {
  color: #000;
}

/*---------------------------------------------------- */
/*call to action area*/
/*----------------------------------------------------*/
.pm-call-to-action-section .call-to-action-wrapper {
  z-index: 1;
  padding: 100px 0px;
  background: linear-gradient(-90deg, #227df8 0%, #0054c4 100%);
}
.pm-call-to-action-section .call-to-action-wrapper .pm-banner-shape1 {
  left: 85px;
  bottom: 45px;
}
.pm-call-to-action-section .call-to-action-wrapper .pm-banner-shape2 {
  left: 170px;
  bottom: 75px;
}
.pm-call-to-action-section .call-to-action-wrapper .pm-banner-shape3 {
  top: 65px;
  right: 65px;
}
.pm-call-to-action-section .call-to-action-wrapper .pm-banner-shape4 {
  top: 100px;
  right: 145px;
}
.pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content {
  z-index: 1;
  margin: 0 auto;
  max-width: 800px;
}
.pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content p {
  color: #adcdf9;
  font-size: 18px;
  padding-top: 25px;
}
.pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content .pm-section-title .pm-title-tag {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}
.pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content .pm-section-title h2 {
  color: #fff;
}
.pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content .pm-call-action-btn {
  margin-top: 35px;
}
.pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content .pm-call-action-btn a {
  color: #fff;
  height: 60px;
  font-weight: 700;
  margin: 0px 10px;
  line-height: 60px;
  text-align: center;
  display: inline-block;
  transition: 0.3s all ease-in-out;
}
.pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content .pm-call-action-btn a:nth-child(1) {
  width: 200px;
  border: 2px solid #003378;
  background-color: #003378;
}
.pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content .pm-call-action-btn a:nth-child(1):hover {
  background-color: #000;
  border: 2px solid #000;
}
.pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content .pm-call-action-btn a:nth-child(2) {
  width: 160px;
  border: 2px solid #6f9fe0;
}
.pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content .pm-call-action-btn a:nth-child(2):hover {
  background-color: #000;
  border: 2px solid #000;
}

/*---------------------------------------------------- */
/*Mobile Menu area*/
/*----------------------------------------------------*/
.pm-mobile_menu_content {
  top: 0px;
  bottom: 0;
  right: -350px;
  height: 100vh;
  z-index: 101;
  position: fixed;
  width: 280px;
  overflow-y: scroll;
  background-color: #fff;
  padding: 40px 0px;
  box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
  transition: all 0.5s ease-in;
}
.pm-mobile_menu_content .pm-mobile-main-navigation {
  width: 100%;
}
.pm-mobile_menu_content .pm-mobile-main-navigation .navbar-nav {
  width: 100%;
}
    .pm-mobile_menu_content .navbar-nav .dropdown-menu,
    .navbar-nav .dropdown-menu {
        position: static !important;
        transform: none !important;
    }
.pm-mobile_menu_content .pm-mobile-main-navigation .navbar-nav li {
  width: 100%;
  display: block;
  transition: 0.3s all ease-in-out;
  border-bottom: 1px solid #dcdcdc;
}
.pm-mobile_menu_content .pm-mobile-main-navigation .navbar-nav li:first-child {
  border-top: 1px solid #dcdcdc;
}
.pm-mobile_menu_content .pm-mobile-main-navigation .navbar-nav li a {
  color: #000;
  padding: 0;
  width: 100%;
  display: block;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 30px;
  text-transform: uppercase;
}
.pm-mobile_menu_content .m-brand-logo {
  width: 160px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.pm-mobile_menu_wrap.mobile_menu_on .pm-mobile_menu_content {
  right: 0px;
  transition: all 0.7s ease-out;
}

.mobile_menu_overlay {
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  right: 0%;
  height: 120vh;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.9);
  transition: all 0.5s ease-in-out;
}

.mobile_menu_overlay_on {
  overflow: hidden;
}

.pm-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
  opacity: 1;
  visibility: visible;
}

.pm-mobile_menu_button {
  right: 0;
  top: -35px;
  z-index: 5;
  color: #fff;
  display: none;
  cursor: pointer;
  font-size: 30px;
  line-height: 40px;
  position: absolute;
  text-align: center;
}

.pm-mobile_menu .pm-mobile-main-navigation .navbar-nav li a:after {
  display: none;
}
.pm-mobile_menu .pm-mobile-main-navigation .dropdown > .dropdown-menu,
.appi-ei-mobile-main-navigation .dropdown > .dropdown-menu {
    opacity: 1;
    visibility: visible;
}
.pm-mobile_menu .pm-mobile_menu_content .pm-mobile-main-navigation .navbar-nav .dropdown-menu,
.appi-ei-mobile-main-navigation .navbar-nav .dropdown-menu {
    border: none;
    display: none;
    transition: none;
    box-shadow: none;
    padding: 5px 0px;
    width: 100%;
    border-top: 1px solid #dcdcdc;
}
    .pm-mobile_menu .pm-mobile_menu_content .pm-mobile-main-navigation .navbar-nav .dropdown-menu li,
    .appi-ei-mobile-main-navigation .navbar-nav .dropdown-menu li {
        border: none;
        padding: 0 20px;
        line-height: 1;
    }
.pm-mobile_menu .dropdown {
  position: relative;
}
.pm-mobile_menu .dropdown .dropdown-btn {
  position: absolute;
  top: 0px;
  right: 0;
  height: 30px;
  padding: 5px 10px;
}
.pm-mobile_menu .dropdown .dropdown-btn:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  top: 0;
  left: 0;
  background-color: #dcdcdc;
}
.pm-mobile_menu .pm-mobile_menu_close {
  color: #d60606;
  cursor: pointer;
  top: 15px;
  left: 15px;
  font-size: 20px;
  position: absolute;
}
@media screen and (max-width: 1440px) {
  .pm-banner-section-1 .pm-banner-content .pm-banenr-img {
    right: -100px;
  }
}
@media screen and (max-width: 1300px) {
  .pm-banner-section-1 .pm-banner-content .pm-banenr-img {
    width: 50%;
    right: 0px;
  }

  .pm-feature-section-2 .pm-feature-content-2 .pm-feature-process .pm-f-process-img {
    right: -40px;
  }

  .pm-feature-section-2 .pm-feature-content-2:nth-child(even) .pm-feature-process .pm-f-process-img {
    left: -50px;
  }
}
@media screen and (max-width: 1199px) {
  .pm-feature-section-2 .pm-feature-content-2 .pm-feature-process .pm-f-process-img {
    right: 0;
    width: 50%;
  }

  .pm-feature-section-2 .pm-feature-content-2:nth-child(even) .pm-feature-process .pm-f-process-img {
    left: 0;
    width: 50%;
  }

  .pm-testimonial-content .col-md-4:nth-child(1) .pm-testimonial-inner:nth-child(2),
  .pm-testimonial-content .col-md-4:nth-child(3) .pm-testimonial-inner:nth-child(2) {
    transform: translateX(0);
  }
}
@media screen and (max-width: 1024px) {
  .pm-main-header .pm-main-navigation li {
    margin: 0px 15px;
  }

  .pm-banner-section-1 .pm-banner-content .pm-banner-text h1 {
    font-size: 40px;
  }

  .pm-banner-section-1 .pm-banner-content .pm-banner-text {
    max-width: 470px;
  }

  .pm-intregation-section .pm-intregation-img .intr-img-item {
    margin-right: 0;
  }

  .pm-feature-section-2 .pm-feature-content-2 .pm-feature-process {
    padding: 60px 30px;
  }

  .pm-feature-section-2 .pm-feature-content-2 .pm-feature-process .pm-feature-item2 {
    max-width: 450px;
  }

  .pm-blog-img-text {
    width: 100%;
    display: flex;
    margin-bottom: 30px;
  }

  .pm-blog-img-text .pm-blog-text {
    opacity: 1;
    display: block;
  }
}
@media screen and (max-width: 991px) {
  .pm-main-menu-item {
    display: none;
  }

  .pm-banner-section-1 {
    padding: 150px 0px;
  }

  .pm-banner-section-1 .pm-banner-content .pm-banenr-img {
    width: 100%;
    margin-top: 40px;
    position: static !important;
  }

  .pm-feature-innerbox {
    margin-bottom: 30px;
  }

  .pm-intregation-img {
    max-width: 570px;
  }

  .pm-intregation-section .pm-intregation-img .intr-img-item {
    margin-right: 30px;
  }

  .pm-feature-section-2 .pm-feature-content-2 .pm-feature-process .pm-f-process-img {
    width: 100%;
    margin-top: 30px;
    position: static !important;
  }

  .pm-feature-section-2 .pm-feature-content-2:nth-child(even) .pm-feature-process .pm-feature-item2 {
    float: left;
  }

  .pm-feature-section-2 .pm-feature-content-2:nth-child(even) .pm-feature-process .pm-f-process-img {
    width: 100%;
  }

  .pm-process-icon-text:nth-child(even) {
    transform: translateY(0);
  }

  .pm-process-section .pm-process-line {
    display: none;
  }

  .pm-process-icon-text {
    margin-bottom: 30px;
  }

  .pm-testimonial-inner .pm-author-text {
    overflow: hidden;
  }

  .footer-widget-area {
    margin-top: 40px;
  }

  .pm-main-header .pm-logo {
    margin-top: 0;
  }

  .header-type-one .pm-header-support {
    display: none !important;
  }

  .pm-main-header.pm-sticky-menu {
    padding: 15px 0px;
  }

  .pm-mobile_menu_button {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .pm-counter-text-icon {
    margin-bottom: 30px;
  }

  .pm-testimonial-content .pm-testimonial-text-item {
    padding: 10px 0px 40px;
  }
}
@media screen and (max-width: 480px) {
  .pm-banner-section-1 {
    padding: 100px 0px;
  }

  .pm-banner-section-1 .pm-banner-content .pm-banner-text h1 {
    font-size: 32px;
  }

  .pm-banner-section-1 .pm-banner-content .pm-banner-text p {
    font-size: 16px;
    padding-bottom: 20px;
  }

  .pm-section-title h2 {
    font-size: 26px;
  }

  .pm-banner-section-1 .pm-banner-content .pm-banner-text a {
    width: 50px;
    height: 50px;
    width: 160px;
    line-height: 50px;
  }

  .pm-partner-section .pm-partner-wrapper {
    top: 0;
    margin-bottom: 50px;
  }

  .pm-feature-section {
    padding-bottom: 50px;
  }

  .pm-intregation-section .pm-intregation-img .intr-circle-shape {
    display: none;
  }

  .pm-intregation-section .pm-intregation-img .intr-img-top {
    margin-bottom: 0;
  }

  .pm-intregation-section .pm-intregation-img .intr-img-top .intr-img-item:nth-child(2),
  .pm-intregation-section .pm-intregation-img .intr-img-bottom .intr-img-item:nth-child(1) {
    transform: translateY(0);
  }

  .pm-intregation-section .pm-intregation-img .intr-img-item {
    margin-bottom: 30px;
  }

  .pm-intregation-section {
    padding: 50px 0px 20px;
  }

  .pm-feature-section-2 .pm-feature-content-2 .pm-feature-process {
    margin-bottom: 50px;
  }

  .pm-process-icon-text .pm-process-icon {
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .pm-process-icon-text {
    width: 100%;
    margin: 0 auto;
    display: inline-block;
    margin-bottom: 30px;
  }

  .pm-process-section {
    padding: 50px 0px 20px;
  }

  .pm-counter-section .pm-counter-wrapper {
    padding: 20px 0px;
  }

  .pm-testimonial-section {
    padding: 50px 0px 20px;
  }

  .pm-blog-img-text {
    display: block;
  }

  .pm-blog-img {
    width: 100%;
    float: none;
    display: block;
  }

  .pm-blog-img-text .pm-blog-text {
    max-width: 100%;
    padding-left: 0;
    padding-top: 25px;
    display: inline-block;
  }

  .pm-blog-section {
    padding: 80px 0px 40px;
  }

  .pm-call-to-action-section .call-to-action-wrapper {
    padding: 40px 15px;
  }

  .pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content .pm-call-action-btn a:nth-child(1) {
    margin-bottom: 20px;
  }

  .pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content .pm-call-action-btn a:nth-child(1),
  .pm-call-to-action-section .call-to-action-wrapper .pm-call-action-content .pm-call-action-btn a:nth-child(2) {
    height: 50px;
    width: 130px;
    font-size: 14px;
    line-height: 50px;
  }

  .pm-footer-section .footer-widget-area .pm-footer-widget {
    width: 100%;
    margin-bottom: 30px;
  }

  .pm-footer-section .pm-footer-wrapper {
    padding: 50px 0px 20px;
  }

  .pm-footer-copyright .pm-footer-copyright-menu a {
    font-size: 14px;
    margin-right: 5px;
  }

  .pm-scrollup {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  .pm-counter-section .pm-counter-text-icon .odometer,
  .pm-counter-section .pm-counter-text-icon strong {
    font-size: 30px;
  }

  .pm-counter-section .pm-counter-text-icon strong {
    top: 5px;
  }
}
@media screen and (max-width: 380px) {
  .pm-section-title h2 {
    font-size: 24px;
  }

  .pm-feature-section-2 .pm-feature-content-2 .pm-feature-item-content .pm-f-process-text {
    font-size: 16px;
  }
}
/*---------------------------------------------------- */
/*dark-version area*/
/*----------------------------------------------------*/
.pm-home.dark-version {
  color: #dcdcdc;
}
    .pm-home.dark-version .pm-banner-section-1,
    .pm-home.dark-version .pm-call-to-action-section .call-to-action-wrapper {
        background: linear-gradient(90deg, #230847 0%, #73299a 50%, #230847 100%);
    }
.pm-home.dark-version .pm-title-tag,
.pm-home.dark-version .pm-testimonial-inner {
  background-color: #424242;
}
    .pm-home.dark-version .pm-partner-section,
    .pm-home.dark-version .pm-feature-section,
    .pm-home.dark-version .pm-feature-section-2 .pm-feature-content-2 .pm-feature-process,
    .pm-home.dark-version .pm-process-section,
    .pm-home.dark-version .pm-process-section,
    .pm-home.dark-version .pm-counter-section,
    .pm-home.dark-version .pm-blog-section,
    .pm-home.dark-version .pm-call-to-action-section,
    .pm-home.dark-version .pm-footer-section,
    .pm-home.dark-version .pm-scrollup {
        background-color: #230847;
    }
.pm-process-section {
    background-color: #24144a;
}
    .pm-home.dark-version .pm-counter-section .pm-counter-wrapper,
    .pm-home.dark-version .pm-testimonial-section,
    .pm-home.dark-version .pm-counter-section:after {
        background-color: #000;
    }
.pm-home.dark-version .pm-section-title h2,
.pm-section-title h2
.pm-home.dark-version .pm-feature-innerbox .pm-feature-top .pm-feature-text h3,
.pm-home.dark-version .pm-process-icon-text .pm-process-text h3,
.pm-process-icon-text .pm-process-text h3
.pm-home.dark-version .pm-testimonial-inner .pm-testimonial-author .pm-author-text h3,
.pm-home.dark-version .pm-counter-section .pm-counter-text-icon .odometer,
.pm-home.dark-version .pm-counter-section .pm-counter-text-icon strong,
.pm-home.dark-version .pm-counter-section .pm-counter-text-icon p,
.pm-home.dark-version .pm-blog-img-text .pm-blog-text .pm-blog-title h3,
.pm-home.dark-version .pm-footer-section .pm-footer-widget .widget-title,
.pm-home.dark-version .pm-footer-section .pm-footer-widget p a,
.pm-home.dark-version .pm-footer-section .pm-footer-widget .pm-footer-support a,
.pm-home.dark-version .pm-footer-copyright .pm-footer-copyright-menu a,
.pm-home.dark-version .pm-scrollup i {
    color: #fff;
}
.pm-home.dark-version .pm-feature-innerbox {
    border: 2px solid #380e71;
}
    .pm-home.dark-version .pm-feature-innerbox .pm-feature-top {
        border-bottom: 2px solid #380e71;
    }
.pm-home.dark-version .pm-intregation-section,
.pm-home.dark-version .pm-process-icon-text .pm-process-icon,
.pm-home.dark-version .pm-footer-section .pm-footer-widget .pm-footer-social a,
.pm-home.dark-version .pm-partner-section .pm-partner-wrapper,
.pm-home.dark-version .pm-footer-copyright {
  background-color: #000;
}
.pm-process-icon-text .pm-process-icon {
    background-color: #0f0034;
}
    .pm-home.dark-version .pm-intregation-section .pm-intregation-text .pm-intr-feature-inner a {
        background-color: #1a1a1a;
    }
.pm-home.dark-version .pm-feature-section-2 {
  background-color: #000;
}
.pm-home.dark-version .pm-feature-section-2 .pm-feature-content-2 .pm-feature-process:after {
  display: none;
}
.pm-home.dark-version .pm-process-section .pm-process-line,
.pm-process-section .pm-process-line {
    opacity: 0.2;
}
.pm-home.dark-version .pm-testimonial-section .pm-testimonial-bg {
  opacity: 0.1;
}
.pm-home.dark-version .pm-blog-img-text .pm-blog-text {
  background-color: #1d1919;
}

/*---------------------------------------------------- */

/*****Inner Page Style****/
.inner-page-padding {
  padding: 100px 0px;
}
.sa-team-inner-inner-box {
  margin-bottom: 40px;
}
.sa-team-inner-inner-box .str-team-img-text:hover .str-team-text {
  height: 175px;
}
.sa-contact-inner-form {
  margin: 0 auto;
  max-width: 750px;
  padding-top: 50px;
}
.sa-contact-inner-form input,
.sa-contact-inner-form textarea {
  width: 100%;
  height: 50px;
  padding-left: 20px;
  border-radius: 5px;
  margin-bottom: 15px;
  border: 2px solid #e8e8e8;
}
.sa-contact-inner-form textarea {
  height: 150px;
  padding-top: 20px;
}
.sa-contact-inner-form button {
  color: #fff;
  height: 60px;
  width: 170px;
  border: none;
  font-weight: 600;
  border-radius: 30px;
  background-color: #73299a;
}
.sa-contact-inner-btn {
  width: 100%;
}
::-webkit-input-placeholder { /* Edge */
    color: #7c77b7;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #7c77b7;
}

::placeholder {
    color: #7c77b7;
}
.dark-version .feature-eight-section,
.dark-version .eg-fun-fact-section,
.dark-version .eg-how-work-section,
.dark-version .ei-appdownload-section,
.dark-version .ei-team-section,
.dark-version .ei-faq-section,
.dark-version .ei-screenshots-section,
.dark-version .ei-testimonial-section,
.dark-version  .ei-partner-section,
.dark-version .ei-footer-section,
.dark-version .saas_two_service_section,
.dark-version .saas_two_feature_section,
.dark-version .saas_two_team_section,
.dark-version .s2-pricing_section {
	background-color: #0F0034;
}
.dark-version .eight-section-title .eg-title-tag,
.dark-version .eight-section-title h2 {
	color: #fff;
}
.dark-version .eight-section-title p {
	color: #C4C4C4;
}
.dark-version .feature-eight-section .eight-feature-box { 
	background-color: #24144A;
}
.dark-version .feature-eight-section .eight-feature-box .feature-text8 h3 {
	color: #fff;
}
	.dark-version .feature-eight-section .eight-feature-box .feature-text8 p,
	.dark-version .feature-eight-section .eight-feature-box .feature-text8 ul li {
		color: #C4C4C4;
	}
.dark-version .feature-eight-section .eight-feature-box .feature-icon8 .ei-icon-bg {
	background-color: #3A256C;
}
.dark-version .eight-service-section {
	background-color: #0F0034;
}
.dark-version .eight-service-section .s-shape-bg2 {
	display: none;
}
.dark-version  .ei-service-icon-text .ei-service-text h3,
.dark-version .eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number p,
.dark-version .eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-text h3,
.dark-version .ei-team-section .ei-team-pic-text .ei-team-text h3,
.dark-version .ei-faq-section .ei-faq-queans .ei-faq-header button,
.dark-version .ei-faq-section .ei-faq-queans .ei-faq-header a,
.dark-version .ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-text .ei-testimonial-name h3,
.dark-version  .ei-partner-text h4,
.dark-version .ei-footer-widget .ei-widget-title,
.dark-version .ei-footer-widget h4,
.dark-version  .saas_two_banner_section .s2-banner_content h1,
.dark-version .saas_two_banner_section .s2-banner_content .banner_btn a,
.dark-version  .saas_two_main_header .s2-main-navigation .navbar-nav li a,
.dark-version .saas_two_section_title h2, .saas_two_banner_section .s2-banner_content h1,
.dark-version .saas_two_about_section .s2-about_text_icon .s2-about_text h3, 
.dark-version .saas_two_feature_section .s2-feature_text h2, 
.dark-version .integration_section .integration_text h2,
.dark-version .saas_two_team_section .s2-team_img_text .s2_name_info h3,
.dark-version  .saas_two_service_section .service_content_box .service_text_box h3,
.dark-version  .saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_text_box h3,
.dark-version .saas_two_feature_section .s2-feature_text .saas_btn a,
.dark-version .s2-faq_section .s2_faq_content button,
.dark-version .s2-pricing_section .s2-pricing_item .s2-pricing_btn a,
.dark-version .dia-banner-section .dia-banner-content h1,
.dark-version .dia-main-header .dia-main-navigation li a,
.dark-version .dia-section-title h2,
.dark-version .dia-service-section .dia-service-details .dia-service-item h3,
.dark-version .dia-service-section .dia-service-details .dia-service-item li,
.dark-version .dia-service-section .dia-service-review .dia-service-rate-text,
.dark-version  .dia-fun-fact-section .dia-fun-fact-title h2,
.dark-version .dia-fun-fact-section .dia-fun-fact-item .fun-fact-number span,
.dark-version .dia-portfolio-img-text .dia-portfolio-text h3,
.dark-version .dia-team-section .dia-team-pic-text .dia-team-text h3,
.dark-version .dia-testimonial_text,
.dark-version .dia-testimonial-section .carousel-inner .dia-testimonial_meta h4,
.dark-version .dia-blog-section .dia-blog-img-text .dia-blog-text h3,
.dark-version .dia-newslatter-section .dia-newslatter-content .dia-newslatter-text h3,
.dark-version .dia-footer-widget .dia-widget-title,
.dark-version .str-section-title h2,
.dark-version  .str-feature-section .str-feature-icon-text .str-feature-text h3,
.dark-version .str-about-section .str-about-content .str-about-textarea,
.dark-version .str-about-section .str-about-content .str-about-list li,
.dark-version .str-work-process-section .str-work-icon-text .str-work-text h3,
.dark-version .str-work-process-section .str-work-icon-text .str-work-text .str-btn,
.dark-version .str-work-process-section .str-work-icon-text .str-work-icon i,
.dark-version .str-testimonial_content .str-testimonial_text h4,
.dark-version .str-testimonial_name_designation .str-testimonial_meta h4,
.dark-version .str-testimonial_name_designation .str-testimonial_meta p,
.dark-version .str-newslatter-content .str-newslatter-text h2,
.dark-version .str-team-img-text .str-team-text h4,
.dark-version .str-get-in-touch-section .str-get-touch-icon-text .str-get-touch-text h3,
.dark-version .str-footer-area .footer-content .str-footer-widget .str-widget-title {
	color: #fff;
}
.dark-version .ei-service-icon-text .ei-service-text p,
.dark-version .eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-text p,
.dark-version  .ei-team-section .ei-team-pic-text .ei-team-text p,
.dark-version .ei-faq-section .ei-faq-content .ei-title-faq p,
.dark-version .ei-faq-section .ei-faq-queans .ei-faq .ei-faq-body,
.dark-version .ei-testimonial-section .ei-testimonial-img-text .ei-testimonial-text p,
.dark-version .ei-partner-text p,
.dark-version .ei-footer-widget p,
.dark-version .ei-footer-widget ul li a,
.dark-version  .ei-copyright-text p,
.dark-version  .ei-footer-copyright .ei-copyright-menu a,
.dark-version .saas_two_banner_section .s2-banner_content p,
.dark-version .saas_two_banner_section .s2-banner_content .banner_btn span,
.dark-version .saas_two_service_section .service_content_box .service_text_box p,
.dark-version .saas_two_about_section .s2-about_text_icon .s2-about_text p,
.dark-version .saas_two_feature_section .s2-feature_text p, 
.dark-version .integration_section .integration_text p,
.dark-version  .saas_two_feature_section .s2-feature_right .s2-feature_list .s2-feature_text_box p,
.dark-version .s2-faq_section .s2_faq_content .s2_faq .s2_faq-body,
.dark-version .dia-banner-section .dia-banner-content p,
.dark-version .dia-fun-fact-section .dia-fun-fact-item p,
.dark-version .dia-about-content .dia-about-text,
.dark-version .dia-about-content .dia-about-list li,
.dark-version  .dia-exp-section .dio-exp-text-area .dia-about-text,
.dark-version  .dia-exp-section .skill-progress-bar .skill-set-percent h4,
.dark-version .dia-portfolio-img-text .dia-portfolio-text span,
.dark-version .dia-section-title p,
.dark-version .dia-team-section .dia-team-pic-text .dia-team-text p,
.dark-version .dia-testimonial-section .carousel-inner .dia-testimonial_meta p,
.dark-version .dia-newslatter-section .dia-newslatter-content .dia-newslatter-text p,
.dark-version .dia-newslatter-section .dia-newslatter-content .dia-newslatter-form .dia-newslatter-checkbox label,
.dark-version .dia-footer-widget p,
.dark-version .dia-footer-widget ul li a,
.dark-version .dia-footer-copyright .dia-copyright-menu a,
.dark-version .dia-copyright-text p,
.dark-version .str-get-touch-text span {
	color: #C4C4C4;
}
.dark-version .ei-service-icon-text .ei-service-icon {
	background-color: #3A256C;
}
.dark-version .eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text {
	background-color: #3A256C;
}
.dark-version .eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .scroller-no {
	color: #ce90f4;
}
.dark-version .eg-how-work-section .ei-how-work-content-item .mCSB_scrollTools .mCSB_draggerRail {
	background-color: #382b57;
}
.dark-version .ei-appdownloaad-shape {
	opacity: .2;
}
.dark-version .ei-team-section .ei-team-pic-text .ei-team-img:after { 
	background-image: linear-gradient(180deg, #A11B1B00 0%, #F2295B00 100%);
	border-color: #2968FF;
}
.dark-version .ei-faq-section .ei-faq-queans .ei-faq.faq_bg {
	background-color: #24144a;
}
.dark-version .ei-faq-section .fq-shape-style6 {
	opacity: .2;
}
.dark-version .ei-testimonial-section .ei-testimonial-img-text {
	background-color: #0F0034;
}
.dark-version .ei-testimonial-section .ei-testimonial-img-text .test--quote-icon i {
	color: #3c4658;
}
.dark-version .ei-footer-copyright .ei-footer-copyright-content {
	border-top: 2px solid #2a2f3d;
}
/*** Dark Home 2 ***/
.dark-version .saas_two_banner_section {
	background-color: #1B0234;
}
.dark-version .saas_two_main_header,
.dark-version .saas_two_feature_section .s2-feature_right .s2-feature_list {
	background-color: #090012;
}
.dark-version .saas_two_service_section .service_content_box::after {
	background-color: #2c0345;
}
.dark-version .saas_two_service_section .service_content_box .service_icon_box .upper_icon svg {
	fill: #acacac;
}
.dark-version .saas_two_about_section,
.dark-version .integration_section {
	background-color: #0f0034;
}
.dark-version .saas_two_team_section .s2-team_img_text .s2_name_info .s2-designation {
	color: #cc0fda;
}
.dark-version .s2-faq_section:after {
	background-image: url(../img/dark-img/cfd.png);
}
.dark-version .s2-faq_section {
	background-color: #000;
}
.dark-version .s2-pricing_section .s2-pricing_item {
	background-color: #1F003E;
}
.dark-version .s2-pricing_section .s2-pricing_item .s2-pricing_list li {
	color: #fff;
	border: none;
}
.saas-classic.dark-version {
	background: #1b0234;
}
.dark-version .dia-banner-section,
.dark-version .dia-service-section,
.dark-version  .dia-fun-fact-section,
.dark-version .dia-about-section,
.dark-version .dia-exp-section,
.dark-version .dia-portfolio-section,
.dark-version .dia-team-section,
.dark-version .dia-testimonial-section,
.dark-version  .dia-blog-section,
.dark-version .dia-footer-section {
	background-color: #050017; 
}
.dark-version .dia-main-header .dia-main-navigation {
	background-color: rgba(5,0,23,0.73);
}
.dark-version .dia-banner-section .banner-side-img {
	z-index: 0
}
.dark-version .dia-sticky-menu {
	background-color: #000;
}
.dark-version .dia-team-section .dia-team-pic-text .dia-team-img:after {
	display: none;
}
.dark-version .dia-testimonial-section .carousel-inner .carousel-item {
	background-color: #170D3D;
}
.dark-version .dia-testimonial-section .dia-testimonial_slider-area .test-shape1,
.dark-version .dia-testimonial-section .dia-testimonial_slider-area .test-shape2 {
	z-index: 0;
}
.dark-version .dia-newslatter-section {
	background-color: #170D3D;
}
.dark-version .dia-newslatter-section .dia-newslatter-content {
	background-color: #000;
}
.dark-version .dia-footer-copyright .dia-footer-copyright-content {
	border-top: 2px solid #242937;
}
.dark-version .str-banner-section,
.dark-version .str-feature-section,
.dark-version .str-portfolio-section,
.dark-version .str-testimonial_section,
.dark-version .str-blog-section,
.dark-version .str-footer-area {
	background-color: #000;
}
.dark-version .str-work-process-section {
	background-color: #0F0034;
}
.dark-version .str-section-title .str-title-tag {
	color: #0a71db;
}
.dark-version .str-feature-section .str-feature-icon-text {
	background-color: #102A45
}
.dark-version.str-home {
	color: #9E9C9C;
}
.dark-version .str-about-section {
	background-color: #03111F;
}
.dark-version .str-about-section .str-aboutbg1,
.dark-version .str-about-section .str-aboutbg2,
.dark-version .str-about-section .str-aboutbg3 {
	opacity: .3;
}
.dark-version .str-portfolio-section:after {
	background-color: #121212;
}
.dark-version .str-testimonial_indicator {
	background-image: url(../img/dark-img/test-dbg.png);
}
.dark-version .str-testimonial_section .str-tst-vector {
	opacity: .3;
}
.dark-version .str-partner-section,
.dark-version .str-newslatter-section,
.dark-version .str-team-section  {
	background-color: #1e1e1e;
}
.dark-version .str-newslatter-content:before {
	background-color: #1e1e1e;
}
.dark-version .str-newslatter-content .str-newslatter-text p {
	color: #f7f7f7;
}
.dark-version .str-newslatter-content .str-newslatter-form input {
	background-color: #000;
}
.dark-version .str-newslatter-content .str-mail-icon {
	opacity: .5;
}
.dark-version .str-team-img-text .str-team-text {
	background-color: #000;
}
.dark-version .str-team-text span {
	color: #148eff;
	-webkit-text-fill-color: inherit;
}
.dark-version .str-get-in-touch-section {
	background-color: #1e1e1e;
}
.dark-version .str-get-in-touch-section .str-get-touch-icon-text {
    border: 1px solid #535460;
}
.dark-version .str-footer-area .footer-content .str-footer-widget .str-newslatter-widget button {
	background-color: #505050;
}