/* Minification failed. Returning unminified contents. (10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9988,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/' (9991,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/' (9994,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/' (9997,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/' (10605,57): run-time error CSS1019: Unexpected token, found ',' (10605,57): run-time error CSS1042: Expected function, found ',' (10605,61): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (10606,49): run-time error CSS1019: Unexpected token, found ',' (10606,49): run-time error CSS1042: Expected function, found ',' (10606,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (10609,54): run-time error CSS1019: Unexpected token, found ',' (10609,54): run-time error CSS1042: Expected function, found ',' (10609,57): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (10610,46): run-time error CSS1019: Unexpected token, found ',' (10610,46): run-time error CSS1042: Expected function, found ',' (10610,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (10665,12): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11005,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16531,28): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (16627,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (16810,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (16909,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (16988,28): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-4' (16993,28): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (17008,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (17174,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (17251,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (17273,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (17363,16): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (17531,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (17578,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-4' (17840,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (17850,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (17902,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (18075,23): run-time error CSS1039: Token not allowed after unary operator: '-thm-pony-tale-font' (18157,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (18328,24): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (18576,28): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (18613,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (18635,28): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (18640,28): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-5' (18788,23): run-time error CSS1039: Token not allowed after unary operator: '-thm-pony-tale-font' (18946,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (19074,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-3' (19109,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (19131,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-5' (19271,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-3' (19272,24): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-3' (19369,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (19375,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (19381,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (19390,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (19393,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (19498,40): run-time error CSS1046: Expect comma, found '0' (19498,44): run-time error CSS1046: Expect comma, found '/' (19516,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (19591,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (19612,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-5' (19755,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-3' (19765,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (19768,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-4' (19814,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (19850,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (19858,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (19949,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-5' (20013,24): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (20016,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-3' (20024,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (20069,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (20107,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (20267,28): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (20297,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-3' (20382,28): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (20593,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-3' (20708,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (20753,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (20770,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (20775,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (20892,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (20934,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (21051,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (21054,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (21212,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (21229,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (21232,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-3' (21255,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (21258,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (21328,40): run-time error CSS1046: Expect comma, found '0' (21328,44): run-time error CSS1046: Expect comma, found '/' (21347,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (21407,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (21410,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (21489,21): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (21537,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (21645,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (21729,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (21766,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (21785,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (21817,33): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (21828,24): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (22247,1): run-time error CSS1019: Unexpected token, found '@import' (22247,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap')' (22247,112): run-time error CSS1019: Unexpected token, found ';' (22248,1): run-time error CSS1019: Unexpected token, found '@import' (22248,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap')' (22248,85): run-time error CSS1019: Unexpected token, found ';' (22253,1): run-time error CSS1019: Unexpected token, found '@import' (22253,9): run-time error CSS1019: Unexpected token, found 'url(animate.css)' (22253,25): run-time error CSS1019: Unexpected token, found ';' (22254,1): run-time error CSS1019: Unexpected token, found '@import' (22254,9): run-time error CSS1019: Unexpected token, found 'url(bootstrap-select.min.css)' (22254,38): run-time error CSS1019: Unexpected token, found ';' (22255,1): run-time error CSS1019: Unexpected token, found '@import' (22255,9): run-time error CSS1019: Unexpected token, found 'url(date-picker.css)' (22255,29): run-time error CSS1019: Unexpected token, found ';' (22256,1): run-time error CSS1019: Unexpected token, found '@import' (22256,9): run-time error CSS1019: Unexpected token, found 'url(jquery.bxslider.css)' (22256,33): run-time error CSS1019: Unexpected token, found ';' (22257,1): run-time error CSS1019: Unexpected token, found '@import' (22257,9): run-time error CSS1019: Unexpected token, found 'url(jquery.fancybox.min.css)' (22257,37): run-time error CSS1019: Unexpected token, found ';' (22258,1): run-time error CSS1019: Unexpected token, found '@import' (22258,9): run-time error CSS1019: Unexpected token, found 'url(jquery.mCustomScrollbar.min.css)' (22258,45): run-time error CSS1019: Unexpected token, found ';' (22259,1): run-time error CSS1019: Unexpected token, found '@import' (22259,9): run-time error CSS1019: Unexpected token, found 'url(jquery-ui.css)' (22259,27): run-time error CSS1019: Unexpected token, found ';' (22260,1): run-time error CSS1019: Unexpected token, found '@import' (22260,9): run-time error CSS1019: Unexpected token, found 'url(polyglot-language-switcher.css)' (22260,44): run-time error CSS1019: Unexpected token, found ';' (22261,1): run-time error CSS1019: Unexpected token, found '@import' (22261,9): run-time error CSS1019: Unexpected token, found 'url(slick.css)' (22261,23): run-time error CSS1019: Unexpected token, found ';' (22262,1): run-time error CSS1019: Unexpected token, found '@import' (22262,9): run-time error CSS1019: Unexpected token, found 'url(timePicker.css)' (22262,28): run-time error CSS1019: Unexpected token, found ';' (22263,1): run-time error CSS1019: Unexpected token, found '@import' (22263,9): run-time error CSS1019: Unexpected token, found 'url(jquery.bootstrap-touchspin.css)' (22263,44): run-time error CSS1019: Unexpected token, found ';' (22293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22333,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-gray' (22337,23): run-time error CSS1039: Token not allowed after unary operator: '-thm-font' (22357,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (22360,23): run-time error CSS1039: Token not allowed after unary operator: '-thm-font' (22475,28): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (22536,28): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (22540,28): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-5' (22745,28): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-4' (22786,24): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (22787,28): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (22857,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (22884,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (22891,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22892,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (22898,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22899,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (22970,40): run-time error CSS1046: Expect comma, found '245' (22970,48): run-time error CSS1046: Expect comma, found '/' (23023,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (23024,24): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (23029,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (23298,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (23312,28): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (23661,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23662,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24017,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (24018,24): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (24181,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (24367,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (24373,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (24377,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-3' (24402,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (24506,23): run-time error CSS1039: Token not allowed after unary operator: '-thm-font' (24580,23): run-time error CSS1039: Token not allowed after unary operator: '-thm-font' (24585,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (24589,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (24790,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-3' (24794,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (24798,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-4' (24806,33): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-3' (24810,33): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (24814,33): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-4' (24827,33): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (24922,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (24929,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (24941,28): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (24942,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (24950,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-5' (25062,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (25078,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (25082,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (25144,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-5' (25278,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (25491,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-4' (25560,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (25570,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (25633,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (25641,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (25645,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-5' (25649,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-3' (25802,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25803,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '70%' (25814,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25815,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '70%' (25855,33): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (25872,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (26161,24): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (26171,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (26215,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-3' (26310,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (26364,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (26410,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (26411,24): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (26415,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (26433,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (26483,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (26548,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (26562,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-3' (26569,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (26723,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (26735,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (26742,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (26797,33): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary-rgb' (26876,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (26912,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (26986,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (27011,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (27121,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-3' (27169,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-3' (27650,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (27651,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (27664,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (27665,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (27799,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (27896,28): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-3' (27900,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-3' (27947,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-4' (27952,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (27956,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-3' (27960,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-5' (28024,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (28118,33): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary-rgb' (28311,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-4' (28315,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (28319,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (28496,28): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-4' (28508,24): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (28509,28): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (28578,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (28635,24): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (28651,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-4' (28689,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (28706,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (28712,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (28730,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (28751,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (28762,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (28784,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (28847,28): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-3' (28952,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (29000,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-5' (29160,28): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (29292,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-3' (29370,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (29381,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (29419,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-4' (29453,28): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (29664,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (29677,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-2' (29690,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-4' (29696,23): run-time error CSS1039: Token not allowed after unary operator: '-thm-font' (29700,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-4' (29706,23): run-time error CSS1039: Token not allowed after unary operator: '-thm-font' (29753,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (29828,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (29890,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (29896,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (29960,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-4' (29966,23): run-time error CSS1039: Token not allowed after unary operator: '-thm-font' (29970,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-4' (29976,23): run-time error CSS1039: Token not allowed after unary operator: '-thm-font' (30007,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (30022,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (30128,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-5' (30466,28): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (30534,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-3' (30572,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-5' (30619,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-4' (30623,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-4' (30661,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-3' (30662,34): run-time error CSS1039: Token not allowed after unary operator: '-thm-color-3' (30736,28): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' (32634,17): run-time error CSS1039: Token not allowed after unary operator: '-thm-black' (32867,22): run-time error CSS1039: Token not allowed after unary operator: '-thm-primary' */ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /*! * Bootstrap v4.2.1 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :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,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --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%; -webkit-tap-highlight-color: transparent } 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,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; 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; text-decoration-skip-ink: none } 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 } 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 } 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 } figure { margin: 0 0 1rem } img { vertical-align: middle; border-style: none } svg { overflow: hidden; vertical-align: middle } 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=button], [type=reset], [type=submit], 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-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%; 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: 100% } .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: 100% } .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: 100% } .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: 100% } .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: 100% } .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%; 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-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th { border-color: #7abaff } .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-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th { border-color: #b3b7bb } .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-success tbody + tbody, .table-success td, .table-success th, .table-success thead th { border-color: #8fd19e } .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-info tbody + tbody, .table-info td, .table-info th, .table-info thead th { border-color: #86cfda } .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-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th { border-color: #ffdf7e } .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-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th { border-color: #ed969e } .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-light tbody + tbody, .table-light td, .table-light th, .table-light thead th { border-color: #fbfcfc } .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-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: #95999c } .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%; height: calc(2.25rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out } @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: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 { padding-right: 0; padding-left: 0 } .form-control-sm { height: calc(1.8125rem + 2px); padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem } .form-control-lg { height: calc(2.875rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem } select.form-control[multiple], select.form-control[size] { height: auto } textarea.form-control { height: auto } .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: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(40,167,69,.9); border-radius: .25rem } .form-control.is-valid, .was-validated .form-control:valid { border-color: #28a745; padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right calc(2.25rem / 4); background-size: calc(2.25rem / 2) calc(2.25rem / 2); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: #28a745; box-shadow: 0 0 0 .2rem rgba(40,167,69,.25) } .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip { display: block } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: 2.25rem; background-position: top calc(2.25rem / 4) right calc(2.25rem / 4) } .custom-select.is-valid, .was-validated .custom-select:valid { border-color: #28a745; padding-right: 3.4375rem; background: url("data:image/svg+xml,%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/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") no-repeat center right 1.75rem/1.125rem 1.125rem } .custom-select.is-valid:focus, .was-validated .custom-select: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, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select: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 { border-color: #28a745 } .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 { border-color: #34ce57; 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 .2rem rgba(40,167,69,.25) } .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745 } .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 ~ .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 { border-color: #28a745; 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: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(220,53,69,.9); border-radius: .25rem } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: #dc3545; padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right calc(2.25rem / 4); background-size: calc(2.25rem / 2) calc(2.25rem / 2); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) } .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip { display: block } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: 2.25rem; background-position: top calc(2.25rem / 4) right calc(2.25rem / 4) } .custom-select.is-invalid, .was-validated .custom-select:invalid { border-color: #dc3545; padding-right: 3.4375rem; background: url("data:image/svg+xml,%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/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") no-repeat center right 1.75rem/1.125rem 1.125rem } .custom-select.is-invalid:focus, .was-validated .custom-select: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, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select: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 { border-color: #dc3545 } .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 { border-color: #e4606d; 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 .2rem rgba(220,53,69,.25) } .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545 } .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 ~ .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 { border-color: #dc3545; 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; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; 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:hover { color: #212529; 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 } 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(38,143,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(38,143,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(130,138,145,.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(130,138,145,.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(72,180,97,.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(72,180,97,.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(58,176,195,.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(58,176,195,.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(222,170,12,.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(222,170,12,.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(225,83,97,.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(225,83,97,.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(216,217,219,.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(216,217,219,.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(82,88,93,.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(82,88,93,.5) } .btn-outline-primary { color: #007bff; 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; 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; 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; 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; 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; 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; 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; 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 } .btn-link:hover { color: #0056b3; text-decoration: underline } .btn-link.focus, .btn-link:focus { text-decoration: underline; 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; 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 } @media (min-width:576px) { .dropdown-menu-sm-right { right: 0; left: auto } } @media (min-width:768px) { .dropdown-menu-md-right { right: 0; left: auto } } @media (min-width:992px) { .dropdown-menu-lg-right { right: 0; left: auto } } @media (min-width:1200px) { .dropdown-menu-xl-right { right: 0; left: auto } } .dropdown-menu-left { right: auto; left: 0 } @media (min-width:576px) { .dropdown-menu-sm-left { right: auto; left: 0 } } @media (min-width:768px) { .dropdown-menu-md-left { right: auto; left: 0 } } @media (min-width:992px) { .dropdown-menu-lg-left { right: auto; left: 0 } } @media (min-width:1200px) { .dropdown-menu-xl-left { right: auto; left: 0 } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem } .dropup .dropdown-toggle::after { display: inline-block; 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; 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; margin-left: .255em; vertical-align: .255em; content: "" } .dropleft .dropdown-toggle::after { display: none } .dropleft .dropdown-toggle::before { display: inline-block; 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:first-child { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .dropdown-item:last-child { border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .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; pointer-events: none; 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: 1 1 auto; flex: 1 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-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-group:not(:first-child), .btn-group > .btn:not(:first-child) { margin-left: -1px } .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-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) { margin-top: -1px } .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, .input-group > .form-control-plaintext { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0 } .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, .input-group > .form-control-plaintext + .custom-file, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .form-control { margin-left: -1px } .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus { z-index: 3 } .input-group > .custom-file .custom-file-input:focus { z-index: 4 } .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:focus, .input-group-prepend .btn:focus { z-index: 3 } .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-lg > .custom-select, .input-group-lg > .form-control:not(textarea) { height: calc(2.875rem + 2px) } .input-group-lg > .custom-select, .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-sm > .custom-select, .input-group-sm > .form-control:not(textarea) { height: calc(1.8125rem + 2px) } .input-group-sm > .custom-select, .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-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem } .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; border-color: #007bff; background-color: #007bff } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-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; vertical-align: top } .custom-control-label::before { position: absolute; top: .25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px } .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::after { background-image: url("data:image/svg+xml,%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 { border-color: #007bff; background-color: #007bff } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%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::after { background-image: url("data:image/svg+xml,%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-switch { padding-left: 2.25rem } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: .5rem } .custom-switch .custom-control-label::after { top: calc(.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: .5rem; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out; transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out } @media screen and (prefers-reduced-motion:reduce) { .custom-switch .custom-control-label::after { transition: none } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; -webkit-transform: translateX(.75rem); transform: translateX(.75rem) } .custom-switch .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; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: url("data:image/svg+xml,%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/8px 10px; background-color: #fff; 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: 0 0 0 .2rem 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: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem } .custom-select-lg { height: calc(2.875rem + 2px); padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.25rem } .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:disabled ~ .custom-file-label { background-color: #e9ecef } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse" } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse) } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(2.25rem + 2px); padding: .375rem .75rem; font-weight: 400; 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: inherit; border-radius: 0 .25rem .25rem 0 } .custom-range { width: 100%; height: calc(1rem + .4rem); padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .custom-range:focus { outline: 0 } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) } .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; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-appearance: none; appearance: none } @media screen and (prefers-reduced-motion:reduce) { .custom-range::-webkit-slider-thumb { transition: none } } .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; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -moz-appearance: none; appearance: none } @media screen and (prefers-reduced-motion:reduce) { .custom-range::-moz-range-thumb { transition: none } } .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; margin-top: 0; margin-right: .2rem; margin-left: .2rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; appearance: none } @media screen and (prefers-reduced-motion:reduce) { .custom-range::-ms-thumb { transition: none } } .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 } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd } .custom-range:disabled::-moz-range-track { cursor: default } .custom-range:disabled::-ms-thumb { background-color: #adb5bd } .custom-control-label::before, .custom-file-label, .custom-select { transition: 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) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none } } .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; pointer-events: none; cursor: default } .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,%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,%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; color: inherit; 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 { overflow: hidden } .accordion .card:not(:first-of-type) .card-header:first-child { border-radius: 0 } .accordion .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; 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 } .accordion .card .card-header { margin-bottom: -1px } .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 } a.badge:focus, a.badge:hover { text-decoration: none } .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 } a.badge-primary:focus, a.badge-primary:hover { color: #fff; background-color: #0062cc } .badge-secondary { color: #fff; background-color: #6c757d } a.badge-secondary:focus, a.badge-secondary:hover { color: #fff; background-color: #545b62 } .badge-success { color: #fff; background-color: #28a745 } a.badge-success:focus, a.badge-success:hover { color: #fff; background-color: #1e7e34 } .badge-info { color: #fff; background-color: #17a2b8 } a.badge-info:focus, a.badge-info:hover { color: #fff; background-color: #117a8b } .badge-warning { color: #212529; background-color: #ffc107 } a.badge-warning:focus, a.badge-warning:hover { color: #212529; background-color: #d39e00 } .badge-danger { color: #fff; background-color: #dc3545 } a.badge-danger:focus, a.badge-danger:hover { color: #fff; background-color: #bd2130 } .badge-light { color: #212529; background-color: #f8f9fa } a.badge-light:focus, a.badge-light:hover { color: #212529; background-color: #dae0e5 } .badge-dark { color: #fff; background-color: #343a40 } a.badge-dark:focus, a.badge-dark:hover { color: #fff; 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; pointer-events: none; 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 .list-group-item:last-child { margin-bottom: -1px } .list-group-flush:first-child .list-group-item:first-child { border-top: 0 } .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; 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:hover { color: #000; text-decoration: none } .close:not(:disabled):not(.disabled) { cursor: pointer } .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { opacity: .75 } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none } a.close.disabled { pointer-events: none } .toast { max-width: 350px; overflow: hidden; font-size: .875rem; background-color: rgba(255,255,255,.85); background-clip: padding-box; border: 1px solid rgba(0,0,0,.1); border-radius: .25rem; box-shadow: 0 .25rem .75rem rgba(0,0,0,.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0 } .toast:not(:last-child) { margin-bottom: .75rem } .toast.showing { opacity: 1 } .toast.show { display: block; opacity: 1 } .toast.hide { display: none } .toast-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: .25rem .75rem; color: #6c757d; background-color: rgba(255,255,255,.85); background-clip: padding-box; border-bottom: 1px solid rgba(0,0,0,.05) } .toast-body { padding: .75rem } .modal-open { overflow: hidden } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0 } .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,-50px); transform: translate(0,-50px) } @media screen and (prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { transition: none } } .modal.show .modal-dialog { -webkit-transform: none; transform: none } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (.5rem * 2)) } .modal-dialog-centered::before { display: block; height: calc(100vh - (.5rem * 2)); content: "" } .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; left: 0; z-index: 1040; width: 100vw; height: 100vh; 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 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: .3rem; border-top-right-radius: .3rem } .modal-header .close { padding: 1rem 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; border-bottom-right-radius: .3rem; border-bottom-left-radius: .3rem } .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-dialog-centered::before { height: calc(100vh - (1.75rem * 2)) } .modal-sm { max-width: 300px } } @media (min-width:992px) { .modal-lg, .modal-xl { max-width: 800px } } @media (min-width:1200px) { .modal-xl { max-width: 1140px } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; 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,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; 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.pointer-event { -ms-touch-action: pan-y; touch-action: pan-y } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-inner::after { display: block; clear: both; content: "" } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out } @media screen and (prefers-reduced-motion:reduce) { .carousel-item { transition: none } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block } .active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) { -webkit-transform: translateX(100%); transform: translateX(100%) } .active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) { -webkit-transform: translateX(-100%); transform: translateX(-100%) } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; -webkit-transform: none; transform: none } .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1 } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: 0s .6s opacity } @media screen and (prefers-reduced-motion:reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none } } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; z-index: 1; 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; transition: opacity .15s ease } @media screen and (prefers-reduced-motion:reduce) { .carousel-control-next, .carousel-control-prev { transition: none } } .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,%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,%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: 0; 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 { box-sizing: content-box; -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: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity .6s ease } @media screen and (prefers-reduced-motion:reduce) { .carousel-indicators li { transition: none } } .carousel-indicators .active { opacity: 1 } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite } .spinner-border-sm { width: 1rem; height: 1rem; border-width: .2em } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0) } 50% { opacity: 1 } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0) } 50% { opacity: 1 } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: spinner-grow .75s linear infinite; animation: spinner-grow .75s linear infinite } .spinner-grow-sm { width: 1rem; height: 1rem } .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-pill { border-radius: 50rem !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-3by4::before { padding-top: 133.333333% } .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 } } .overflow-auto { overflow: auto !important } .overflow-hidden { overflow: hidden !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 } .min-vw-100 { min-width: 100vw !important } .min-vh-100 { min-height: 100vh !important } .vw-100 { width: 100vw !important } .vh-100 { height: 100vh !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-n1 { margin: -.25rem !important } .mt-n1, .my-n1 { margin-top: -.25rem !important } .mr-n1, .mx-n1 { margin-right: -.25rem !important } .mb-n1, .my-n1 { margin-bottom: -.25rem !important } .ml-n1, .mx-n1 { margin-left: -.25rem !important } .m-n2 { margin: -.5rem !important } .mt-n2, .my-n2 { margin-top: -.5rem !important } .mr-n2, .mx-n2 { margin-right: -.5rem !important } .mb-n2, .my-n2 { margin-bottom: -.5rem !important } .ml-n2, .mx-n2 { margin-left: -.5rem !important } .m-n3 { margin: -1rem !important } .mt-n3, .my-n3 { margin-top: -1rem !important } .mr-n3, .mx-n3 { margin-right: -1rem !important } .mb-n3, .my-n3 { margin-bottom: -1rem !important } .ml-n3, .mx-n3 { margin-left: -1rem !important } .m-n4 { margin: -1.5rem !important } .mt-n4, .my-n4 { margin-top: -1.5rem !important } .mr-n4, .mx-n4 { margin-right: -1.5rem !important } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important } .ml-n4, .mx-n4 { margin-left: -1.5rem !important } .m-n5 { margin: -3rem !important } .mt-n5, .my-n5 { margin-top: -3rem !important } .mr-n5, .mx-n5 { margin-right: -3rem !important } .mb-n5, .my-n5 { margin-bottom: -3rem !important } .ml-n5, .mx-n5 { margin-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-n1 { margin: -.25rem !important } .mt-sm-n1, .my-sm-n1 { margin-top: -.25rem !important } .mr-sm-n1, .mx-sm-n1 { margin-right: -.25rem !important } .mb-sm-n1, .my-sm-n1 { margin-bottom: -.25rem !important } .ml-sm-n1, .mx-sm-n1 { margin-left: -.25rem !important } .m-sm-n2 { margin: -.5rem !important } .mt-sm-n2, .my-sm-n2 { margin-top: -.5rem !important } .mr-sm-n2, .mx-sm-n2 { margin-right: -.5rem !important } .mb-sm-n2, .my-sm-n2 { margin-bottom: -.5rem !important } .ml-sm-n2, .mx-sm-n2 { margin-left: -.5rem !important } .m-sm-n3 { margin: -1rem !important } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important } .m-sm-n4 { margin: -1.5rem !important } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important } .m-sm-n5 { margin: -3rem !important } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important } .ml-sm-n5, .mx-sm-n5 { margin-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-n1 { margin: -.25rem !important } .mt-md-n1, .my-md-n1 { margin-top: -.25rem !important } .mr-md-n1, .mx-md-n1 { margin-right: -.25rem !important } .mb-md-n1, .my-md-n1 { margin-bottom: -.25rem !important } .ml-md-n1, .mx-md-n1 { margin-left: -.25rem !important } .m-md-n2 { margin: -.5rem !important } .mt-md-n2, .my-md-n2 { margin-top: -.5rem !important } .mr-md-n2, .mx-md-n2 { margin-right: -.5rem !important } .mb-md-n2, .my-md-n2 { margin-bottom: -.5rem !important } .ml-md-n2, .mx-md-n2 { margin-left: -.5rem !important } .m-md-n3 { margin: -1rem !important } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important } .m-md-n4 { margin: -1.5rem !important } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important } .m-md-n5 { margin: -3rem !important } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important } .ml-md-n5, .mx-md-n5 { margin-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-n1 { margin: -.25rem !important } .mt-lg-n1, .my-lg-n1 { margin-top: -.25rem !important } .mr-lg-n1, .mx-lg-n1 { margin-right: -.25rem !important } .mb-lg-n1, .my-lg-n1 { margin-bottom: -.25rem !important } .ml-lg-n1, .mx-lg-n1 { margin-left: -.25rem !important } .m-lg-n2 { margin: -.5rem !important } .mt-lg-n2, .my-lg-n2 { margin-top: -.5rem !important } .mr-lg-n2, .mx-lg-n2 { margin-right: -.5rem !important } .mb-lg-n2, .my-lg-n2 { margin-bottom: -.5rem !important } .ml-lg-n2, .mx-lg-n2 { margin-left: -.5rem !important } .m-lg-n3 { margin: -1rem !important } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important } .m-lg-n4 { margin: -1.5rem !important } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important } .m-lg-n5 { margin: -3rem !important } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important } .ml-lg-n5, .mx-lg-n5 { margin-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-n1 { margin: -.25rem !important } .mt-xl-n1, .my-xl-n1 { margin-top: -.25rem !important } .mr-xl-n1, .mx-xl-n1 { margin-right: -.25rem !important } .mb-xl-n1, .my-xl-n1 { margin-bottom: -.25rem !important } .ml-xl-n1, .mx-xl-n1 { margin-left: -.25rem !important } .m-xl-n2 { margin: -.5rem !important } .mt-xl-n2, .my-xl-n2 { margin-top: -.5rem !important } .mr-xl-n2, .mx-xl-n2 { margin-right: -.5rem !important } .mb-xl-n2, .my-xl-n2 { margin-bottom: -.5rem !important } .ml-xl-n2, .mx-xl-n2 { margin-left: -.5rem !important } .m-xl-n3 { margin: -1rem !important } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important } .m-xl-n4 { margin: -1.5rem !important } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important } .m-xl-n5 { margin: -3rem !important } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important } .ml-xl-n5, .mx-xl-n5 { margin-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-wrap { white-space: normal !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-lighter { font-weight: lighter !important } .font-weight-normal { font-weight: 400 !important } .font-weight-bold { font-weight: 700 !important } .font-weight-bolder { font-weight: bolder !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: #0056b3 !important } .text-secondary { color: #6c757d !important } a.text-secondary:focus, a.text-secondary:hover { color: #494f54 !important } .text-success { color: #28a745 !important } a.text-success:focus, a.text-success:hover { color: #19692c !important } .text-info { color: #17a2b8 !important } a.text-info:focus, a.text-info:hover { color: #0f6674 !important } .text-warning { color: #ffc107 !important } a.text-warning:focus, a.text-warning:hover { color: #ba8b00 !important } .text-danger { color: #dc3545 !important } a.text-danger:focus, a.text-danger:hover { color: #a71d2a !important } .text-light { color: #f8f9fa !important } a.text-light:focus, a.text-light:hover { color: #cbd3da !important } .text-dark { color: #343a40 !important } a.text-dark:focus, a.text-dark:hover { color: #121416 !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 } .text-decoration-none { text-decoration: none !important } .text-reset { color: inherit !important } .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 } } /*# sourceMappingURL=bootstrap.min.css.map */ /* Remove Chrome Input Field's Unwanted Yellow Background Color */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px white inset !important; } ::-webkit-input-placeholder { / Chrome/Opera/Safari / color: #000 !important; } ::-moz-placeholder { / Firefox 19+ / color: #000 !important; } ::-ms-input-placeholder { / IE 10+ / color: #000 !important; } ::-moz-placeholder { / Firefox 18- / color: #000 !important; } .owl-carousel .owl-dots{ margin: 0 !important; } /* Jquery ui select css */ .ui-state-default { width: auto !important; } .ui-selectmenu-open .ui-widget-content { border: 1px solid #1d1d1d !important; background: #ffffff !important; color: #222222 !important; border-radius: 0 !important; } /* Jquery ui select hover bg css */ .ui-selectmenu-open .ui-widget-content .ui-state-focus { border: 1px solid #1d1d1d !important; background: #1d1d1d !important; font-weight: normal !important; color: #ffffff !important; font-size: 13px !important; } /* Jquery ui select hover some change css */ .ui-selectmenu-open .ui-menu .ui-menu-item { border: 1px solid transparent !important; position: relative !important; margin: 0; padding: 5px 15px !important; cursor: pointer !important; font-size: 13px !important; text-transform: none !important; } .ui-selectmenu-menu .ui-menu { padding-bottom: 0px !important; } #contact-form input[type="text"].error{ border-color: red; } #contact-form input[type="email"].error{ border-color: red; } #contact-form select.error { border-color: red; } #contact-form textarea.error{ border-color: red; } #contact-form label.error { display: none !important; } /*** ============================================= Topbar Style2 Area style ============================================= ***/ .state-select-box .ui-selectmenu-button { position: relative; display: block; background: #ffffff; border-radius: 0px !important; border: 1px solid transparent; color: #8b8b8b; font-size: 15px; font-weight: 400; text-transform: capitalize; height: 30px !important; font-family: 'Rubik', sans-serif; } .state-select-box .ui-selectmenu-button:focus{ outline: none; } .state-select-box .ui-selectmenu-button span.ui-selectmenu-text { display: block; line-height: 20px; overflow: hidden; text-align: left; padding: 4px 0px 4px; padding-left: 0px; } /* arrow button css */ .state-select-box .ui-selectmenu-button span.ui-icon { display: block; float: right; height: 30px; position: absolute; text-indent: 0; top: 7px; width: 15px; right: 10px; bottom: 0; background-image: none; } .state-select-box .ui-selectmenu-button span.ui-icon::before { color: #8b8b8b; content: "\f107"; font-family: FontAwesome; font-size: 18px; overflow: visible; position: absolute; right: 0px; top: 3px; } @keyframes rotateme { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotateme { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-o-keyframes rotateme { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .rotate-me{ animation-name: rotateme; animation-duration: 24s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotateme; -webkit-animation-duration: 24s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateme; -moz-animation-duration: 24s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateme; -ms-animation-duration: 24s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: rotateme; -o-animation-duration: 24s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @-webkit-keyframes float-bob { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } } @keyframes float-bob { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } } .float-bob{ animation-name: float-bob; animation-duration: 7s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: float-bob; -webkit-animation-duration: 7s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: float-bob; -moz-animation-duration: 7s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob; -ms-animation-duration: 7s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob; -o-animation-duration: 7s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } /*** ============================================= circle Css ============================================= ***/ @-webkit-keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } @keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } /*** ============================================= Zoom Fade Css ============================================= ***/ .zoom-fade{ animation-name: zoom-fade; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: zoom-fade; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: zoom-fade; -moz-animation-duration: 5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: zoom-fade; -ms-animation-duration: 5s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: zoom-fade; -o-animation-duration: 5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @-webkit-keyframes zoom-fade { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes zoom-fade { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); } } /*** ============================================= Zoom In Out Css ============================================= ***/ .zoominout{ animation-name: zoomInOut; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; -webkit-animation-name: zoomInOut; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: zoomInOut; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; -ms-animation-name: zoomInOut; -ms-animation-duration: 3s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: ease-in-out; -o-animation-name: zoomInOut; -o-animation-duration: 3s; -o-animation-iteration-count: infinite; -o-animation-timing-function: ease-in-out; } @-webkit-keyframes zoomInOut { 0% { -webkit-transform: rotate(0deg) scale(0.7); transform: rotate(0deg) scale(0.7); opacity:0; } 50% { -webkit-transform: rotate(180deg) scale(1); transform: rotate(180deg) scale(1); opacity:1; } 100% { -webkit-transform: rotate(360deg) scale(0.7); transform: rotate(360deg) scale(0.7); opacity:0; } } @-webkit-keyframes bgSlideReverse { 0% { background-position: 0 0; } 20% { background-position: 100px 0; } 40% { background-position: 200px 0; } 60% { background-position: 150px 0; } 80% { background-position: 100px 0; } 100% { background-position: 0px 0; } } @keyframes bgSlideReverse { 0% { background-position: 0 0; } 20% { background-position: 100px 0; } 40% { background-position: 200px 0; } 60% { background-position: 150px 0; } 80% { background-position: 100px 0; } 100% { background-position: 0px 0; } } @-webkit-keyframes bgSlideReverse2 { 0% { background-position: -0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: -0px 0; } } @keyframes bgSlideReverse2 { 0% { background-position: -0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: -0px 0; } } @-webkit-keyframes banner-animate { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } } @keyframes banner-animate { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } } .banner-animate { animation-name: banner-animate; animation-duration: 70s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: banner-animate; -webkit-animation-duration: 70s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: banner-animate; -moz-animation-duration: 70s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: banner-animate; -ms-animation-duration: 70s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: banner-animate; -o-animation-duration: 70s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @-webkit-keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 20px 0 0 20px 0 #fff; box-shadow: 0 0 0 20px 0 0 20px 0 #fff } 100% { -webkit-box-shadow: 0 0 0 0 #fff; box-shadow: 0 0 0 0 #fff } } @keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 20px rgb(255, 255, 255, .2); box-shadow: 0 0 0 20px rgb(255, 255, 255, .2) } 100% { -webkit-box-shadow: 0 0 0 0 rgb(255, 255, 255, 0); box-shadow: 0 0 0 0 rgb(255, 255, 255, 0) } } /*** ============================================= Animation1 Css ============================================= ***/ @-webkit-keyframes animation1 { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); } } @keyframes animation1 { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); } } /*** ============================================= Animation2 Css ============================================= ***/ animation2{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@-moz-keyframes animation2{0%{-moz-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-moz-transform:rotateY(360deg);transform:rotateY(360deg)}}@-o-keyframes animation2{0%{-o-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-o-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes animation2{0%{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}} @-webkit-keyframes bgSlide { 0% { background-position: 0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: 0px 0; } } @keyframes bgSlide { 0% { background-position: 0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: 0px 0; } } @-webkit-keyframes bgSlideReverse { 0% { background-position: 0 0; } 20% { background-position: 100px 0; } 40% { background-position: 200px 0; } 60% { background-position: 150px 0; } 80% { background-position: 100px 0; } 100% { background-position: 0px 0; } } @keyframes bgSlideReverse { 0% { background-position: 0 0; } 20% { background-position: 100px 0; } 40% { background-position: 200px 0; } 60% { background-position: 150px 0; } 80% { background-position: 100px 0; } 100% { background-position: 0px 0; } } @-webkit-keyframes ribbonRotate { 0%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } 25%, 75% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } } @keyframes ribbonRotate { 0%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } 25%, 75% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } } @-webkit-keyframes footerFish { 0%, 100% { -webkit-transform: translateX(0) translateY(0) rotate(0); transform: translateX(0) translateY(0) rotate(0); } 25%, 75% { -webkit-transform: translateX(20px) translateY(30px) rotate(25deg); transform: translateX(20px) translateY(30px) rotate(25deg); } 50% { -webkit-transform: translateX(40px) translateY(60px) rotate(45deg); transform: translateX(40px) translateY(60px) rotate(45deg); } } @keyframes footerFish { 0%, 100% { -webkit-transform: translateX(0) translateY(0) rotate(0); transform: translateX(0) translateY(0) rotate(0); } 25%, 75% { -webkit-transform: translateX(20px) translateY(30px) rotate(25deg); transform: translateX(20px) translateY(30px) rotate(25deg); } 50% { -webkit-transform: translateX(40px) translateY(60px) rotate(45deg); transform: translateX(40px) translateY(60px) rotate(45deg); } } @-webkit-keyframes contactSwimmer { 0%, 100% { -webkit-transform: translateX(0) translateY(0) rotate(0); transform: translateX(0) translateY(0) rotate(0); } 25%, 75% { -webkit-transform: translateX(15px) translateY(20px) rotate(10deg); transform: translateX(15px) translateY(20px) rotate(10deg); } 50% { -webkit-transform: translateX(60px) translateY(35px) rotate(15deg); transform: translateX(60px) translateY(35px) rotate(15deg); } } @keyframes contactSwimmer { 0%, 100% { -webkit-transform: translateX(0) translateY(0) rotate(0); transform: translateX(0) translateY(0) rotate(0); } 25%, 75% { -webkit-transform: translateX(15px) translateY(20px) rotate(10deg); transform: translateX(15px) translateY(20px) rotate(10deg); } 50% { -webkit-transform: translateX(60px) translateY(35px) rotate(15deg); transform: translateX(60px) translateY(35px) rotate(15deg); } } /*** ============================================= Float Bob Y Animation Css ============================================= ***/ @-webkit-keyframes float-bob-y { 0% { transform: translateY(-20px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(-20px); } } @keyframes float-bob-y { 0% { transform: translateY(-20px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(-20px); } } .float-bob-y { -webkit-animation-name: float-bob-y; animation-name: float-bob-y; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes footerTree { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); } } @keyframes footerTree { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); } } .footertree{ -webkit-animation: footerTree 5s ease-in infinite; animation: footerTree 5s ease-in infinite; } service_hexagon_2{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@-moz-keyframes service_hexagon_2{0%{-moz-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-moz-transform:rotateY(360deg);transform:rotateY(360deg)}}@-o-keyframes service_hexagon_2{0%{-o-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-o-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes service_hexagon_2{0%{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}} @keyframes rotateScale { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg); } } @-webkit-keyframes rotateScale { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg); } } @-moz-keyframes rotateScale { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg); } } @-o-keyframes rotateScale { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg); } } .rotatescale{ -webkit-animation-name: rotateScale; -webkit-animation-duration: 20s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateScale; -moz-animation-duration: 20s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateScale; -ms-animation-duration: 20s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: rotateScale; animation-duration: 20s; animation-iteration-count: infinite; animation-timing-function: linear; } @font-face { font-family: "Flaticon"; src: url("../fonts/flaticon.eot"); src: url("../fonts/flaticond41d.eot?#iefix") format("embedded-opentype"), 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-add:before { content: "\f101"; } .flaticon-calendar:before { content: "\f102"; } .flaticon-chat-comment-oval-speech-bubble-with-text-lines:before { content: "\f103"; } .flaticon-check-mark-1:before { content: "\f104"; } .flaticon-check-mark:before { content: "\f105"; } .flaticon-clock:before { content: "\f106"; } .flaticon-cost:before { content: "\f107"; } .flaticon-download:before { content: "\f108"; } .flaticon-earth-grid-symbol:before { content: "\f109"; } .flaticon-envelope:before { content: "\f10a"; } .flaticon-house-insurance:before { content: "\f10b"; } .flaticon-instagram:before { content: "\f10c"; } .flaticon-invisible:before { content: "\f10d"; } .flaticon-left-arrow:before { content: "\f10e"; } .flaticon-location-marker:before { content: "\f10f"; } .flaticon-long-arrow-pointing-to-the-right:before { content: "\f110"; } .flaticon-love:before { content: "\f111"; } .flaticon-magnifiying-glass:before { content: "\f112"; } .flaticon-maps-and-flags:before { content: "\f113"; } .flaticon-menu-1:before { content: "\f114"; } .flaticon-menu:before { content: "\f115"; } .flaticon-minus:before { content: "\f116"; } .flaticon-opened:before { content: "\f117"; } .flaticon-phone-call-1:before { content: "\f118"; } .flaticon-phone-call:before { content: "\f119"; } .flaticon-phone-receiver-silhouette:before { content: "\f11a"; } .flaticon-phone:before { content: "\f11b"; } .flaticon-pin:before { content: "\f11c"; } .flaticon-placeholder:before { content: "\f11d"; } .flaticon-play-button-1:before { content: "\f11e"; } .flaticon-play-button:before { content: "\f11f"; } .flaticon-plus:before { content: "\f120"; } .flaticon-right-arrow-1:before { content: "\f121"; } .flaticon-right-arrow-2:before { content: "\f122"; } .flaticon-right-arrow-3:before { content: "\f123"; } .flaticon-right-arrow:before { content: "\f124"; } .flaticon-right-quotes-symbol:before { content: "\f125"; } .flaticon-shopping-cart:before { content: "\f126"; } .flaticon-specialist-user:before { content: "\f127"; } .flaticon-star-1:before { content: "\f128"; } .flaticon-star:before { content: "\f129"; } .flaticon-user:before { content: "\f12a"; } .flaticon-view:before { content: "\f12b"; } .flaticon-water:before { content: "\f12c"; } .flaticon-world:before { content: "\f12d"; } /*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont3295.eot?v=4.5.0'); src: url('../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont3295.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont3295.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont3295.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont3295.svg?v=4.5.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15% } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-fw { width: 1.28571429em; text-align: center } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none } .fa-ul > li { position: relative } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center } .fa-li.fa-lg { left: -1.85714286em } .fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left { margin-right: .3em } .fa.fa-pull-right { margin-left: .3em } .pull-right { float: right } .pull-left { float: left } .fa.pull-left { margin-right: .3em } .fa.pull-right { margin-left: .3em } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8) } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1) } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1) } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #fff } .fa-glass:before { content: "\f000" } .fa-music:before { content: "\f001" } .fa-search:before { content: "\f002" } .fa-envelope-o:before { content: "\f003" } .fa-heart:before { content: "\f004" } .fa-star:before { content: "\f005" } .fa-star-o:before { content: "\f006" } .fa-user:before { content: "\f007" } .fa-film:before { content: "\f008" } .fa-th-large:before { content: "\f009" } .fa-th:before { content: "\f00a" } .fa-th-list:before { content: "\f00b" } .fa-check:before { content: "\f00c" } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d" } .fa-search-plus:before { content: "\f00e" } .fa-search-minus:before { content: "\f010" } .fa-power-off:before { content: "\f011" } .fa-signal:before { content: "\f012" } .fa-gear:before, .fa-cog:before { content: "\f013" } .fa-trash-o:before { content: "\f014" } .fa-home:before { content: "\f015" } .fa-file-o:before { content: "\f016" } .fa-clock-o:before { content: "\f017" } .fa-road:before { content: "\f018" } .fa-download:before { content: "\f019" } .fa-arrow-circle-o-down:before { content: "\f01a" } .fa-arrow-circle-o-up:before { content: "\f01b" } .fa-inbox:before { content: "\f01c" } .fa-play-circle-o:before { content: "\f01d" } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e" } .fa-refresh:before { content: "\f021" } .fa-list-alt:before { content: "\f022" } .fa-lock:before { content: "\f023" } .fa-flag:before { content: "\f024" } .fa-headphones:before { content: "\f025" } .fa-volume-off:before { content: "\f026" } .fa-volume-down:before { content: "\f027" } .fa-volume-up:before { content: "\f028" } .fa-qrcode:before { content: "\f029" } .fa-barcode:before { content: "\f02a" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-book:before { content: "\f02d" } .fa-bookmark:before { content: "\f02e" } .fa-print:before { content: "\f02f" } .fa-camera:before { content: "\f030" } .fa-font:before { content: "\f031" } .fa-bold:before { content: "\f032" } .fa-italic:before { content: "\f033" } .fa-text-height:before { content: "\f034" } .fa-text-width:before { content: "\f035" } .fa-align-left:before { content: "\f036" } .fa-align-center:before { content: "\f037" } .fa-align-right:before { content: "\f038" } .fa-align-justify:before { content: "\f039" } .fa-list:before { content: "\f03a" } .fa-dedent:before, .fa-outdent:before { content: "\f03b" } .fa-indent:before { content: "\f03c" } .fa-video-camera:before { content: "\f03d" } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e" } .fa-pencil:before { content: "\f040" } .fa-map-marker:before { content: "\f041" } .fa-adjust:before { content: "\f042" } .fa-tint:before { content: "\f043" } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044" } .fa-share-square-o:before { content: "\f045" } .fa-check-square-o:before { content: "\f046" } .fa-arrows:before { content: "\f047" } .fa-step-backward:before { content: "\f048" } .fa-fast-backward:before { content: "\f049" } .fa-backward:before { content: "\f04a" } .fa-play:before { content: "\f04b" } .fa-pause:before { content: "\f04c" } .fa-stop:before { content: "\f04d" } .fa-forward:before { content: "\f04e" } .fa-fast-forward:before { content: "\f050" } .fa-step-forward:before { content: "\f051" } .fa-eject:before { content: "\f052" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-plus-circle:before { content: "\f055" } .fa-minus-circle:before { content: "\f056" } .fa-times-circle:before { content: "\f057" } .fa-check-circle:before { content: "\f058" } .fa-question-circle:before { content: "\f059" } .fa-info-circle:before { content: "\f05a" } .fa-crosshairs:before { content: "\f05b" } .fa-times-circle-o:before { content: "\f05c" } .fa-check-circle-o:before { content: "\f05d" } .fa-ban:before { content: "\f05e" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-up:before { content: "\f062" } .fa-arrow-down:before { content: "\f063" } .fa-mail-forward:before, .fa-share:before { content: "\f064" } .fa-expand:before { content: "\f065" } .fa-compress:before { content: "\f066" } .fa-plus:before { content: "\f067" } .fa-minus:before { content: "\f068" } .fa-asterisk:before { content: "\f069" } .fa-exclamation-circle:before { content: "\f06a" } .fa-gift:before { content: "\f06b" } .fa-leaf:before { content: "\f06c" } .fa-fire:before { content: "\f06d" } .fa-eye:before { content: "\f06e" } .fa-eye-slash:before { content: "\f070" } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071" } .fa-plane:before { content: "\f072" } .fa-calendar:before { content: "\f073" } .fa-random:before { content: "\f074" } .fa-comment:before { content: "\f075" } .fa-magnet:before { content: "\f076" } .fa-chevron-up:before { content: "\f077" } .fa-chevron-down:before { content: "\f078" } .fa-retweet:before { content: "\f079" } .fa-shopping-cart:before { content: "\f07a" } .fa-folder:before { content: "\f07b" } .fa-folder-open:before { content: "\f07c" } .fa-arrows-v:before { content: "\f07d" } .fa-arrows-h:before { content: "\f07e" } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080" } .fa-twitter-square:before { content: "\f081" } .fa-facebook-square:before { content: "\f082" } .fa-camera-retro:before { content: "\f083" } .fa-key:before { content: "\f084" } .fa-gears:before, .fa-cogs:before { content: "\f085" } .fa-comments:before { content: "\f086" } .fa-thumbs-o-up:before { content: "\f087" } .fa-thumbs-o-down:before { content: "\f088" } .fa-star-half:before { content: "\f089" } .fa-heart-o:before { content: "\f08a" } .fa-sign-out:before { content: "\f08b" } .fa-linkedin-square:before { content: "\f08c" } .fa-thumb-tack:before { content: "\f08d" } .fa-external-link:before { content: "\f08e" } .fa-sign-in:before { content: "\f090" } .fa-trophy:before { content: "\f091" } .fa-github-square:before { content: "\f092" } .fa-upload:before { content: "\f093" } .fa-lemon-o:before { content: "\f094" } .fa-phone:before { content: "\f095" } .fa-square-o:before { content: "\f096" } .fa-bookmark-o:before { content: "\f097" } .fa-phone-square:before { content: "\f098" } .fa-twitter:before { content: "\f099" } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a" } .fa-github:before { content: "\f09b" } .fa-unlock:before { content: "\f09c" } .fa-credit-card:before { content: "\f09d" } .fa-feed:before, .fa-rss:before { content: "\f09e" } .fa-hdd-o:before { content: "\f0a0" } .fa-bullhorn:before { content: "\f0a1" } .fa-bell:before { content: "\f0f3" } .fa-certificate:before { content: "\f0a3" } .fa-hand-o-right:before { content: "\f0a4" } .fa-hand-o-left:before { content: "\f0a5" } .fa-hand-o-up:before { content: "\f0a6" } .fa-hand-o-down:before { content: "\f0a7" } .fa-arrow-circle-left:before { content: "\f0a8" } .fa-arrow-circle-right:before { content: "\f0a9" } .fa-arrow-circle-up:before { content: "\f0aa" } .fa-arrow-circle-down:before { content: "\f0ab" } .fa-globe:before { content: "\f0ac" } .fa-wrench:before { content: "\f0ad" } .fa-tasks:before { content: "\f0ae" } .fa-filter:before { content: "\f0b0" } .fa-briefcase:before { content: "\f0b1" } .fa-arrows-alt:before { content: "\f0b2" } .fa-group:before, .fa-users:before { content: "\f0c0" } .fa-chain:before, .fa-link:before { content: "\f0c1" } .fa-cloud:before { content: "\f0c2" } .fa-flask:before { content: "\f0c3" } .fa-cut:before, .fa-scissors:before { content: "\f0c4" } .fa-copy:before, .fa-files-o:before { content: "\f0c5" } .fa-paperclip:before { content: "\f0c6" } .fa-save:before, .fa-floppy-o:before { content: "\f0c7" } .fa-square:before { content: "\f0c8" } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9" } .fa-list-ul:before { content: "\f0ca" } .fa-list-ol:before { content: "\f0cb" } .fa-strikethrough:before { content: "\f0cc" } .fa-underline:before { content: "\f0cd" } .fa-table:before { content: "\f0ce" } .fa-magic:before { content: "\f0d0" } .fa-truck:before { content: "\f0d1" } .fa-pinterest:before { content: "\f0d2" } .fa-pinterest-square:before { content: "\f0d3" } .fa-google-plus-square:before { content: "\f0d4" } .fa-google-plus:before { content: "\f0d5" } .fa-money:before { content: "\f0d6" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-up:before { content: "\f0d8" } .fa-caret-left:before { content: "\f0d9" } .fa-caret-right:before { content: "\f0da" } .fa-columns:before { content: "\f0db" } .fa-unsorted:before, .fa-sort:before { content: "\f0dc" } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd" } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de" } .fa-envelope:before { content: "\f0e0" } .fa-linkedin:before { content: "\f0e1" } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2" } .fa-legal:before, .fa-gavel:before { content: "\f0e3" } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4" } .fa-comment-o:before { content: "\f0e5" } .fa-comments-o:before { content: "\f0e6" } .fa-flash:before, .fa-bolt:before { content: "\f0e7" } .fa-sitemap:before { content: "\f0e8" } .fa-umbrella:before { content: "\f0e9" } .fa-paste:before, .fa-clipboard:before { content: "\f0ea" } .fa-lightbulb-o:before { content: "\f0eb" } .fa-exchange:before { content: "\f0ec" } .fa-cloud-download:before { content: "\f0ed" } .fa-cloud-upload:before { content: "\f0ee" } .fa-user-md:before { content: "\f0f0" } .fa-stethoscope:before { content: "\f0f1" } .fa-suitcase:before { content: "\f0f2" } .fa-bell-o:before { content: "\f0a2" } .fa-coffee:before { content: "\f0f4" } .fa-cutlery:before { content: "\f0f5" } .fa-file-text-o:before { content: "\f0f6" } .fa-building-o:before { content: "\f0f7" } .fa-hospital-o:before { content: "\f0f8" } .fa-ambulance:before { content: "\f0f9" } .fa-medkit:before { content: "\f0fa" } .fa-fighter-jet:before { content: "\f0fb" } .fa-beer:before { content: "\f0fc" } .fa-h-square:before { content: "\f0fd" } .fa-plus-square:before { content: "\f0fe" } .fa-angle-double-left:before { content: "\f100" } .fa-angle-double-right:before { content: "\f101" } .fa-angle-double-up:before { content: "\f102" } .fa-angle-double-down:before { content: "\f103" } .fa-angle-left:before { content: "\f104" } .fa-angle-right:before { content: "\f105" } .fa-angle-up:before { content: "\f106" } .fa-angle-down:before { content: "\f107" } .fa-desktop:before { content: "\f108" } .fa-laptop:before { content: "\f109" } .fa-tablet:before { content: "\f10a" } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b" } .fa-circle-o:before { content: "\f10c" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-spinner:before { content: "\f110" } .fa-circle:before { content: "\f111" } .fa-mail-reply:before, .fa-reply:before { content: "\f112" } .fa-github-alt:before { content: "\f113" } .fa-folder-o:before { content: "\f114" } .fa-folder-open-o:before { content: "\f115" } .fa-smile-o:before { content: "\f118" } .fa-frown-o:before { content: "\f119" } .fa-meh-o:before { content: "\f11a" } .fa-gamepad:before { content: "\f11b" } .fa-keyboard-o:before { content: "\f11c" } .fa-flag-o:before { content: "\f11d" } .fa-flag-checkered:before { content: "\f11e" } .fa-terminal:before { content: "\f120" } .fa-code:before { content: "\f121" } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122" } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123" } .fa-location-arrow:before { content: "\f124" } .fa-crop:before { content: "\f125" } .fa-code-fork:before { content: "\f126" } .fa-unlink:before, .fa-chain-broken:before { content: "\f127" } .fa-question:before { content: "\f128" } .fa-info:before { content: "\f129" } .fa-exclamation:before { content: "\f12a" } .fa-superscript:before { content: "\f12b" } .fa-subscript:before { content: "\f12c" } .fa-eraser:before { content: "\f12d" } .fa-puzzle-piece:before { content: "\f12e" } .fa-microphone:before { content: "\f130" } .fa-microphone-slash:before { content: "\f131" } .fa-shield:before { content: "\f132" } .fa-calendar-o:before { content: "\f133" } .fa-fire-extinguisher:before { content: "\f134" } .fa-rocket:before { content: "\f135" } .fa-maxcdn:before { content: "\f136" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-html5:before { content: "\f13b" } .fa-css3:before { content: "\f13c" } .fa-anchor:before { content: "\f13d" } .fa-unlock-alt:before { content: "\f13e" } .fa-bullseye:before { content: "\f140" } .fa-ellipsis-h:before { content: "\f141" } .fa-ellipsis-v:before { content: "\f142" } .fa-rss-square:before { content: "\f143" } .fa-play-circle:before { content: "\f144" } .fa-ticket:before { content: "\f145" } .fa-minus-square:before { content: "\f146" } .fa-minus-square-o:before { content: "\f147" } .fa-level-up:before { content: "\f148" } .fa-level-down:before { content: "\f149" } .fa-check-square:before { content: "\f14a" } .fa-pencil-square:before { content: "\f14b" } .fa-external-link-square:before { content: "\f14c" } .fa-share-square:before { content: "\f14d" } .fa-compass:before { content: "\f14e" } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150" } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151" } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152" } .fa-euro:before, .fa-eur:before { content: "\f153" } .fa-gbp:before { content: "\f154" } .fa-dollar:before, .fa-usd:before { content: "\f155" } .fa-rupee:before, .fa-inr:before { content: "\f156" } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157" } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158" } .fa-won:before, .fa-krw:before { content: "\f159" } .fa-bitcoin:before, .fa-btc:before { content: "\f15a" } .fa-file:before { content: "\f15b" } .fa-file-text:before { content: "\f15c" } .fa-sort-alpha-asc:before { content: "\f15d" } .fa-sort-alpha-desc:before { content: "\f15e" } .fa-sort-amount-asc:before { content: "\f160" } .fa-sort-amount-desc:before { content: "\f161" } .fa-sort-numeric-asc:before { content: "\f162" } .fa-sort-numeric-desc:before { content: "\f163" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbs-down:before { content: "\f165" } .fa-youtube-square:before { content: "\f166" } .fa-youtube:before { content: "\f167" } .fa-xing:before { content: "\f168" } .fa-xing-square:before { content: "\f169" } .fa-youtube-play:before { content: "\f16a" } .fa-dropbox:before { content: "\f16b" } .fa-stack-overflow:before { content: "\f16c" } .fa-instagram:before { content: "\f16d" } .fa-flickr:before { content: "\f16e" } .fa-adn:before { content: "\f170" } .fa-bitbucket:before { content: "\f171" } .fa-bitbucket-square:before { content: "\f172" } .fa-tumblr:before { content: "\f173" } .fa-tumblr-square:before { content: "\f174" } .fa-long-arrow-down:before { content: "\f175" } .fa-long-arrow-up:before { content: "\f176" } .fa-long-arrow-left:before { content: "\f177" } .fa-long-arrow-right:before { content: "\f178" } .fa-apple:before { content: "\f179" } .fa-windows:before { content: "\f17a" } .fa-android:before { content: "\f17b" } .fa-linux:before { content: "\f17c" } .fa-dribbble:before { content: "\f17d" } .fa-skype:before { content: "\f17e" } .fa-foursquare:before { content: "\f180" } .fa-trello:before { content: "\f181" } .fa-female:before { content: "\f182" } .fa-male:before { content: "\f183" } .fa-gittip:before, .fa-gratipay:before { content: "\f184" } .fa-sun-o:before { content: "\f185" } .fa-moon-o:before { content: "\f186" } .fa-archive:before { content: "\f187" } .fa-bug:before { content: "\f188" } .fa-vk:before { content: "\f189" } .fa-weibo:before { content: "\f18a" } .fa-renren:before { content: "\f18b" } .fa-pagelines:before { content: "\f18c" } .fa-stack-exchange:before { content: "\f18d" } .fa-arrow-circle-o-right:before { content: "\f18e" } .fa-arrow-circle-o-left:before { content: "\f190" } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191" } .fa-dot-circle-o:before { content: "\f192" } .fa-wheelchair:before { content: "\f193" } .fa-vimeo-square:before { content: "\f194" } .fa-turkish-lira:before, .fa-try:before { content: "\f195" } .fa-plus-square-o:before { content: "\f196" } .fa-space-shuttle:before { content: "\f197" } .fa-slack:before { content: "\f198" } .fa-envelope-square:before { content: "\f199" } .fa-wordpress:before { content: "\f19a" } .fa-openid:before { content: "\f19b" } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c" } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d" } .fa-yahoo:before { content: "\f19e" } .fa-google:before { content: "\f1a0" } .fa-reddit:before { content: "\f1a1" } .fa-reddit-square:before { content: "\f1a2" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-stumbleupon:before { content: "\f1a4" } .fa-delicious:before { content: "\f1a5" } .fa-digg:before { content: "\f1a6" } .fa-pied-piper:before { content: "\f1a7" } .fa-pied-piper-alt:before { content: "\f1a8" } .fa-drupal:before { content: "\f1a9" } .fa-joomla:before { content: "\f1aa" } .fa-language:before { content: "\f1ab" } .fa-fax:before { content: "\f1ac" } .fa-building:before { content: "\f1ad" } .fa-child:before { content: "\f1ae" } .fa-paw:before { content: "\f1b0" } .fa-spoon:before { content: "\f1b1" } .fa-cube:before { content: "\f1b2" } .fa-cubes:before { content: "\f1b3" } .fa-behance:before { content: "\f1b4" } .fa-behance-square:before { content: "\f1b5" } .fa-steam:before { content: "\f1b6" } .fa-steam-square:before { content: "\f1b7" } .fa-recycle:before { content: "\f1b8" } .fa-automobile:before, .fa-car:before { content: "\f1b9" } .fa-cab:before, .fa-taxi:before { content: "\f1ba" } .fa-tree:before { content: "\f1bb" } .fa-spotify:before { content: "\f1bc" } .fa-deviantart:before { content: "\f1bd" } .fa-soundcloud:before { content: "\f1be" } .fa-database:before { content: "\f1c0" } .fa-file-pdf-o:before { content: "\f1c1" } .fa-file-word-o:before { content: "\f1c2" } .fa-file-excel-o:before { content: "\f1c3" } .fa-file-powerpoint-o:before { content: "\f1c4" } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5" } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6" } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7" } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8" } .fa-file-code-o:before { content: "\f1c9" } .fa-vine:before { content: "\f1ca" } .fa-codepen:before { content: "\f1cb" } .fa-jsfiddle:before { content: "\f1cc" } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd" } .fa-circle-o-notch:before { content: "\f1ce" } .fa-ra:before, .fa-rebel:before { content: "\f1d0" } .fa-ge:before, .fa-empire:before { content: "\f1d1" } .fa-git-square:before { content: "\f1d2" } .fa-git:before { content: "\f1d3" } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-qq:before { content: "\f1d6" } .fa-wechat:before, .fa-weixin:before { content: "\f1d7" } .fa-send:before, .fa-paper-plane:before { content: "\f1d8" } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9" } .fa-history:before { content: "\f1da" } .fa-circle-thin:before { content: "\f1db" } .fa-header:before { content: "\f1dc" } .fa-paragraph:before { content: "\f1dd" } .fa-sliders:before { content: "\f1de" } .fa-share-alt:before { content: "\f1e0" } .fa-share-alt-square:before { content: "\f1e1" } .fa-bomb:before { content: "\f1e2" } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3" } .fa-tty:before { content: "\f1e4" } .fa-binoculars:before { content: "\f1e5" } .fa-plug:before { content: "\f1e6" } .fa-slideshare:before { content: "\f1e7" } .fa-twitch:before { content: "\f1e8" } .fa-yelp:before { content: "\f1e9" } .fa-newspaper-o:before { content: "\f1ea" } .fa-wifi:before { content: "\f1eb" } .fa-calculator:before { content: "\f1ec" } .fa-paypal:before { content: "\f1ed" } .fa-google-wallet:before { content: "\f1ee" } .fa-cc-visa:before { content: "\f1f0" } .fa-cc-mastercard:before { content: "\f1f1" } .fa-cc-discover:before { content: "\f1f2" } .fa-cc-amex:before { content: "\f1f3" } .fa-cc-paypal:before { content: "\f1f4" } .fa-cc-stripe:before { content: "\f1f5" } .fa-bell-slash:before { content: "\f1f6" } .fa-bell-slash-o:before { content: "\f1f7" } .fa-trash:before { content: "\f1f8" } .fa-copyright:before { content: "\f1f9" } .fa-at:before { content: "\f1fa" } .fa-eyedropper:before { content: "\f1fb" } .fa-paint-brush:before { content: "\f1fc" } .fa-birthday-cake:before { content: "\f1fd" } .fa-area-chart:before { content: "\f1fe" } .fa-pie-chart:before { content: "\f200" } .fa-line-chart:before { content: "\f201" } .fa-lastfm:before { content: "\f202" } .fa-lastfm-square:before { content: "\f203" } .fa-toggle-off:before { content: "\f204" } .fa-toggle-on:before { content: "\f205" } .fa-bicycle:before { content: "\f206" } .fa-bus:before { content: "\f207" } .fa-ioxhost:before { content: "\f208" } .fa-angellist:before { content: "\f209" } .fa-cc:before { content: "\f20a" } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b" } .fa-meanpath:before { content: "\f20c" } .fa-buysellads:before { content: "\f20d" } .fa-connectdevelop:before { content: "\f20e" } .fa-dashcube:before { content: "\f210" } .fa-forumbee:before { content: "\f211" } .fa-leanpub:before { content: "\f212" } .fa-sellsy:before { content: "\f213" } .fa-shirtsinbulk:before { content: "\f214" } .fa-simplybuilt:before { content: "\f215" } .fa-skyatlas:before { content: "\f216" } .fa-cart-plus:before { content: "\f217" } .fa-cart-arrow-down:before { content: "\f218" } .fa-diamond:before { content: "\f219" } .fa-ship:before { content: "\f21a" } .fa-user-secret:before { content: "\f21b" } .fa-motorcycle:before { content: "\f21c" } .fa-street-view:before { content: "\f21d" } .fa-heartbeat:before { content: "\f21e" } .fa-venus:before { content: "\f221" } .fa-mars:before { content: "\f222" } .fa-mercury:before { content: "\f223" } .fa-intersex:before, .fa-transgender:before { content: "\f224" } .fa-transgender-alt:before { content: "\f225" } .fa-venus-double:before { content: "\f226" } .fa-mars-double:before { content: "\f227" } .fa-venus-mars:before { content: "\f228" } .fa-mars-stroke:before { content: "\f229" } .fa-mars-stroke-v:before { content: "\f22a" } .fa-mars-stroke-h:before { content: "\f22b" } .fa-neuter:before { content: "\f22c" } .fa-genderless:before { content: "\f22d" } .fa-facebook-official:before { content: "\f230" } .fa-pinterest-p:before { content: "\f231" } .fa-whatsapp:before { content: "\f232" } .fa-server:before { content: "\f233" } .fa-user-plus:before { content: "\f234" } .fa-user-times:before { content: "\f235" } .fa-hotel:before, .fa-bed:before { content: "\f236" } .fa-viacoin:before { content: "\f237" } .fa-train:before { content: "\f238" } .fa-subway:before { content: "\f239" } .fa-medium:before { content: "\f23a" } .fa-yc:before, .fa-y-combinator:before { content: "\f23b" } .fa-optin-monster:before { content: "\f23c" } .fa-opencart:before { content: "\f23d" } .fa-expeditedssl:before { content: "\f23e" } .fa-battery-4:before, .fa-battery-full:before { content: "\f240" } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241" } .fa-battery-2:before, .fa-battery-half:before { content: "\f242" } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243" } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244" } .fa-mouse-pointer:before { content: "\f245" } .fa-i-cursor:before { content: "\f246" } .fa-object-group:before { content: "\f247" } .fa-object-ungroup:before { content: "\f248" } .fa-sticky-note:before { content: "\f249" } .fa-sticky-note-o:before { content: "\f24a" } .fa-cc-jcb:before { content: "\f24b" } .fa-cc-diners-club:before { content: "\f24c" } .fa-clone:before { content: "\f24d" } .fa-balance-scale:before { content: "\f24e" } .fa-hourglass-o:before { content: "\f250" } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251" } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252" } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253" } .fa-hourglass:before { content: "\f254" } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255" } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256" } .fa-hand-scissors-o:before { content: "\f257" } .fa-hand-lizard-o:before { content: "\f258" } .fa-hand-spock-o:before { content: "\f259" } .fa-hand-pointer-o:before { content: "\f25a" } .fa-hand-peace-o:before { content: "\f25b" } .fa-trademark:before { content: "\f25c" } .fa-registered:before { content: "\f25d" } .fa-creative-commons:before { content: "\f25e" } .fa-gg:before { content: "\f260" } .fa-gg-circle:before { content: "\f261" } .fa-tripadvisor:before { content: "\f262" } .fa-odnoklassniki:before { content: "\f263" } .fa-odnoklassniki-square:before { content: "\f264" } .fa-get-pocket:before { content: "\f265" } .fa-wikipedia-w:before { content: "\f266" } .fa-safari:before { content: "\f267" } .fa-chrome:before { content: "\f268" } .fa-firefox:before { content: "\f269" } .fa-opera:before { content: "\f26a" } .fa-internet-explorer:before { content: "\f26b" } .fa-tv:before, .fa-television:before { content: "\f26c" } .fa-contao:before { content: "\f26d" } .fa-500px:before { content: "\f26e" } .fa-amazon:before { content: "\f270" } .fa-calendar-plus-o:before { content: "\f271" } .fa-calendar-minus-o:before { content: "\f272" } .fa-calendar-times-o:before { content: "\f273" } .fa-calendar-check-o:before { content: "\f274" } .fa-industry:before { content: "\f275" } .fa-map-pin:before { content: "\f276" } .fa-map-signs:before { content: "\f277" } .fa-map-o:before { content: "\f278" } .fa-map:before { content: "\f279" } .fa-commenting:before { content: "\f27a" } .fa-commenting-o:before { content: "\f27b" } .fa-houzz:before { content: "\f27c" } .fa-vimeo:before { content: "\f27d" } .fa-black-tie:before { content: "\f27e" } .fa-fonticons:before { content: "\f280" } .fa-reddit-alien:before { content: "\f281" } .fa-edge:before { content: "\f282" } .fa-credit-card-alt:before { content: "\f283" } .fa-codiepie:before { content: "\f284" } .fa-modx:before { content: "\f285" } .fa-fort-awesome:before { content: "\f286" } .fa-usb:before { content: "\f287" } .fa-product-hunt:before { content: "\f288" } .fa-mixcloud:before { content: "\f289" } .fa-scribd:before { content: "\f28a" } .fa-pause-circle:before { content: "\f28b" } .fa-pause-circle-o:before { content: "\f28c" } .fa-stop-circle:before { content: "\f28d" } .fa-stop-circle-o:before { content: "\f28e" } .fa-shopping-bag:before { content: "\f290" } .fa-shopping-basket:before { content: "\f291" } .fa-hashtag:before { content: "\f292" } .fa-bluetooth:before { content: "\f293" } .fa-bluetooth-b:before { content: "\f294" } .fa-percent:before { content: "\f295" } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.html") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mCustomScrollbar{-ms-touch-action:none;touch-action:none}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{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{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{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}.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}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.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}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.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;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;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;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}.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}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.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{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-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_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-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}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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,.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,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.html);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(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}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{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,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.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}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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,.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,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-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,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.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}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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,.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,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.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,.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{width:16px;height:16px;margin:-1px 0}.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,.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{width:4px}.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,.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{height:16px;width:16px;margin:0 -1px}.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,.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{height:4px;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}.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,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.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}.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}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.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}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(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}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(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}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(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,.4),inset -1px 0 0 rgba(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,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.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}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.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,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.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,.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{width:12px}.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,.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{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}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.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-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.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-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-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-3-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-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.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,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} /*** ============================================ Hidden Sidebar style ============================================ ***/ .hidden-bar{ position: fixed; top: 0; width: 320px; height: 100%; background: #171717; z-index: 9999999999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .hidden-bar .mCSB_inside > .mCSB_container{ margin-right:0px; } .hidden-bar.right-align { right: -400px; } .hidden-bar.right-align.visible-sidebar{ right:0px; } .hidden-bar .hidden-bar-closer { position: absolute; right: 20px; top: 20px; width: 40px; height: 40px; background: none; color: #ffffff; border-radius: 0px; text-align: center; line-height: 40px; transition: all 300ms ease; z-index: 999999; } .hidden-bar .hidden-bar-closer button { background: none; display:block; font-size: 40px; color:#ffffff; width:40px; height:40px; line-height:40px; } .hidden-bar .hidden-bar-closer button span:before{ font-size: 30px; line-height: 30px; } .hidden-bar .hidden-bar-closer:hover button { color: #ffffff; } .hidden-bar-wrapper { height: 100%; padding:30px 10px 30px 30px; } .hidden-bar .logo { padding:0px 0px 30px; } .hidden-bar .logo a{ display: inline-block; } .hidden-bar .logo img{ display: inline-block; max-width: 100%; } .hiddenbar-about-us{ position: relative; display: block; } .hiddenbar-about-us h3{ color: #ffffff; font-size: 20px; margin: 0 0 18px; } .hiddenbar-about-us .text{ display: block; } .hiddenbar-about-us .text p{ color: rgba(255, 255, 255, 0.50); margin: 0; } .hidden-bar .contact-info-box{ position: relative; display: block; padding-top: 36px; } .hidden-bar .contact-info-box h3{ color: #ffffff; font-size: 20px; margin: 0 0 23px; } .hidden-bar .contact-info-box ul{ position: relative; display: block; } .hidden-bar .contact-info-box ul li{ position: relative; display: block; overflow: hidden; margin-bottom: 16px; } .hidden-bar .contact-info-box ul li:last-child{ margin-bottom: 0; } .hidden-bar .contact-info-box ul li h5{ color: #ffffff; font-size: 16px; line-height: 16px; font-weight: 700; margin: 0 0 11px; } .hidden-bar .contact-info-box ul li p{ color: rgba(255, 255, 255, 0.50); font-size: 14px; margin: 0; } .hidden-bar .contact-info-box ul li p a{ color: rgba(255, 255, 255, 0.50); transition: all 200ms linear; transition-delay: 0.1s; } .hidden-bar .contact-info-box ul li p a:hover{ color: rgb(255, 255, 255); } .hidden-bar .newsletter-form-box { position: relative; display: block; padding-top: 26px; padding-right: 20px; } .hidden-bar .newsletter-form-box h3{ font-size: 20px; color: #ffffff; margin: 0 0 24px; } .hidden-bar .newsletter-form-box form{ position: relative; display: block; } .hidden-bar .newsletter-form-box form input[type="email"] { position: relative; display: block; width: 100%; height: 50px; background: #ffffff; border: 1px solid #eeeeee; color: #8b8b8b; font-size: 15px; padding: 0 20px; padding-right: 60px; transition: all 500ms ease; } .hidden-bar .newsletter-form-box form button { position: absolute; top: 0; bottom: 0; right: 15px; width: 50px; text-align: center; } .hidden-bar .newsletter-form-box form button:before{ position: absolute; top: 12px; left: 0; bottom: 12px; width: 2px; background: #eeeeee; content: ""; } .hidden-bar .newsletter-form-box form button i{ position: relative; top: 2px; color: #22254a; font-size: 20px; line-height: 20px; } .hidden-bar .copy-right-text{ position: relative; display: block; padding-top: 44px; } .hidden-bar .copy-right-text p{ color: #ffffff; font-size: 14px; font-weight: 600; margin: 0; } @font-face { font-family: 'icomoon'; src: url('../fonts/icomoonda59.eot?vdw2jk'); src: url('../fonts/icomoonda59.eot?vdw2jk#iefix') format('embedded-opentype'), url('../fonts/icomoonda59.ttf?vdw2jk') format('truetype'), url('../fonts/icomoonda59.woff?vdw2jk') format('woff'), url('../fonts/icomoonda59.svg?vdw2jk#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow:before { content: "\e900"; } .icon-chat:before { content: "\e901"; } .icon-factory .path1:before { content: "\e902"; color: rgb(255, 199, 59); } .icon-factory .path2:before { content: "\e903"; margin-left: -1em; color: rgb(255, 167, 62); } .icon-factory .path3:before { content: "\e904"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path4:before { content: "\e905"; margin-left: -1em; color: rgb(183, 212, 226); } .icon-factory .path5:before { content: "\e906"; margin-left: -1em; color: rgb(255, 90, 57); } .icon-factory .path6:before { content: "\e907"; margin-left: -1em; color: rgb(255, 39, 39); } .icon-factory .path7:before { content: "\e908"; margin-left: -1em; color: rgb(54, 76, 89); } .icon-factory .path8:before { content: "\e909"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path9:before { content: "\e90a"; margin-left: -1em; color: rgb(183, 212, 226); } .icon-factory .path10:before { content: "\e90b"; margin-left: -1em; color: rgb(255, 90, 57); } .icon-factory .path11:before { content: "\e90c"; margin-left: -1em; color: rgb(255, 39, 39); } .icon-factory .path12:before { content: "\e90d"; margin-left: -1em; color: rgb(54, 76, 89); } .icon-factory .path13:before { content: "\e90e"; margin-left: -1em; color: rgb(102, 143, 163); } .icon-factory .path14:before { content: "\e90f"; margin-left: -1em; color: rgb(54, 76, 89); } .icon-factory .path15:before { content: "\e910"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path16:before { content: "\e911"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path17:before { content: "\e912"; margin-left: -1em; color: rgb(102, 143, 163); } .icon-factory .path18:before { content: "\e913"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path19:before { content: "\e914"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path20:before { content: "\e915"; margin-left: -1em; color: rgb(102, 143, 163); } .icon-factory .path21:before { content: "\e916"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path22:before { content: "\e917"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path23:before { content: "\e918"; margin-left: -1em; color: rgb(102, 143, 163); } .icon-factory .path24:before { content: "\e919"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path25:before { content: "\e91a"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path26:before { content: "\e91b"; margin-left: -1em; color: rgb(102, 143, 163); } .icon-factory .path27:before { content: "\e91c"; margin-left: -1em; color: rgb(183, 212, 226); } .icon-factory .path28:before { content: "\e91d"; margin-left: -1em; color: rgb(183, 212, 226); } .icon-factory .path29:before { content: "\e91e"; margin-left: -1em; color: rgb(183, 212, 226); } .icon-factory .path30:before { content: "\e91f"; margin-left: -1em; color: rgb(183, 212, 226); } .icon-factory .path31:before { content: "\e920"; margin-left: -1em; color: rgb(255, 90, 57); } .icon-factory .path32:before { content: "\e921"; margin-left: -1em; color: rgb(255, 39, 39); } .icon-factory .path33:before { content: "\e922"; margin-left: -1em; color: rgb(102, 143, 163); } .icon-factory .path34:before { content: "\e923"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path35:before { content: "\e924"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path36:before { content: "\e925"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path37:before { content: "\e926"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path38:before { content: "\e927"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path39:before { content: "\e928"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path40:before { content: "\e929"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path41:before { content: "\e92a"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path42:before { content: "\e92b"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path43:before { content: "\e92c"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path44:before { content: "\e92d"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path45:before { content: "\e92e"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path46:before { content: "\e92f"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path47:before { content: "\e930"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path48:before { content: "\e931"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path49:before { content: "\e932"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-factory .path50:before { content: "\e933"; margin-left: -1em; color: rgb(183, 212, 226); } .icon-factory .path51:before { content: "\e934"; margin-left: -1em; color: rgb(183, 212, 226); } .icon-factory .path52:before { content: "\e935"; margin-left: -1em; color: rgb(54, 76, 89); } .icon-factory .path53:before { content: "\e936"; margin-left: -1em; color: rgb(54, 76, 89); } .icon-icon-1:before { content: "\e937"; } .icon-icon-2:before { content: "\e938"; } .icon-icon-3:before { content: "\e939"; } .icon-icon-4:before { content: "\e93a"; } .icon-icon-5:before { content: "\e93b"; } .icon-icon-6:before { content: "\e93c"; } .icon-icon-7:before { content: "\e93d"; } .icon-icon-8:before { content: "\e93e"; } .icon-icon-9:before { content: "\e93f"; } .icon-icon-10:before { content: "\e940"; } .icon-icon-11:before { content: "\e941"; } .icon-icon-12:before { content: "\e942"; } .icon-icon-13:before { content: "\e943"; } .icon-icon-14:before { content: "\e944"; } .icon-icon-15:before { content: "\e945"; } .icon-icon-16:before { content: "\e946"; } .icon-icon-17:before { content: "\e947"; } .icon-icon-18:before { content: "\e948"; } .icon-icon-19 .path1:before { content: "\e949"; color: rgb(236, 125, 27); } .icon-icon-19 .path2:before { content: "\e94a"; margin-left: -1em; color: rgb(39, 57, 167); } .icon-icon-19 .path3:before { content: "\e94b"; margin-left: -1em; color: rgb(39, 57, 167); } .icon-icon-20:before { content: "\e94c"; } .icon-icon-21:before { content: "\e94d"; } .icon-icon-22:before { content: "\e94e"; } .icon-icon-23:before { content: "\e94f"; } .icon-icon-24:before { content: "\e950"; } .icon-icon-25:before { content: "\e951"; } .icon-icon-26:before { content: "\e952"; } .icon-icon-27:before { content: "\e953"; } .icon-icon-28:before { content: "\e954"; } .icon-icon-29:before { content: "\e955"; } .icon-icon-30:before { content: "\e956"; } .icon-icon-31:before { content: "\e957"; } .icon-icon-32 .path1:before { content: "\e958"; color: rgb(59, 169, 253); } .icon-icon-32 .path2:before { content: "\e959"; margin-left: -1em; color: rgb(59, 169, 253); } .icon-icon-32 .path3:before { content: "\e95a"; margin-left: -1em; color: rgb(59, 169, 253); } .icon-icon-32 .path4:before { content: "\e95b"; margin-left: -1em; color: rgb(59, 169, 253); } .icon-icon-32 .path5:before { content: "\e95c"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-32 .path6:before { content: "\e95d"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-32 .path7:before { content: "\e95e"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-32 .path8:before { content: "\e95f"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-33 .path1:before { content: "\e960"; color: rgb(83, 121, 128); } .icon-icon-33 .path2:before { content: "\e961"; margin-left: -1em; color: rgb(56, 91, 96); } .icon-icon-33 .path3:before { content: "\e962"; margin-left: -1em; color: rgb(234, 234, 240); } .icon-icon-33 .path4:before { content: "\e963"; margin-left: -1em; color: rgb(154, 219, 7); } .icon-icon-33 .path5:before { content: "\e964"; margin-left: -1em; color: rgb(216, 216, 216); } .icon-icon-33 .path6:before { content: "\e965"; margin-left: -1em; color: rgb(83, 121, 128); } .icon-icon-33 .path7:before { content: "\e966"; margin-left: -1em; color: rgb(234, 234, 240); } .icon-icon-33 .path8:before { content: "\e967"; margin-left: -1em; color: rgb(216, 216, 216); } .icon-icon-33 .path9:before { content: "\e968"; margin-left: -1em; color: rgb(56, 91, 96); } .icon-icon-33 .path10:before { content: "\e969"; margin-left: -1em; color: rgb(148, 198, 0); } .icon-icon-33 .path11:before { content: "\e96a"; margin-left: -1em; color: rgb(148, 198, 0); } .icon-icon-33 .path12:before { content: "\e96b"; margin-left: -1em; color: rgb(148, 198, 0); } .icon-icon-33 .path13:before { content: "\e96c"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-33 .path14:before { content: "\e96d"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-33 .path15:before { content: "\e96e"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-33 .path16:before { content: "\e96f"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-33 .path17:before { content: "\e970"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-33 .path18:before { content: "\e971"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-33 .path19:before { content: "\e972"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-34 .path1:before { content: "\e973"; color: rgb(59, 169, 253); } .icon-icon-34 .path2:before { content: "\e974"; margin-left: -1em; color: rgb(59, 169, 253); } .icon-icon-34 .path3:before { content: "\e975"; margin-left: -1em; color: rgb(234, 234, 240); } .icon-icon-34 .path4:before { content: "\e976"; margin-left: -1em; color: rgb(14, 139, 206); } .icon-icon-34 .path5:before { content: "\e977"; margin-left: -1em; color: rgb(59, 169, 253); } .icon-icon-34 .path6:before { content: "\e978"; margin-left: -1em; color: rgb(234, 234, 240); } .icon-icon-34 .path7:before { content: "\e979"; margin-left: -1em; color: rgb(247, 80, 47); } .icon-icon-34 .path8:before { content: "\e97a"; margin-left: -1em; color: rgb(216, 216, 216); } .icon-icon-34 .path9:before { content: "\e97b"; margin-left: -1em; color: rgb(59, 169, 253); } .icon-icon-34 .path10:before { content: "\e97c"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-34 .path11:before { content: "\e97d"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-34 .path12:before { content: "\e97e"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-34 .path13:before { content: "\e97f"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-34 .path14:before { content: "\e980"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-34 .path15:before { content: "\e981"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-34 .path16:before { content: "\e982"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-34 .path17:before { content: "\e983"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-35 .path1:before { content: "\e984"; color: rgb(234, 234, 240); } .icon-icon-35 .path2:before { content: "\e985"; margin-left: -1em; color: rgb(83, 121, 128); } .icon-icon-35 .path3:before { content: "\e986"; margin-left: -1em; color: rgb(56, 91, 96); } .icon-icon-35 .path4:before { content: "\e987"; margin-left: -1em; color: rgb(56, 91, 96); } .icon-icon-35 .path5:before { content: "\e988"; margin-left: -1em; color: rgb(234, 234, 240); } .icon-icon-35 .path6:before { content: "\e989"; margin-left: -1em; color: rgb(56, 91, 96); } .icon-icon-35 .path7:before { content: "\e98a"; margin-left: -1em; color: rgb(56, 91, 96); } .icon-icon-35 .path8:before { content: "\e98b"; margin-left: -1em; color: rgb(56, 91, 96); } .icon-icon-35 .path9:before { content: "\e98c"; margin-left: -1em; color: rgb(83, 121, 128); } .icon-icon-35 .path10:before { content: "\e98d"; margin-left: -1em; color: rgb(216, 216, 216); } .icon-icon-35 .path11:before { content: "\e98e"; margin-left: -1em; color: rgb(216, 216, 216); } .icon-icon-35 .path12:before { content: "\e98f"; margin-left: -1em; color: rgb(216, 216, 216); } .icon-icon-35 .path13:before { content: "\e990"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-35 .path14:before { content: "\e991"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-35 .path15:before { content: "\e992"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-35 .path16:before { content: "\e993"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-35 .path17:before { content: "\e994"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-35 .path18:before { content: "\e995"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-35 .path19:before { content: "\e996"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-35 .path20:before { content: "\e997"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-35 .path21:before { content: "\e998"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-35 .path22:before { content: "\e999"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-35 .path23:before { content: "\e99a"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-35 .path24:before { content: "\e99b"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-36 .path1:before { content: "\e99c"; color: rgb(83, 121, 128); } .icon-icon-36 .path2:before { content: "\e99d"; margin-left: -1em; color: rgb(216, 216, 216); } .icon-icon-36 .path3:before { content: "\e99e"; margin-left: -1em; color: rgb(56, 91, 96); } .icon-icon-36 .path4:before { content: "\e99f"; margin-left: -1em; color: rgb(234, 234, 240); } .icon-icon-36 .path5:before { content: "\e9a0"; margin-left: -1em; color: rgb(234, 234, 240); } .icon-icon-36 .path6:before { content: "\e9a1"; margin-left: -1em; color: rgb(83, 121, 128); } .icon-icon-36 .path7:before { content: "\e9a2"; margin-left: -1em; color: rgb(83, 121, 128); } .icon-icon-36 .path8:before { content: "\e9a3"; margin-left: -1em; color: rgb(83, 121, 128); } .icon-icon-36 .path9:before { content: "\e9a4"; margin-left: -1em; color: rgb(234, 234, 240); } .icon-icon-36 .path10:before { content: "\e9a5"; margin-left: -1em; color: rgb(253, 216, 46); } .icon-icon-36 .path11:before { content: "\e9a6"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-36 .path12:before { content: "\e9a7"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-36 .path13:before { content: "\e9a8"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-36 .path14:before { content: "\e9a9"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-36 .path15:before { content: "\e9aa"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-37 .path1:before { content: "\e9ab"; color: rgb(234, 234, 240); } .icon-icon-37 .path2:before { content: "\e9ac"; margin-left: -1em; color: rgb(234, 234, 240); } .icon-icon-37 .path3:before { content: "\e9ad"; margin-left: -1em; color: rgb(217, 57, 34); } .icon-icon-37 .path4:before { content: "\e9ae"; margin-left: -1em; color: rgb(253, 216, 46); } .icon-icon-37 .path5:before { content: "\e9af"; margin-left: -1em; color: rgb(255, 152, 0); } .icon-icon-37 .path6:before { content: "\e9b0"; margin-left: -1em; color: rgb(247, 80, 47); } .icon-icon-37 .path7:before { content: "\e9b1"; margin-left: -1em; color: rgb(253, 216, 46); } .icon-icon-37 .path8:before { content: "\e9b2"; margin-left: -1em; color: rgb(255, 152, 0); } .icon-icon-37 .path9:before { content: "\e9b3"; margin-left: -1em; color: rgb(247, 80, 47); } .icon-icon-37 .path10:before { content: "\e9b4"; margin-left: -1em; color: rgb(247, 80, 47); } .icon-icon-37 .path11:before { content: "\e9b5"; margin-left: -1em; color: rgb(247, 80, 47); } .icon-icon-37 .path12:before { content: "\e9b6"; margin-left: -1em; color: rgb(234, 234, 240); } .icon-icon-37 .path13:before { content: "\e9b7"; margin-left: -1em; color: rgb(253, 216, 46); } .icon-icon-37 .path14:before { content: "\e9b8"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-37 .path15:before { content: "\e9b9"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-37 .path16:before { content: "\e9ba"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-37 .path17:before { content: "\e9bb"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-37 .path18:before { content: "\e9bc"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-37 .path19:before { content: "\e9bd"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-37 .path20:before { content: "\e9be"; margin-left: -1em; color: rgb(5, 23, 32); } .icon-icon-38 .path1:before { content: "\e9bf"; color: rgb(132, 219, 255); } .icon-icon-38 .path2:before { content: "\e9c0"; margin-left: -1em; color: rgb(84, 192, 235); } .icon-icon-38 .path3:before { content: "\e9c1"; margin-left: -1em; color: rgb(84, 192, 235); } .icon-icon-38 .path4:before { content: "\e9c2"; margin-left: -1em; color: rgb(84, 192, 235); } .icon-icon-38 .path5:before { content: "\e9c3"; margin-left: -1em; color: rgb(206, 213, 224); } .icon-icon-38 .path6:before { content: "\e9c4"; margin-left: -1em; color: rgb(230, 233, 238); } .icon-icon-38 .path7:before { content: "\e9c5"; margin-left: -1em; color: rgb(230, 233, 238); } .icon-icon-38 .path8:before { content: "\e9c6"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-icon-38 .path9:before { content: "\e9c7"; margin-left: -1em; color: rgb(84, 192, 235); } .icon-icon-38 .path10:before { content: "\e9c8"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-icon-38 .path11:before { content: "\e9c9"; margin-left: -1em; color: rgb(255, 112, 88); } .icon-icon-38 .path12:before { content: "\e9ca"; margin-left: -1em; color: rgb(255, 112, 88); } .icon-icon-38 .path13:before { content: "\e9cb"; margin-left: -1em; color: rgb(255, 112, 88); } .icon-icon-38 .path14:before { content: "\e9cc"; margin-left: -1em; color: rgb(255, 112, 88); } .icon-icon-39 .path1:before { content: "\e9cd"; color: rgb(144, 223, 170); } .icon-icon-39 .path2:before { content: "\e9ce"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-icon-39 .path3:before { content: "\e9cf"; margin-left: -1em; color: rgb(43, 59, 78); } .icon-icon-39 .path4:before { content: "\e9d0"; margin-left: -1em; color: rgb(50, 74, 94); } .icon-icon-39 .path5:before { content: "\e9d1"; margin-left: -1em; color: rgb(44, 153, 132); } .icon-icon-39 .path6:before { content: "\e9d2"; margin-left: -1em; color: rgb(230, 233, 238); } .icon-icon-39 .path7:before { content: "\e9d3"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-icon-39 .path8:before { content: "\e9d4"; margin-left: -1em; color: rgb(43, 59, 78); } .icon-icon-39 .path9:before { content: "\e9d5"; margin-left: -1em; color: rgb(50, 74, 94); } .icon-icon-40 .path1:before { content: "\e9d6"; color: rgb(50, 74, 94); } .icon-icon-40 .path2:before { content: "\e9d7"; margin-left: -1em; color: rgb(230, 233, 238); } .icon-icon-40 .path3:before { content: "\e9d8"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-icon-40 .path4:before { content: "\e9d9"; margin-left: -1em; color: rgb(230, 233, 238); } .icon-icon-40 .path5:before { content: "\e9da"; margin-left: -1em; color: rgb(132, 219, 255); } .icon-icon-40 .path6:before { content: "\e9db"; margin-left: -1em; color: rgb(84, 192, 235); } .icon-icon-40 .path7:before { content: "\e9dc"; margin-left: -1em; color: rgb(84, 192, 235); } .icon-icon-40 .path8:before { content: "\e9dd"; margin-left: -1em; color: rgb(84, 192, 235); } .icon-icon-40 .path9:before { content: "\e9de"; margin-left: -1em; color: rgb(84, 192, 235); } .icon-icon-41 .path1:before { content: "\e9df"; color: rgb(255, 208, 91); } .icon-icon-41 .path2:before { content: "\e9e0"; margin-left: -1em; color: rgb(249, 181, 76); } .icon-icon-41 .path3:before { content: "\e9e1"; margin-left: -1em; color: rgb(241, 84, 63); } .icon-icon-41 .path4:before { content: "\e9e2"; margin-left: -1em; color: rgb(255, 112, 88); } .icon-icon-41 .path5:before { content: "\e9e3"; margin-left: -1em; color: rgb(43, 59, 78); } .icon-icon-41 .path6:before { content: "\e9e4"; margin-left: -1em; color: rgb(50, 74, 94); } .icon-icon-41 .path7:before { content: "\e9e5"; margin-left: -1em; color: rgb(172, 179, 186); } .icon-icon-41 .path8:before { content: "\e9e6"; margin-left: -1em; color: rgb(50, 74, 94); } .icon-icon-41 .path9:before { content: "\e9e7"; margin-left: -1em; color: rgb(172, 179, 186); } .icon-icon-41 .path10:before { content: "\e9e8"; margin-left: -1em; color: rgb(50, 74, 94); } .icon-icon-41 .path11:before { content: "\e9e9"; margin-left: -1em; color: rgb(172, 179, 186); } .icon-icon-41 .path12:before { content: "\e9ea"; margin-left: -1em; color: rgb(50, 74, 94); } .icon-icon-41 .path13:before { content: "\e9eb"; margin-left: -1em; color: rgb(172, 179, 186); } .icon-icon-41 .path14:before { content: "\e9ec"; margin-left: -1em; color: rgb(206, 213, 224); } .icon-icon-41 .path15:before { content: "\e9ed"; margin-left: -1em; color: rgb(206, 213, 224); } .icon-icon-41 .path16:before { content: "\e9ee"; margin-left: -1em; color: rgb(206, 213, 224); } .icon-icon-41 .path17:before { content: "\e9ef"; margin-left: -1em; color: rgb(206, 213, 224); } .icon-icon-41 .path18:before { content: "\e9f0"; margin-left: -1em; color: rgb(206, 213, 224); } .icon-icon-41 .path19:before { content: "\e9f1"; margin-left: -1em; color: rgb(206, 213, 224); } .icon-icon-41 .path20:before { content: "\e9f2"; margin-left: -1em; color: rgb(206, 213, 224); } .icon-icon-41 .path21:before { content: "\e9f3"; margin-left: -1em; color: rgb(230, 233, 238); } .icon-icon-41 .path22:before { content: "\e9f4"; margin-left: -1em; color: rgb(230, 233, 238); } .icon-icon-42 .path1:before { content: "\e9f5"; color: rgb(253, 132, 105); } .icon-icon-42 .path2:before { content: "\e9f6"; margin-left: -1em; color: rgb(241, 84, 63); } .icon-icon-42 .path3:before { content: "\e9f7"; margin-left: -1em; color: rgb(50, 74, 94); } .icon-icon-42 .path4:before { content: "\e9f8"; margin-left: -1em; color: rgb(230, 233, 238); } .icon-icon-42 .path5:before { content: "\e9f9"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-icon-42 .path6:before { content: "\e9fa"; margin-left: -1em; color: rgb(132, 219, 255); } .icon-icon-42 .path7:before { content: "\e9fb"; margin-left: -1em; color: rgb(132, 219, 255); } .icon-icon-42 .path8:before { content: "\e9fc"; margin-left: -1em; color: rgb(132, 219, 255); } .icon-icon-42 .path9:before { content: "\e9fd"; margin-left: -1em; color: rgb(132, 219, 255); } .icon-icon-42 .path10:before { content: "\e9fe"; margin-left: -1em; color: rgb(132, 219, 255); } .icon-icon-42 .path11:before { content: "\e9ff"; margin-left: -1em; color: rgb(132, 219, 255); } .icon-icon-42 .path12:before { content: "\ea00"; margin-left: -1em; color: rgb(132, 219, 255); } .icon-icon-42 .path13:before { content: "\ea01"; margin-left: -1em; color: rgb(132, 219, 255); } .icon-icon-42 .path14:before { content: "\ea02"; margin-left: -1em; color: rgb(132, 219, 255); } .icon-icon-42 .path15:before { content: "\ea03"; margin-left: -1em; color: rgb(132, 219, 255); } .icon-icon-42 .path16:before { content: "\ea04"; margin-left: -1em; color: rgb(132, 219, 255); } .icon-icon-42 .path17:before { content: "\ea05"; margin-left: -1em; color: rgb(132, 219, 255); } .icon-icon-42 .path18:before { content: "\ea06"; margin-left: -1em; color: rgb(132, 219, 255); } .icon-icon-42 .path19:before { content: "\ea07"; margin-left: -1em; color: rgb(132, 219, 255); } .icon-icon-42 .path20:before { content: "\ea08"; margin-left: -1em; color: rgb(132, 219, 255); } .icon-icon-42 .path21:before { content: "\ea09"; margin-left: -1em; color: rgb(50, 74, 94); } .icon-icon-42 .path22:before { content: "\ea0a"; margin-left: -1em; color: rgb(50, 74, 94); } .icon-icon-42 .path23:before { content: "\ea0b"; margin-left: -1em; color: rgb(50, 74, 94); } .icon-icon-42 .path24:before { content: "\ea0c"; margin-left: -1em; color: rgb(50, 74, 94); } .icon-icon-42 .path25:before { content: "\ea0d"; margin-left: -1em; color: rgb(50, 74, 94); } .icon-icon-42 .path26:before { content: "\ea0e"; margin-left: -1em; color: rgb(50, 74, 94); } .icon-icon-42 .path27:before { content: "\ea0f"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-icon-43 .path1:before { content: "\ea10"; color: rgb(132, 219, 255); } .icon-icon-43 .path2:before { content: "\ea11"; margin-left: -1em; color: rgb(50, 74, 94); } .icon-icon-43 .path3:before { content: "\ea12"; margin-left: -1em; color: rgb(50, 74, 94); } .icon-icon-43 .path4:before { content: "\ea13"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-icon-43 .path5:before { content: "\ea14"; margin-left: -1em; color: rgb(50, 74, 94); } .icon-icon-43 .path6:before { content: "\ea15"; margin-left: -1em; color: rgb(50, 74, 94); } .icon-icon-43 .path7:before { content: "\ea16"; margin-left: -1em; color: rgb(50, 74, 94); } .icon-icon-43 .path8:before { content: "\ea17"; margin-left: -1em; color: rgb(255, 112, 88); } .icon-icon-43 .path9:before { content: "\ea18"; margin-left: -1em; color: rgb(255, 208, 91); } .icon-icon-43 .path10:before { content: "\ea19"; margin-left: -1em; color: rgb(255, 112, 88); } .icon-icon-43 .path11:before { content: "\ea1a"; margin-left: -1em; color: rgb(255, 208, 91); } .icon-icon-43 .path12:before { content: "\ea1b"; margin-left: -1em; color: rgb(76, 219, 196); } .icon-icon-43 .path13:before { content: "\ea1c"; margin-left: -1em; color: rgb(44, 153, 132); } .icon-icon-43 .path14:before { content: "\ea1d"; margin-left: -1em; color: rgb(44, 153, 132); } .icon-icon-44 .path1:before { content: "\ea1e"; color: rgb(255, 112, 88); } .icon-icon-44 .path2:before { content: "\ea1f"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-icon-44 .path3:before { content: "\ea20"; margin-left: -1em; color: rgb(230, 233, 238); } .icon-icon-44 .path4:before { content: "\ea21"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-icon-44 .path5:before { content: "\ea22"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-icon-44 .path6:before { content: "\ea23"; margin-left: -1em; color: rgb(230, 233, 238); } .icon-icon-44 .path7:before { content: "\ea24"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-icon-45 .path1:before { content: "\ea25"; color: rgb(50, 74, 94); } .icon-icon-45 .path2:before { content: "\ea26"; margin-left: -1em; color: rgb(43, 59, 78); } .icon-icon-45 .path3:before { content: "\ea27"; margin-left: -1em; color: rgb(230, 233, 238); } .icon-icon-45 .path4:before { content: "\ea28"; margin-left: -1em; color: rgb(255, 208, 91); } .icon-icon-45 .path5:before { content: "\ea29"; margin-left: -1em; color: rgb(255, 208, 91); } .icon-icon-45 .path6:before { content: "\ea2a"; margin-left: -1em; color: rgb(249, 181, 76); } .icon-icon-45 .path7:before { content: "\ea2b"; margin-left: -1em; color: rgb(249, 181, 76); } .icon-icon-46 .path1:before { content: "\ea2c"; color: rgb(255, 208, 91); } .icon-icon-46 .path2:before { content: "\ea2d"; margin-left: -1em; color: rgb(241, 84, 63); } .icon-icon-46 .path3:before { content: "\ea2e"; margin-left: -1em; color: rgb(230, 233, 238); } .icon-icon-46 .path4:before { content: "\ea2f"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-icon-46 .path5:before { content: "\ea30"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-icon-46 .path6:before { content: "\ea31"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-icon-46 .path7:before { content: "\ea32"; margin-left: -1em; color: rgb(230, 233, 238); } .icon-icon-46 .path8:before { content: "\ea33"; margin-left: -1em; color: rgb(255, 112, 88); } .icon-logo:before { content: "\ea34"; } .icon-package .path1:before { content: "\ea35"; color: rgb(183, 212, 226); } .icon-package .path2:before { content: "\ea36"; margin-left: -1em; color: rgb(153, 186, 198); } .icon-package .path3:before { content: "\ea37"; margin-left: -1em; color: rgb(102, 143, 163); } .icon-package .path4:before { content: "\ea38"; margin-left: -1em; color: rgb(76, 120, 137); } .icon-package .path5:before { content: "\ea39"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-package .path6:before { content: "\ea3a"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-package .path7:before { content: "\ea3b"; margin-left: -1em; color: rgb(255, 199, 59); } .icon-package .path8:before { content: "\ea3c"; margin-left: -1em; color: rgb(255, 167, 62); } .icon-package .path9:before { content: "\ea3d"; margin-left: -1em; color: rgb(255, 90, 57); } .icon-package .path10:before { content: "\ea3e"; margin-left: -1em; color: rgb(209, 115, 74); } .icon-phone:before { content: "\ea3f"; } .icon-plus:before { content: "\ea40"; } .icon-quotes:before { content: "\ea41"; } .icon-video:before { content: "\ea42"; } .icon-worker .path1:before { content: "\ea43"; color: rgb(62, 177, 255); } .icon-worker .path2:before { content: "\ea44"; margin-left: -1em; color: rgb(67, 144, 255); } .icon-worker .path3:before { content: "\ea45"; margin-left: -1em; color: rgb(67, 144, 255); } .icon-worker .path4:before { content: "\ea46"; margin-left: -1em; color: rgb(102, 143, 163); } .icon-worker .path5:before { content: "\ea47"; margin-left: -1em; color: rgb(255, 171, 138); } .icon-worker .path6:before { content: "\ea48"; margin-left: -1em; color: rgb(255, 171, 138); } .icon-worker .path7:before { content: "\ea49"; margin-left: -1em; color: rgb(255, 217, 192); } .icon-worker .path8:before { content: "\ea4a"; margin-left: -1em; color: rgb(255, 188, 161); } .icon-worker .path9:before { content: "\ea4b"; margin-left: -1em; color: rgb(255, 217, 192); } .icon-worker .path10:before { content: "\ea4c"; margin-left: -1em; color: rgb(255, 188, 161); } .icon-worker .path11:before { content: "\ea4d"; margin-left: -1em; color: rgb(102, 143, 163); } .icon-worker .path12:before { content: "\ea4e"; margin-left: -1em; color: rgb(102, 143, 163); } .icon-worker .path13:before { content: "\ea4f"; margin-left: -1em; color: rgb(255, 171, 138); } .icon-worker .path14:before { content: "\ea50"; margin-left: -1em; color: rgb(76, 120, 137); } .icon-worker .path15:before { content: "\ea51"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-worker .path16:before { content: "\ea52"; margin-left: -1em; color: rgb(212, 239, 255); } .icon-worker .path17:before { content: "\ea53"; margin-left: -1em; color: rgb(76, 120, 137); } .icon-worker .path18:before { content: "\ea54"; margin-left: -1em; color: rgb(183, 212, 226); } .icon-worker .path19:before { content: "\ea55"; margin-left: -1em; color: rgb(255, 199, 59); } .icon-worker .path20:before { content: "\ea56"; margin-left: -1em; color: rgb(255, 167, 62); } .icon-worker .path21:before { content: "\ea57"; margin-left: -1em; color: rgb(255, 167, 62); } .icon-worker .path22:before { content: "\ea58"; margin-left: -1em; color: rgb(255, 132, 64); } .icon-worker .path23:before { content: "\ea59"; margin-left: -1em; color: rgb(255, 167, 62); } .icon-worker .path24:before { content: "\ea5a"; margin-left: -1em; color: rgb(255, 132, 64); } .icon-worker .path25:before { content: "\ea5b"; margin-left: -1em; color: rgb(255, 199, 59); } .icon-worker .path26:before { content: "\ea5c"; margin-left: -1em; color: rgb(255, 167, 62); } /*============================================== Main Header Css ===============================================*/ .main-header { position: absolute; left: 0px; top: 0px; width: 100%; margin: 0px; z-index: 999; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .sticky-header { position: fixed; top: 0px; left: 0px; width: 100%; padding: 0px 0px; background: rgba(255, 255, 255, 0.97); opacity: 0; visibility: hidden; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; z-index: 0; } .fixed-header .sticky-header { visibility: visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; box-shadow: 0 0 10px rgba(0,0,0, .1); opacity: 1; z-index: 999999; } .sticky-header .logo { position: relative; display: block; padding: 23px 0 23px; } .sticky-header .logo a{ position: relative; display: inline-block; } .sticky-header .main-menu .navigation> li { margin-right: 40px; } .sticky-header .main-menu .navigation> li> a { padding: 35px 0; } .header-style-one { position: relative; display: block; } .header-top{ position: relative; display: block; background: #2f3a51; } .header-top .outer-box{ position: relative; display: block; } .header-top_left{ position: relative; display: block; padding-left: 55px; } .header-top_left .icon{ position: absolute; top: 0; left: 0; width: 55px; height: 60px; background-color: var(--thm-primary); display: flex; align-items: center; justify-content: center; } .header-top_left-content { position: relative; display: flex; align-items: center; max-width: 520px; width: 100%; margin-left: 20px; min-height: 60px; } .header-top_left-content .single-item{ position: relative; display: block; } .header-top_left-content .single-item p{ color: #ffffff; font-size: 16px; margin: 0; } .header-top_left-carousel{ position: relative; display: block; padding-right: 70px; } .header-top_left-carousel .owl-nav { position: absolute; top: 0; right: 0; bottom: 0; width: 35px; display: flex; align-items: center; justify-content: center; justify-content: space-between; } .header-top_left-carousel.owl-carousel .owl-nav button { position: relative; top: -2px; color: #ffffff; font-size: 30px; opacity: 1; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; line-height: 0; } .header-top_right { position: relative; display: block; padding: 10px 0 10px; } .header-social-link-1{ position: relative; display: block; overflow: hidden; } .header-social-link-1 ul{ position: relative; display: block; } .header-social-link-1 ul li{ position: relative; display: inline-block; float: left; margin-right: 5px; } .header-social-link-1 ul li:last-child{ margin-right: 0px; } .header-social-link-1 ul li a{ position: relative; display: block; background: rgba(255, 255, 255, 0.10); width: 40px; height: 40px; border-radius: 8px; color: #ffffff; font-size: 16px; font-weight: 400; text-align: center; line-height: 40px; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .header-social-link-1 ul li a:hover{ background: var(--thm-color-2); } .header { position: relative; display: block; background: #ffffff; } .header .outer-box { position: relative; display: block; } .header-left { position: relative; display: block; } .header-left .logo { position: relative; display: block; padding-top: 30px; padding-bottom: 31px; } .header-left .logo a{ position: relative; display: inline-block; } .header-right { position: relative; display: flex; align-items: center; z-index: 2; } .header-right .nav-outer { position: relative; display: block; float: left; z-index: 2; } .main-menu.style1{} .main-menu { position: relative; display: block; float: left; } .main-menu .navbar-collapse{ padding:0px; display:block !important; } .main-menu .navigation { position: inherit; display: block; } .main-menu .navigation> li { position: inherit; display: inline-block; float: left; margin-right: 25px; } .main-menu .navigation> li:last-child{ margin-right: 0; } .main-menu .navigation>li>a { position: relative; display: block; padding: 42px 0 43px; color: #222222; font-size: 18px; line-height: 30px; font-weight: 500; text-transform: uppercase; transition: all 500ms ease; font-family: 'Inter', sans-serif; opacity: 1; } .main-menu .navigation>li.dropdown>a { padding-right: 15px; } .main-menu .navigation>li.dropdown>a:before { position: absolute; right: 0px; font-family: FontAwesome; content: "\f107"; line-height: 26px; font-size: 16px; font-weight: 400; } .main-menu .navigation> li> ul, .main-menu .navigation> li> .megamenu { position: absolute; top: 100%; left: inherit; width: 270px; padding: 0px 0; opacity: 0; visibility: hidden; border-radius: 0; -moz-transform: translateY(30px); -webkit-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); transition:all 100ms ease; z-index: 100; } .main-menu .navigation> li> ul:before, .main-menu .navigation> li> .megamenu:before{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; content: ''; background: #ffffff; border-radius: 0; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); z-index: -1; } .main-menu .navigation> li.dropdown:hover> ul, .main-menu .navigation> li.dropdown:hover .megamenu{ opacity:1; visibility:visible; -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition:all 300ms ease; -moz-transition:all 300ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .main-menu .navigation> li> ul> li, .main-menu .navigation> li> .megamenu li{ position: relative; display: block; padding: 0 20px; width: 100%; } .main-menu .navigation> li> ul> li> a, .main-menu .navigation> li> .megamenu li> a { position: relative; display: block; border-bottom: 1px solid #e9e9e9; padding: 13px 0px 13px; color: #11161e; font-size: 15px; line-height: 24px; font-weight: 600; text-align: left; text-transform: capitalize; transition: all 500ms ease; font-family: 'Poppins', sans-serif; } .main-menu .navigation> li> ul> li:last-child> a, .main-menu .navigation> li> .megamenu li:last-child a{ border: none; } .main-menu .navigation> li> ul> li> a:hover, .main-menu .navigation> li> .megamenu li> a:hover { padding-left: 15px; } .main-menu .navigation> li> ul> li> a:before, .main-menu .navigation> li> .megamenu li> a:before { position: absolute; top: 0; left: 0px; bottom: 0; content: ""; margin: 15px 0; width: 0px; background: var(--thm-primary); opacity: 0; transition: all 200ms linear; transition-delay: 0.1s; } .main-menu .navigation> li> ul> li:hover> a:before, .main-menu .navigation> li> .megamenu li:hover a:before { width: 5px; opacity: 1; } .main-menu .navigation> li> ul> li:hover> a:before{ opacity: 1; } .main-menu .navigation> li> ul> li.dropdown> a:after { position: absolute; top: 0px; right: 0px; bottom: 0; font-family: FontAwesome; content: "\f105"; font-size: 14px; font-weight: 700; margin: 12px 0; text-align: right; z-index: 5; } .main-menu .navigation> li> ul> li> ul { position: absolute; top: 0%; left: 100%; width: 250px; padding: 0; display: none; background: #ffffff; border-radius: 0; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-transform: translateY(30px); -webkit-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); transition:all 100ms ease; z-index: 100; } .main-menu .navigation li> ul> li.dropdown:hover ul { opacity:1; visibility:visible; -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition:all 300ms ease; -moz-transition:all 300ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .main-menu .navigation>li>ul>li>ul> li { position: relative; display: block; padding: 0 20px; width: 100%; } .main-menu .navigation> li> ul> li> ul> li> a { position: relative; display: block; border-bottom: 1px solid #e9e9e9; padding: 13px 0px 13px; color: #11161e; font-size: 15px; line-height: 24px; font-weight: 600; text-align: left; text-transform: capitalize; transition: all 500ms ease; font-family: 'Poppins', sans-serif; } .main-menu .navigation> li> ul> li> ul> li:last-child> a{ border: none; } .main-menu .navigation> li> ul> li:hover > a{ padding-left: 15px; } .main-menu .navigation> li> ul> li> ul> li> a:hover { padding-left: 15px; } .main-menu .navigation> li> ul> li> ul> li a:before{ position: absolute; top: 0; left: 0px; bottom: 0; content: ""; margin: 15px 0; width: 0px; background: var(--thm-primary); transition: all 500ms ease; transition: all 200ms linear; transition-delay: 0.1s; } .main-menu .navigation> li> ul> li> ul> li:hover> a:before{ width: 5px; } /** Megamenu Style **/ .main-menu .navigation > li.dropdown > .megamenu { position: absolute; width: 100%; padding: 0px 0px; left: 0px; } .main-menu .navigation li.dropdown .megamenu li h4{ font-weight: 500; padding: 3px 0px; color: #fff; } .main-menu .navbar-collapse>ul li.dropdown .dropdown-btn { position: absolute; right: 0px; top: 0; width: 50px; height: 42px; border-left: 1px solid #04102a; text-align: center; font-size: 16px; line-height: 42px; color: #ffffff; cursor: pointer; display: none; z-index: 5; } .header-right_buttom { position: relative; display: flex; align-items: center; margin-left: 30px; } .header-right_buttom .btns-box { position: relative; display: block; } .side-content-button { position: relative; display: block; float: right; padding-top: 17px; padding-bottom: 5px; padding-left: 20px; } .side-content-button button{ position: relative; display: inline-block; } .side-content-button ul{ position: relative; display: block; overflow: hidden; margin-left: -2px; margin-right: -2px; } .side-content-button ul li{ position: relative; display: inline-block; float: left; width: 6px; height: 6px; border-radius: 50%; margin: 0 2px 4px; background-color: var(--thm-color-4); transition: all 200ms linear; transition-delay: 0.1s; } .side-content-button:hover ul li{ background-color: var(--thm-black); } .outer-search-box-style1{ position: relative; display: block; } .outer-search-box-style1 .seach-toggle { position: relative; display: block; width: 80px; height: 30px; color: var(--thm-black); font-size: 22px; line-height: 30px; cursor: pointer; text-align: center; margin: 0; transition: all 500ms ease; border-left: 1px solid #979ca8; } .outer-search-box-style1 .search-box { position: absolute; top: 170%; right: 0%; background: rgba(0, 0, 0, 0.90); opacity: 0; padding: 20px; visibility: hidden; z-index: 100; margin-left: 0; transition: all 200ms linear; transition-delay: 0.1s; } .outer-search-box-style1 .search-box.now-visible { top: 250%; opacity: 1; visibility: visible; z-index: 100; } .outer-search-box-style1 .search-box .form-group{ position:relative; padding: 0px; margin: 0px; width: 100%; min-width: 250px; } .outer-search-box-style1 .search-box .form-group input[type="search"] { background: #ffffff none repeat scroll 0 0; border: 1px solid #1f1f23; color: #000; display: block; font-size: 13px; line-height: 24px; position: relative; transition: all 500ms ease 0s; width: 100%; height: 45px; padding-left: 15px; padding-right: 50px; } .outer-search-box-style1 .search-box .form-group input[type="search"]:focus{ border-color: #f5f5f5; } .outer-search-box-style1 .search-box .form-group button, .outer-search-box-style1 .search-box .form-group input[type="submit"] { position: absolute; right: 0; top: 0; display: block; cursor: pointer; background: rgba(0, 0, 0, 0.95); color: #fff; font-size: 13px; height: 45px; line-height: 45px; width: 45px; transition: all 500ms ease 0s; } .outer-search-box-style1 .search-box .form-group button:hover, .outer-search-box-style1 .search-box .form-group input:focus + button{ color: #222222; background: #f5f5f5; } /*** ===================================================== Main Header style Two Css ===================================================== ***/ .header-style-two { position: relative; display: block; } .header-top-two{ position: relative; display: block; background: #2f3a51; } .header-top-two .auto-container{ max-width: 100%; padding: 0 150px; } .header-top-two .outer-box{ position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } .header-top-two_left{ position: relative; display: block; } .header-social-link-2{ position: relative; display: flex; align-items: center; } .header-social-link-2 .title{ width: 100px; } .header-social-link-2 .title h5{ color: #ffffff; font-size: 16px; line-height: 20px; font-weight: 700; text-transform: capitalize; } .header-social-link-2 ul{ position: relative; display: block; overflow: hidden; } .header-social-link-2 ul li{ position: relative; display: inline-block; float: left; } .header-social-link-2 ul li a{ position: relative; display: block; width: 55px; height: 55px; color: #ffffff; font-size: 14px; line-height: 55px; text-align: center; z-index: 1; } .header-social-link-2 ul li a:before{ content: ""; position: absolute; top: 18px; left: 0; bottom: 18px; width: 1px; background: rgba(255, 255, 255, 0.30); z-index: -1; transition: all 200ms linear; transition-delay: 0.1s; } .header-social-link-2 ul li:hover a:before, .header-social-link-2 ul li.active a:before{ background: rgba(255, 255, 255, 0.0); } .header-social-link-2 ul li a:after{ content: ""; position: absolute; top: 0; left: 0px; bottom: 0; right: 0px; background: var(--thm-primary); opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform: perspective(400px) rotateX(-90deg); -ms-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transform-style: preserve-3d; z-index: -1; } .header-social-link-2 ul li:hover a:after, .header-social-link-2 ul li.active a:after{ opacity: 1.0; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } .header-top-two_right { position: relative; display: flex; align-items: center; margin-left: auto; } .header-contact-info-1{ position: relative; display: block; } .header-contact-info-1 ul{ position: relative; display: block; } .header-contact-info-1 ul li{ position: relative; display: inline-block; float: left; padding-left: 26px; padding-right: 25px; line-height: 24px; } .header-contact-info-1 ul li:last-child{ padding-right: 0; } .header-contact-info-1 ul li:before{ content: ""; position: absolute; top: 5px; left: 0; width: 1px; bottom: 5px; background: rgba(255, 255, 255, 0.30); z-index: 1; } .header-contact-info-1 ul li p{ color: #ffffff; font-size: 16px; font-weight: 400; margin: 0; } .header-contact-info-1 ul li p span:before{ position: relative; top: 2px; display: inline-block; padding-right: 10px; } .header-contact-info-1 ul li p a{ color: #ffffff; transition: all 200ms linear; transition-delay: 0.1s; } .header-contact-info-1 ul li p a:hover{ color: var(--thm-primary); } .language-select-box { position: relative; display: flex; align-items: center; margin-left: 25px; padding-left: 25px; } .language-select-box:before{ content: ""; position: absolute; top: 8px; left: 0; width: 1px; bottom: 7px; background: rgba(255, 255, 255, 0.30); } .language-select-box .icon{ width: 25px; color: var(--thm-color-2); font-size: 18px; } .language-select-box .icon span:before{ position: relative; display: inline-block; top: 2px; } .language-select-box .bootstrap-select { position: relative; display: block; width: 70px !important; height: 30px; text-align: right; } .language-select-box .bootstrap-select>.dropdown-toggle { position: relative; display: block; outline: none !important; border-radius: 0px; border: 0px solid rgba(255, 255, 255, 0.15); background-color: transparent !important; max-width: 100%; width: 100%; height: 30px; margin: 0; padding: 0; padding-left: 0px; padding-right: 10px; color: #ffffff !important; font-size: 15px; line-height: 30px; font-weight: 400; letter-spacing: normal; text-transform: capitalize; box-shadow: none !important; font-family: 'Inter', sans-serif; } .language-select-box .bootstrap-select .dropdown-toggle:focus{ outline: none !important; } .language-select-box .bootstrap-select .dropdown-menu li a span.text { display: inline-block; margin: 0; } .language-select-box .bootstrap-select>.dropdown-toggle::after { position: absolute; top: 50%; transform: translateY(-50%); right: 0px; width: auto; height: auto; font-family: FontAwesome; content: "\f107"; color: #ffffff; font-size: 14px; margin: 0; border: none; } .language-select-box .bootstrap-select .dropdown-menu { margin: 0; padding: 0; border-radius: 0px; border: 0px solid #ddd; background: #eae8e4; font-size: 16px; color: #000000; } .language-select-box .bootstrap-select .dropdown-menu li { position: relative; border-bottom: 1px solid #d7d7d7; } .language-select-box .dropdown-item { display: block; width: 100%; padding: 7px 20px 7px; color: #222222; font-size: 14px; font-weight: 700; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; border-radius: 0; transition: all 500ms ease; font-family: 'Inter', sans-serif; } .language-select-box .dropdown-item.active, .language-select-box .dropdown-item:active, .language-select-box .dropdown-item:hover{ color:var(--thm-primary); } .header-bottom-two { position: relative; display: block; background: #ffffff; } .header-bottom-two .auto-container{ max-width: 100%; padding: 0 150px; } .header-bottom-two .outer-box { position: relative; display: block; } .header-bottom-two_left { position: relative; display: block; } .header-bottom-two_left .logo { position: relative; display: block; } .header-bottom-two_left .logo a{ position: relative; display: inline-block; } .header-bottom-two_right { position: relative; display: flex; align-items: center; z-index: 2; } .header-bottom-two_right .nav-outer { position: relative; display: block; float: left; z-index: 2; } .main-menu.style2 .navigation> li { margin-right: 40px; } .main-menu.style2 .navigation> li:last-child{ margin-right: 0; } /*** ===================================================== Main Header style Three Css ===================================================== ***/ .header-style-three { } .header-three{ position: relative; display: block; background: transparent; padding-right: 150px; } .header-three .auto-container { max-width: 100%; padding-left: 150px; padding-right: 0; } .header-three .outer-box{ position: relative; display: flex; align-items: center; } .header-left-three { position: relative; display: block; width: 70%; } .header-left-three .logo { position: relative; display: block; float: left; padding-top: 38px; padding-bottom: 38px; } .header-left-three .logo a{ position: relative; display: inline-block; } .header-left-three .nav-outer{ position: relative; display: block; float: right; } .main-menu.style3 .navigation>li>a { padding: 50px 0 50px; color: #ffffff; } .main-menu.style3 .navigation>li.dropdown>a { padding-right: 15px; } .header-right-three { position: relative; display: flex; align-items: center; width: 30%; z-index: 2; } .header-right-three .header-right_buttom{ margin-left: auto; } .outer-search-box-style2 .seach-toggle { width: 55px; height: 55px; line-height: 53px; border: 1px solid #e3e9f4; border-radius: 10px; margin-right: 10px; } .outer-search-box-style2 .search-box.now-visible { top: 180%; } .header-right-three .header-right_buttom .btns-box .btn-one { line-height: 55px; } /*** ===================================================== Main Header style Three Css ===================================================== ***/ .header-style-four { } .header-top-four{ position: relative; display: block; background: #2f3a51; } .header-top-four .outer-box{ position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } .header-top-four_left{ position: relative; display: block; } .header-contact-info-2 ul li:before { top: -18px; bottom: -18px; } .header-contact-info-2 ul li p span:before { color: var(--thm-color-2); } .header-top-four_right { position: relative; display: flex; margin-left: auto; } .header-social-link-3{ position: relative; display: block; } .header-social-link-3 ul{ position: relative; display: block; overflow: hidden; } .header-social-link-3 ul li{ position: relative; display: inline-block; float: left; } .header-social-link-3 ul li a{ position: relative; display: block; width: 55px; height: 55px; color: #ffffff; font-size: 14px; line-height: 55px; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.10); transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; } .header-social-link-3 ul li:last-child a{ border-right: none; } .header-social-link-3 ul li a:after{ content: ""; position: absolute; top: 0; left: 0px; bottom: 0; right: 0px; background: var(--thm-color-4); opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform: perspective(400px) rotateX(-90deg); -ms-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transform-style: preserve-3d; z-index: -1; } .header-social-link-3 ul li:hover a:after, .header-social-link-3 ul li.active a:after{ opacity: 1.0; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } .header-top-four_right .btns-box{ position: relative; display: block; } .header-top-four_right .btns-box a{ line-height: 55px; border-radius: 0; } .header-top-four_right .btns-box a:before { border-radius: 0px; } .header-latest-news{ position: relative; display: block; overflow: hidden; background: #ffffff; padding: 31px 0; } .header-latest-news .outer-box{ position: relative; display: block; } .header-latest-news_content{ position: relative; display: block; max-width: 850px; width: 100%; margin: 0 auto; padding-left: 150px; } .header-latest-news_content .icon{ position: absolute; top: 0; left: 0; width: 150px; display: flex; align-items: center; } .header-latest-news_content .icon h5{ position: relative; display: inline-block; padding-left: 10px; font-size: 16px; font-weight: 600; line-height: 28px; } .header-latest-news_content-inner { position: relative; display: block; } .header-latest-news_content-inner .single-item{ position: relative; display: block; } .header-latest-news_content-inner .single-item p{ color: #222222; font-size: 16px; margin: 0; } .header-latest-news_carousel{ position: relative; display: block; padding-right: 70px; } .header-latest-news_carousel .owl-nav { position: absolute; top: 0; right: 17px; bottom: 0; width: 35px; display: flex; align-items: center; justify-content: space-between; } .header-latest-news_carousel.owl-carousel .owl-nav button { position: relative; top: 0px; color: #222222; font-size: 18px; opacity: 1; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; line-height: 30px; height: 30px; } .header-latest-news_carousel.owl-carousel .owl-nav button span{ display: none; } .header-latest-news_carousel.owl-carousel .owl-nav button:before{ font-family: flaticon !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: "\f110"; } .header-latest-news_carousel.owl-carousel .owl-nav button.owl-prev::before{ position: relative; display: inline-block; transform: rotate(180deg); } .header-bottom-four { position: relative; display: block; background: transparent; } .header-bottom-four .outer-box { position: relative; display: block; background: rgba(22, 27, 39, 0.80); padding-left: 30px; padding-right: 5px; } .header-bottom-four_left { position: relative; display: block; } .header-bottom-four_left .logo { position: relative; display: block; padding-top: 30px; padding-bottom: 31px; } .header-bottom-four_left .logo a{ position: relative; display: inline-block; } .header-bottom-four_right { position: relative; display: flex; align-items: center; z-index: 2; } .header-bottom-four_right .nav-outer { position: relative; display: block; float: left; z-index: 2; } .main-menu.style4 .navigation> li { margin-right: 35px; } .main-menu.style4 .navigation> li:last-child{ margin-right: 0; } .main-menu.style4 .navigation>li>a{ color: #ffffff; } .header-right_buttom.style4{} .header-right_buttom.style4 .outer-search-box-style1 .seach-toggle { color: #fff; } /*** ===================================================== Main Header style Five Css ===================================================== ***/ .header-style-five { } .header-top-five{ position: relative; display: block; background: #eef1f7; padding-top: 19px; padding-bottom: 40px; } .header-top-five .auto-container{ max-width: 1330px; } .header-top-five .outer-box{ position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } .header-top-five_left{ position: relative; display: block; } .header-contact-info-3{ position: relative; display: block; overflow: hidden; } .header-contact-info-3 ul{ position: relative; display: block; overflow: hidden; } .header-contact-info-3 ul li{ position: relative; display: inline-block; float: left; padding-right: 16px; margin-right: 15px; line-height: 24px; } .header-contact-info-3 ul li:last-child{ margin-right: 0; padding-right: 0; } .header-contact-info-3 ul li:before{ content: ""; position: absolute; top: 5px; right: 0; width: 1px; bottom: 5px; background: #b9c3d7; z-index: 1; } .header-contact-info-3 ul li:last-child:before{ display: none; } .header-contact-info-3 ul li p{ color: #222222; font-size: 16px; font-weight: 400; margin: 0; } .header-contact-info-3 ul li p span:before{ position: relative; top: 2px; color: var(--thm-color-2); display: inline-block; padding-right: 10px; } .header-contact-info-3 ul li p a{ color: #222222; transition: all 200ms linear; transition-delay: 0.1s; } .header-contact-info-3 ul li p a:hover{ color: var(--thm-primary); } .header-top-five_right{ position: relative; display: block; margin-left: auto; } .header-top-menu1{ position: relative; display: block; overflow: hidden; } .header-top-menu1 ul{ position: relative; display: block; overflow: hidden; } .header-top-menu1 ul li{ position: relative; display: inline-block; float: left; padding-right: 16px; margin-right: 15px; line-height: 24px; } .header-top-menu1 ul li:last-child{ margin-right: 0; padding-right: 0; } .header-top-menu1 ul li:before{ content: ""; position: absolute; top: 5px; right: 0; width: 1px; bottom: 5px; background: #b9c3d7; z-index: 1; } .header-top-menu1 ul li:last-child:before{ display: none; } .header-top-menu1 ul li a{ color: #222222; font-size: 16px; font-weight: 400; transition: all 200ms linear; transition-delay: 0.1s; } .header-top-menu1 ul li a:hover{ color: var(--thm-color-2); text-decoration: underline; } .header-bottom-five { position: relative; display: block; background: transparent; margin-top: -20px; } .header-bottom-five .auto-container{ max-width: 1330px; } .header-bottom-five .outer-box { position: relative; display: block; background: #ffffff; padding-left: 30px; padding-right: 30px; } .header-bottom-five_left { position: relative; display: block; } .header-bottom-five_left .logo { position: relative; display: block; padding-top: 30px; padding-bottom: 31px; } .header-bottom-five_left .logo a{ position: relative; display: inline-block; } .header-bottom-five_right { position: relative; display: flex; align-items: center; z-index: 2; } .header-bottom-five_right .nav-outer { position: relative; display: block; float: left; z-index: 2; } .main-menu.style5 .navigation> li { margin-right: 30px; } .main-menu.style5 .navigation> li:last-child{ margin-right: 0; } .main-menu.style5 .navigation>li>a{ color: #222222; } .header-right_buttom.style5{ margin-left: 30px; } /*** ===================================================== Main Slider style ===================================================== ***/ .main-slider { position: relative; display: block; background: #ffffff; z-index: 10; } .main-slider.style1 {} .main-slider .slide { position: relative; display: block; overflow: hidden; padding: 150px 0px 150px; background-size: cover; background-repeat: no-repeat; background-position: center center; } .main-slider .slide .image-layer{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat: no-repeat; background-position: center bottom; background-size: cover; -webkit-transform: scale(1); -ms-transform:scale(1); transform:scale (1); transition: all .8s ease-in-out .4s; z-index: 1; } .main-slider .slide .image-layer:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; z-index: -1; } .main-slider .active .slide .image-layer{ -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); } .main-slider .content{ position:relative; z-index:11; } .main-slider.style1 .slide { padding: 136px 0px 140px; } .main-slider.style1 .slide .image-layer:before{ background-color: rgba(15, 11, 11, 0.10); } .main-slider.style1 .slide .image-layer{ filter: grayscale(0); } .main-slider.style1 .content{ position: relative; display: block; width: 100%; z-index: 10; } .main-slider .auto-container{ position: relative; } .main-slider .content h3{ position: relative; display: block; overflow: hidden; color: #ffffff; font-size: 24px; line-height: 1.4em; font-weight: 300; text-transform: none; letter-spacing: 0.025em; opacity: 0; -webkit-transform: perspective(400px) rotateX(0deg) translateY(-100); -ms-transform: perspective(400px) rotateX(0deg) translateY(-100); transform: perspective(400px) rotateX(0deg) translateY(-100px); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; font-family: var(--thm-pony-tale-font); } .main-slider .active .content h3{ opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg) translateY(0); -ms-transform: perspective(400px) rotateX(0deg) translateY(0); transform: perspective(400px) rotateX(0deg) translateY(0); -webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -ms-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms; } .main-slider .content .big-title{ position: relative; display: block; overflow: hidden; margin-top: 7px; margin-bottom: 25px; opacity: 0; -webkit-transform: perspective(400px) rotateY(0deg) translateY(-120px); -ms-transform: perspective(400px) rotateY(0deg) translateY(-120px); transform: perspective(400px) rotateY(0deg) translateY(-120px); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .main-slider .active .content .big-title{ opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px); -ms-transform: perspective(400px) rotateY(0deg) translateY(0px); transform: perspective(400px) rotateY(0deg) translateY(0px); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .main-slider .content .big-title h2{ color: #ffffff; font-size: 80px; line-height: 1.10em; font-weight: 700; text-transform: none; } .main-slider .content .border-box{ position: relative; display: block; max-width: 600px; width: 0%; height: 2px; background: #ffffff; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .main-slider .active .content .border-box{ width: 100%; -webkit-transition-delay: 2000ms; -moz-transition-delay: 2000ms; -ms-transition-delay: 2000ms; -o-transition-delay: 2000ms; transition-delay: 2000ms; } .main-slider .content .border-box:before{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 0px; background: var(--thm-primary); -webkit-transition: all 2000ms ease; -moz-transition: all 2000ms ease; -ms-transition: all 2000ms ease; -o-transition: all 2000ms ease; transition: all 2000ms ease; } .main-slider .active .content .border-box:before{ width: 80px; -webkit-transition-delay: 2000ms; -moz-transition-delay: 2000ms; -ms-transition-delay: 2000ms; -o-transition-delay: 2000ms; transition-delay: 2000ms; } .main-slider .content .text{ position: relative; display: block; padding-top: 34px; opacity: 0; -webkit-transform: perspective(400px) rotateY(0deg) translateY(80px); -ms-transform: perspective(400px) rotateY(0deg) translateY(80px); transform: perspective(400px) rotateY(0deg) translateY(80px); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition: all 1500ms ease; -moz-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; transition: all 1500ms ease; } .main-slider .active .content .text{ opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px); -ms-transform: perspective(400px) rotateY(0deg) translateY(0px); transform: perspective(400px) rotateY(0deg) translateY(0px); -webkit-transition-delay: 2000ms; -moz-transition-delay: 2000ms; -ms-transition-delay: 2000ms; -o-transition-delay: 2000ms; transition-delay: 2000ms; } .main-slider .content .text p{ color: #ffffff; font-size: 22px; line-height: 30px; font-weight: 500; margin: 0; } .main-slider .content .btns-box{ position: relative; display: flex; align-items: center; overflow: hidden; padding-top: 43px; opacity: 0; -webkit-transform: perspective(400px) rotateY(0deg) translateY(80px); -ms-transform: perspective(400px) rotateY(0deg) translateY(80px); transform: perspective(400px) rotateY(0deg) translateY(80px); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition: all 1500ms ease; -moz-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; transition: all 1500ms ease; } .main-slider .content .btns-box a.marlft15{ margin-left: 15px; } .main-slider .active .content .btns-box{ opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px); -ms-transform: perspective(400px) rotateY(0deg) translateY(0px); transform: perspective(400px) rotateY(0deg) translateY(0px); -webkit-transition-delay: 2000ms; -moz-transition-delay: 2000ms; -ms-transition-delay: 2000ms; -o-transition-delay: 2000ms; transition-delay: 2000ms; } .main-slider .owl-theme .owl-nav { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; width: 100%; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; transform-origin: bottom; transform-style: preserve-3d; line-height: 0; opacity: 0; transform: scaleX(1.0) translateY(-30px); z-index: 3; } .main-slider:hover .owl-theme .owl-nav{ opacity: 1; transform: scaleX(1.0) translateY(-30px); } .main-slider .owl-theme .owl-prev span, .main-slider .owl-theme .owl-next span{ display: block; } .main-slider .owl-theme .owl-nav .owl-prev { position: absolute; left: 50px; top: 0; background: transparent; border: 2px solid rgba(255, 255, 255, 0.30); height: 60px; width: 60px; border-radius: 50%; text-align: center; color: rgba(255, 255, 255, 0.20); font-size: 25px; line-height: 56px; font-weight: 400; opacity: 1; margin: 0; padding: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .main-slider .owl-theme .owl-prev span:before { } .main-slider .owl-theme .owl-nav .owl-next { position: absolute; right: 50px; top: 0; transform: rotate(0deg); background: transparent; border: 2px solid rgba(255, 255, 255, 0.30); height: 60px; width: 60px; border-radius: 50%; text-align: center; color: rgba(255, 255, 255, 0.20); font-size: 25px; line-height: 56px; font-weight: 400; opacity: 1; margin: 0; padding: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .main-slider .owl-theme .owl-next span:before{} .main-slider .owl-theme .owl-nav .owl-prev:hover, .main-slider .owl-theme .owl-nav .owl-next:hover{ color: #ffffff; border-color: var(--thm-primary); } .banner-carousel .owl-dots { display: none; } .main-slider.style1 .owl-theme .owl-nav{ display: none; } .main-slider.style1 .banner-carousel.owl-carousel .owl-dots { position: absolute; top: 0; left: 50px; bottom: 0; width: 25px; display: flex; align-items: center; justify-content: center; flex-direction: column; counter-reset: count; } .main-slider.style1 .banner-carousel.owl-carousel button.owl-dot{ position: relative; display: block; height: 25px; width: 25px; background: transparent; border-radius: 50%; margin: 5px 0; z-index: 1; } .main-slider.style1 .banner-carousel.owl-carousel button.owl-dot:after{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #ffffff; border-radius: 50%; z-index: -1; transition: all 200ms linear; transition-delay: 0.1s; transform: scale(0); } .main-slider.style1 .banner-carousel.owl-carousel button.owl-dot.active:after{ transform: scale(1.0); } .main-slider.style1 .banner-carousel.owl-carousel button.owl-dot:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 50%; text-align: center; color: #222222; font-size: 12px; line-height: 25px; font-weight: 500; counter-increment: count; content: "0" counter(count); transition: all 200ms linear; transition-delay: 0.1s; font-family: 'Inter', sans-serif; } /*** ===================================================== Main Slider style2 style ===================================================== ***/ .main-slider.style2 { } .main-slider.style2 .slide { padding: 380px 0px 200px; } .main-slider.style2 .slide .image-layer{} .main-slider.style2 .content .big-title { margin-top: 23px; margin-bottom: 47px; } .main-slider.style2 .content .big-title h2 { font-size: 72px; } .main-slider.style2 .content .border-box { margin: 0 auto; } .main-slider.style2 .content .btns-box { align-items: center; justify-content: center; padding-top: 60px; } .main-slider.style2 .content.left-content-box .border-box { margin: 0; } .main-slider.style2 .content.left-content-box .btns-box{ justify-content: flex-start; align-items: flex-start; } .main-slider.style2 .content .shape{ position: absolute; top: -50px; left: -100px; } .main-slider.style2 .content .shape2{ position: absolute; top: 50px; left: -70px; } .main-slider.style2 .content .shape3{ position: absolute; top: -50px; right: 120px; } .main-slider.style2 .content .shape4{ position: absolute; top: 150px; right: 0px; } .main-slider.style2 .man-shape{ position: absolute; left: 100px; bottom: 0; z-index: 2; z-index: 1; opacity: 0; -webkit-transform: perspective(400px) translateX(-220px); -ms-transform: perspective(400px) translateX(-220px); transform: perspective(400px) translateX(-220px); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition: all 1500ms ease; -moz-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; transition: all 1500ms ease; } .main-slider.style2 .active .man-shape{ opacity: 1; -webkit-transform: perspective(400px) translateX(0px); -ms-transform: perspective(400px) translateX(0px); transform: perspective(400px) translateX(0px); -webkit-transition-delay: 2000ms; -moz-transition-delay: 2000ms; -ms-transition-delay: 2000ms; -o-transition-delay: 2000ms; transition-delay: 2000ms; } .main-slider.style2 .content .shape5{ position: absolute; top: 50px; right: 20%; } .main-slider.style2 .content .image-box{ position: absolute; top: 0; right: -150px; bottom: 0; display: flex; align-items: center; opacity: 0; -webkit-transform: perspective(400px) rotateY(0deg) scale(0); -ms-transform: perspective(400px) rotateY(0deg) scale(0); transform: perspective(400px) rotateY(0deg) scale(0); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition: all 1500ms ease; -moz-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; transition: all 1500ms ease; } .main-slider.style2 .active .content .image-box{ opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg) scale(1); -ms-transform: perspective(400px) rotateY(0deg) scale(1); transform: perspective(400px) rotateY(0deg) scale(1); -webkit-transition-delay: 2000ms; -moz-transition-delay: 2000ms; -ms-transition-delay: 2000ms; -o-transition-delay: 2000ms; transition-delay: 2000ms; } /*** ===================================================== Main Slider style3 style ===================================================== ***/ .main-slider.style3 { position: relative; display: block; background: #ffffff; padding-right: 150px; } .slider-social-links-box { position: absolute; top: 130px; right: 0; bottom: 0; width: 150px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; flex-wrap: wrap; } .slider-social-links-box .title { position: relative; display: inline-block; transform: rotate(-90deg); transform-origin: center; margin-top: 0px; } .slider-social-links-box .title h3{ color: #222222; font-size: 16px; font-weight: 500; text-transform: uppercase; } .slider-social-links-box .border-box { position: relative; display: block; width: 1px; height: 80px; background-color: var(--thm-primary); margin-top: 56px; margin-bottom: 20px; } .slider-social-links-box ul{ position: relative; display: block; } .slider-social-links-box ul li{ position: relative; display: block; float: none; margin: 15px 0; } .slider-social-links-box ul li:first-child{ margin-top: 0px; } .slider-social-links-box ul li:last-child{ margin-bottom: 0px; } .slider-social-links-box ul li a{ position: relative; display: block; background: #eef1f7; width: 40px; height: 40px; border-radius: 8px; color: #222222; font-size: 16px; font-weight: 400; text-align: center; line-height: 40px; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .slider-social-links-box ul li a:hover{ background: var(--thm-color-2); } .main-slider.style3 .slider-box{ position: relative; display: block; } .main-slider.style3 .auto-container{ max-width: 100%; padding-left: 150px; padding-right: 0; } .main-slider.style3 .slide { padding: 270px 0px 175px; } .main-slider.style3 .slide .image-layer-bg{ position:absolute; top:0; left:0; width:80%; bottom: 25px; background-color: var(--thm-color-2); transition: all .8s ease-in-out .4s; z-index: 1; } .main-slider.style3 .slide .image-layer-bg.bg2{ background-color: var(--thm-color-5); } .slide-hand-shape{ position: absolute; top: 0; left: 0; bottom: 0; width: 650px; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: left top; } .slide-image-box{ position: absolute; top: 130px; right: 0; bottom: 0; width: 55%; overflow: hidden; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center top; -webkit-transform: scale(1); -ms-transform:scale(1); transform:scale (1); transition: all .8s ease-in-out .4s; z-index: 2; } .main-slider.style3 .active .slide .slide-image-box{ -webkit-transform:scale(1.0); -ms-transform:scale(1.0); transform:scale(1.0); } .main-slider.style3 .content .big-title{ margin: 0; } .main-slider.style3 .content .big-title h2 { font-size: 68px; line-height: 1.10em; } .main-slider.style3 .content .text{ padding-top: 19px; } .main-slider.style3 .active .content .text{ -webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -ms-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms; } .main-slider.style3 .content .text p{ color: #ffffff; font-size: 28px; line-height: 40px; font-weight: 400; margin: 0; } .main-slider.style3 .content .btns-box { padding-top: 50px; } .main-slider.style3 .owl-theme .owl-nav { display: none; } /*** ===================================================== Main Slider style4 style ===================================================== ***/ .main-slider.style4 { margin-top: 145px; } .main-slider.style4 .slide { padding: 235px 0px 190px; } .slider4-shape-bg{ position: absolute; top: 0; left: 0; right: 0; height: 312px; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: top center; z-index: 2; opacity: 0.80; } .slider-style4-shape-bg { position: absolute; left: 0; bottom: 0; right: 0; height: 40px; background-repeat: no-repeat; background-position: bottom center; z-index: 50; width: 1920px; margin: 0 auto; } .slider-style4-shape-bg:before, .slider-style4-shape-bg:after { content: ""; position: absolute; bottom: 0; height: 100%; background: #fff; width: 100000px; z-index: 10; } .slider-style4-shape-bg:before{ left: 100%; } .slider-style4-shape-bg:after{ right: 100%; } .main-slider.style4 .slide .image-layer:before { display: none; } .main-slider.style4 .slide .image-bg-overlay{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #000; opacity: 0.65; z-index: 3; } .main-slider.style4 .content .sub-title-box { position: relative; display: inline-block; color: #ffffff; font-size: 64px; line-height: 80px; font-weight: 400; padding: 15px 70px; font-family: var(--thm-pony-tale-font); z-index: 1; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .main-slider.style4 .content .sub-title-box .sub-title-box-bg{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: -1; } .main-slider.style4 .active .content .sub-title-box{ -webkit-transform: scaleY(1.0); -ms-transform: scaleY(1.0); transform: scaleY(1.0); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .main-slider.style4 .content .big-title{ margin-top: 7px; margin-bottom: 15px; -webkit-transform: perspective(400px) rotateY(0deg) translateY(120px); -ms-transform: perspective(400px) rotateY(0deg) translateY(120px); transform: perspective(400px) rotateY(0deg) translateY(120px); } .main-slider.style4 .content .big-title h2{ color: #ffffff; font-size: 80px; } .main-slider.style4 .content .big-title h2 span{ color: #27a013; } .main-slider.style4 .active .content .big-title{ -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px); -ms-transform: perspective(400px) rotateY(0deg) translateY(0px); transform: perspective(400px) rotateY(0deg) translateY(0px); -webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -ms-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms; } .main-slider.style4 .content .text{ padding-top: 0; } .main-slider.style4 .content .text p { font-size: 28px; line-height: 40px; font-weight: 400; } .main-slider.style4 .content .btns-box { align-items: center; justify-content: center; padding-top: 40px; } /*** ===================================================== Main Slider style5 style ===================================================== ***/ .main-slider.style5 { margin-top: 85px; } .slider-gradient-bg{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: -moz-linear-gradient( 0deg, rgb(24,30,42) 0%, rgba(30,37,51,0) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(24,30,42) 0%, rgba(30,37,51,0) 100%); background-image: -ms-linear-gradient( 0deg, rgb(24,30,42) 0%, rgba(30,37,51,0) 100%); z-index: 2; } .main-slider.style5 .slide { padding: 227px 0px 150px; } .main-slider.style5 .slide .image-bg-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #18202f; opacity: 0.50; z-index: 3; } .main-slider.style5 .content .shape1 { position: absolute; top: -30px; left: -80px; } .main-slider.style5 .content .shape2 { position: absolute; bottom: 20px; right: 40%; } .main-slider.style5 .content.middle .shape1{ top: 100px; left: 5%; } .main-slider.style5 .content.middle .shape2 { top: 5%; bottom: auto; right: 10%; } .main-slider.style5 .content .big-title { margin-top: 0px; margin-bottom: 24px; } .main-slider.style5 .content .big-title h2{ font-size: 86px; line-height: 1.3em; font-weight: 400; font-family: pony-tale; } .main-slider.style5 .content .slide-border-box{ position: relative; display: block; width: 0px; height: 2px; background: #ffffff; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .main-slider.style5 .content .slide-border-box:before{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 50%; background: var(--thm-primary); } .main-slider.style5 .active .content .slide-border-box{ width: 240px; -webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -ms-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms; } .main-slider.style5 .content h4{ position: relative; display: block; overflow: hidden; margin-top: 32px; opacity: 0; color: #ffffff; font-size: 48px; line-height: 1.1em; font-weight: 400; -webkit-transform: perspective(400px) rotateY(0deg) translateY(120px); -ms-transform: perspective(400px) rotateY(0deg) translateY(120px); transform: perspective(400px) rotateY(0deg) translateY(120px); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .main-slider.style5 .active .content h4{ opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px); -ms-transform: perspective(400px) rotateY(0deg) translateY(0px); transform: perspective(400px) rotateY(0deg) translateY(0px); -webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -ms-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms; } .main-slider.style5 .content .text { padding-top: 24px; } .main-slider.style5 .content .text p { font-weight: 400; } .main-slider.style5 .content .btns-box { padding-top: 53px; } .main-slider.style5 .content.middle .slide-border-box{ margin: 0 auto; } .main-slider.style5 .content.middle .btns-box { padding-top: 53px; justify-content: center; } /*** ============================================= About Style1 Area Css ============================================= ***/ .about-style1-area{ position: relative; display: block; background: #ffffff; padding: 0px 0 15px; } .about-style1-area .sec-title { padding-bottom: 19px; } .about-style1_content-box{ position: relative; display: block; max-width: 650px; width: 100%; padding-top: 40px; } .about-style1_content-box_map{ position: absolute; top: 0; left: -300px; bottom: 0; max-width: 645px; width: 100%; } .about-style1_content-box .inner-content{ position: relative; display: block; } .about-style1_content-box .inner-content h3{ font-size: 18px; line-height: 28px; font-weight: 600; margin-bottom: 19px; } .about-style1_content-box .inner-content p{ margin: 0; } .about-style1_content-box .inner-content .bottom-box{ position: relative; display: flex; align-items: center; margin-top: 30px; } .about-style1_content-box .inner-content .bottom-box .signature{ position: relative; display: block; padding-right: 35px; } .about-style1_content-box .inner-content .bottom-box .signature h2{ color: var(--thm-color-3); font-size: 60px; line-height: 1.2em; font-weight: 400; font-family: aervish-fonts; } .about-style1_content-box .inner-content .bottom-box .signature::before { content: ""; position: absolute; top: 0px; right: 0; bottom: 0; width: 1px; background: #e3e9f4; } .about-style1_content-box .inner-content .bottom-box .name{ position: relative; display: block; padding-left: 35px; } .about-style1_content-box .inner-content .bottom-box .name .shape { position: absolute; top: -15px; left: 30px; bottom: 0; } .about-style1_content-box .inner-content .bottom-box .name h3{ font-size: 18px; line-height: 22px; font-weight: 600; margin: 0; } .about-style1_content-box .inner-content .bottom-box .name span{ color: var(--thm-black); font-size: 14px; font-weight: 400; } .noselect { user-select: none; -o-user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; } .donate-form-box{ position: relative; display: block; background: var(--thm-color-5); padding: 30px; } .donate-form-box .donate-divider { border-bottom:1px dotted; color:#fff; } .donate-form-box .shape1{ position: absolute; bottom: -80px; right: -110px; } .donate-form-box .top-title{ position: relative; display: block; padding-bottom: 10px; } .donate-form-box .top-title h2{ color: #ffffff; font-size: 28px; line-height: 40px; font-weight: 700; } .donate-form-box .progress-levels-style2 { padding-top: 0; } .donate-form-box .progress-levels-style2 .progress-box .bar .bar-innner { background: #741ea6; } .donate-form-box .progress-levels-style2 .bottom-box { padding-top: 20px; padding-bottom: 30px; border-bottom: 1px dashed rgba(255, 255, 255, 0.30); margin-bottom: 42px; } .donate-form-box .progress-levels-style2 .bottom-box .rate-box p { color: #ffffff; } .donate-form-box .progress-levels-style2 .bottom-box .rate-box p span { position: relative; display: inline-block; padding-left: 10px; font-weight: 600; } .donate-form-box .progress-levels-style2 .progress-box .count-text { color: #ffffff; } .donate-form-box .progress-levels-style2 .progress-box .percent { color: #ffffff; } .donate-form-box .progress-levels-style2 .progress-box .outer-text { color: #ffffff; } .donation_wrapper { position: relative; display: block; } .donation_wrapper > .title { position: relative; display: block; color: #ffffff; font-size: 16px; font-weight: 700; text-transform: uppercase; margin-bottom: 12px; } .donation_wrapper > .amount_wrapper { position: relative; display: block; margin-bottom: 15px; } .donation_wrapper > .amount_wrapper > input { border-right: 0; outline: none; position: relative; display: block; width: 100%; border-radius: 5px; box-shadow: none; padding: 0 0; height: 50px; padding-left: 70px; padding-right: 10px; } .donation_wrapper > .amount_wrapper > .suffix { position: absolute; top: 0; left: 0; bottom: 0; width: 51px; padding: 0px; border: 0; border-right: 1px solid #dddddd; color: #222222; font-size: 18px; font-weight: 400; text-align: center; line-height: 50px; box-shadow: none; background: #fff; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .donation_wrapper > .single_amount_wrapper { display: flex; justify-content: space-between; align-items: center; margin: 0 0px 25px; margin-left: 0px; } .donation_wrapper > .single_amount_wrapper > .single_amount { padding: 7px 12px; margin: 0; border-radius: 5px; color: #fff; border: 1px solid #ffffff; cursor: pointer; font-size: 16px; font-weight: 500; transition: all 200ms linear; transition-delay: 0.1s; } .donation_wrapper > .single_amount_wrapper > .single_amount:hover { background: var(--thm-color-3); border-color: var(--thm-color-3);; } .donation_wrapper > a{ position: relative; display: block; text-align: center; } .donation_wrapper > a.btn-one .txt i.arrow1 { position: relative; top: 0px; display: block; float: left; line-height: 60px; padding-right: 0; } /*** ============================================= About Style2 Area Css ============================================= ***/ .about-style2-area{ position: relative; display: block; background: #ffffff; padding: 0px 0 120px; } .about-style2-area.pd120-0-0{ padding: 120px 0 0; } .about-style2_content-box { position: relative; display: block; max-width: 570px; } .about-style2_content-box .thm-shape1{ position: absolute; top: -60px; left: -70px; opacity: 0.10; } .about-style2_content-box .sec-title{ padding-bottom: 32px; } .about-style2_content-box .inner-content{ position: relative; display: block; } .about-style2_content-box .inner-content p{ margin: 0; } .about-style2_content-box .inner-content ul{ position: relative; display: block; overflow: hidden; margin-top: 38px; } .about-style2_content-box .inner-content ul li{ position: relative; display: flex; align-items: center; margin-bottom: 40px; } .about-style2_content-box .inner-content ul li:last-child{ margin-bottom: 0; } .about-style2_content-box .inner-content ul li .left{ position: relative; display: flex; align-items: center; width: 270px; } .about-style2_content-box .inner-content ul li .left .icon{ position: relative; display: inline-block; } .about-style2_content-box .inner-content ul li .left .icon img{} .about-style2_content-box .inner-content ul li .count-outer{ position: relative; display: block; margin-left: 20px; } .about-style2_content-box .inner-content ul li .count-outer .count-text{ color: var(--thm-color-2); font-size: 60px; line-height: 1.0em; font-weight: 700; } .about-style2_content-box .inner-content ul li .count-outer span{ color: var(--thm-color-2); font-size: 60px; line-height: 1.0em; font-weight: 700; } .about-style2_content-box .inner-content ul li .count-outer h5{ color: var(--thm-black); font-size: 14px; line-height: 24px; font-weight: 600; margin: 3px 0 0; } .about-style2_content-box .inner-content ul li.style2 .count-outer .count-text{ color: var(--thm-primary); } .about-style2_content-box .inner-content ul li.style2 .count-outer span{ color: var(--thm-primary); } .about-style2_content-box .inner-content ul li .right{ position: relative; display: block; padding-left: 30px; } .about-style2_content-box .inner-content ul li .right:before{ position: absolute; top: -10px; left: 0; bottom: -10px; width: 1px; background: #e3e9f4; content: ""; } .about-style2_content-box .inner-content ul li .right .text{ position: relative; display: block; } .about-style2_content-box .inner-content ul li .right .text p{ margin: 0; } .about-style2_image-box { position: relative; display: block; margin-left: -28px; } .about-style2_image-box img{ width: 100%; } /*** ============================================= About Style3 Area Css ============================================= ***/ .about-style3-area{ position: relative; display: block; background: transparent; } .about-style3_content { position: relative; display: block; background: #ffffff; padding-left: 400px; min-height: 530px; margin-top: -60px; z-index: 10; } .about-style3_content .img-holder{ position: absolute; top: 0; left: 0; width: 400px; } .about-style3_content .img-holder .video-holder-box-2{ position: absolute; left: 0; bottom: 50px; right: 0; width: auto; height: auto; } .about-style3_content .img-holder .video-holder-box-2 .icon{ display: flex; align-items: center; justify-content: center; } .about-style3_content .img-holder .video-holder-box-2 .icon a span:before{ position: relative; display: inline-block; color: #ffffff; font-size: 55px; line-height: 55px; } .about-style3_content .img-holder .video-holder-box-2 .icon .title{ position: relative; display: inline-block; padding-left: 15px; } .about-style3_content .img-holder .video-holder-box-2 .icon .title h5{ color: #ffffff; font-size: 18px; line-height: 22px; font-weight: 600; } .about-style3_content .text-holder { position: relative; display: block; padding-top: 60px; padding-left: 60px; padding-bottom: 60px; padding-right: 60px; box-shadow: 0px 5px 24px 6px rgb(0 0 0 / 6%); } .about-style3_content .text-holder .about-style1_content-box { position: relative; display: block; max-width: 100%; padding: 0 0 0; } .about-style3_content .text-holder .about-style1_content-box .sec-title { padding-bottom: 20px; } .about-style3_content .text-holder .about-style1_content-box .inner-content h3 { margin-bottom: 14px; } .about-style3_content .text-holder .about-style1_content-box .inner-content .bottom-box{ margin-top: 31px; } .about-style3_content .text-holder .about-style1_content-box .inner-content .bottom-box .signature h2 { color: var(--thm-black); } .about-style3_content .text-holder .about-style1_content-box .inner-content .bottom-box .name h3 { font-size: 18px; line-height: 22px; font-weight: 600; margin: 0; } .about-style3-shape{ position: absolute; top: -10px; left: 30px; bottom: 0; } /*** ============================================= About Style4 Area Css ============================================= ***/ .about-style4-area{ position: relative; display: block; background: #ffffff; padding: 147px 0 120px; } .about-style4-area .auto-container { max-width: 1330px; } .about-style4_image_box { position: relative; display: block; overflow: hidden; margin-right: 35px; } .about-style4_image_box img{ width: 100%; } .about-style4_content{ position: relative; display: block; padding-left: 5px; } .about-style4_content .sec-title{ padding-bottom: 38px; } .about-style4_content .inner-box{ position: relative; display: block; } .about-style4_content .inner-box ul{ position: relative; display: block; padding: 17px 0 35px; } .about-style4_content .inner-box ul li{ position: relative; display: block; color: #222222; font-size: 16px; line-height: 24px; font-weight: 500; } .about-style4_content .inner-box ul li+li{ margin-top: 13px; } .about-style4_content .inner-box ul li span { color: var(--thm-color-2); font-size: 15px; padding-right: 15px; } .about-style4_content .inner-box .bottom-box{ position: relative; display: inline-block; padding-right: 50px; } .about-style4_content .inner-box .bottom-box .shape1{ position: absolute; top: 0; left: 30px; } .about-style4_content .inner-box .bottom-box .shape2{ position: absolute; top: 0; right: 0px; } .about-style4_content .inner-box .bottom-box h2{ color: var(--thm-color-5); font-size: 84px; line-height: 60px; font-weight: 400; font-family: moxie-fonts; } /*** ============================================= Blog Style1 Area Css ============================================= ***/ .blog-style1-area { position: relative; display: block; background: #ffffff; padding-top: 30px; padding-bottom: 30px; z-index: 1; } .blog-style1-area .thm-shape1{ position: absolute; top: 120px; right: 10%; } .single-blog-style1{ position: relative; display: block; margin-bottom: 50px; } .single-blog-style1 .img-holder{ position: relative; display: block; } .single-blog-style1 .img-holder .inner { position: relative; display: block; overflow: hidden; border:solid 1px #eef1f7; } .single-blog-style1 .img-holder .inner:before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform: perspective(400px) rotateX(-90deg); -ms-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; z-index: 1; } .single-blog-style1:hover .img-holder .inner:before{ opacity: .65; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } .single-blog-style1 .img-holder .overlay-icon { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 3; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; -webkit-transition: .9s; -o-transition: .9s; transition: .9s; transform: perspective(400px) scaleY(0); transform-origin: bottom; } .single-blog-style1:hover .img-holder .overlay-icon{ transform: perspective(400px) scaleY(1.0); } .single-blog-style1 .img-holder .overlay-icon a{ position: relative; display: inline-block; } .single-blog-style1 .img-holder .overlay-icon span{ color: #ffffff; font-size: 40px; line-height: 40px; } .single-blog-style1 .img-holder .inner:after { position: absolute; content: ""; bottom: 0; left: 0; right: 0; height: 100%; opacity: 0.10; background: #000; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; opacity: 1; transform-origin: bottom; transform-style: preserve-3d; transform: scaleY(0); z-index: 1; } .single-blog-style1:hover .img-holder .inner:after{ opacity: 0.35; transform: scaleY(1.0); } .single-blog-style1 .img-holder img{ width: 100%; transition: all 200ms linear; transition-delay: 0.1s; } .single-blog-style1:hover .img-holder img { transform: scale(1.2); transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52); } .single-blog-style1 .img-holder .date-box { position: absolute; left: 0; bottom: 0; width: 80px; height: 80px; background: var(--thm-color-3); text-align: center; z-index: 3; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: wrap; } .single-blog-style1 .img-holder .date-box.style2{ background: var(--thm-color-2); } .single-blog-style1 .img-holder .date-box.style3{ background: var(--thm-color-4); } .single-blog-style1 .img-holder .date-box h2 { color: #ffffff; font-size: 36px; line-height: 30px; font-weight: 800; margin: 0 0 6px; } .single-blog-style1 .img-holder .date-box p{ color: #ffffff; font-size: 14px; line-height: 16px; font-weight: 500; text-transform: uppercase; margin: 0; } .single-blog-style1 .text-holder { position: relative; display: block; background: #ffffff; padding: 50px 40px 38px; box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06); border: 1px solid transparent; transition: all 200ms linear; transition-delay: 0.1s; min-height:300px; } .single-blog-style1:hover .text-holder{ box-shadow: none; border-color: #e3e9f4; } .single-blog-style1 .text-holder .blog-title { font-size: 24px; line-height: 32px; font-weight: 800; text-transform: none; } .single-blog-style1 .text-holder .blog-title a{ color: #222222; transition: all 200ms linear; transition-delay: 0.1s; } .single-blog-style1 .text-holder .blog-title a:hover{ color: var(--thm-primary) ; } .single-blog-style1 .text-holder .text { position: relative; display: block; padding-top: 14px; padding-bottom: 32px; } .single-blog-style1 .text-holder .text p { margin: 0; } .single-blog-style1 .text-holder .meta-info { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: wrap; border-top: 1px solid #e3e9f4; padding-top: 23px; } .single-blog-style1 .text-holder .meta-info li { position: relative; display: block; color: #222222; font-size: 14px; line-height: 26px; font-weight: 500; } .single-blog-style1 .text-holder .meta-info li i { position: relative; display: inline-block; padding-right: 5px; color: var(--thm-primary); } .single-blog-style1 .text-holder .meta-info li a { color: #222222; transition: all 200ms linear; transition-delay: 0.1s; } .single-blog-style1 .text-holder .meta-info li a:hover{ color: var(--thm-primary); } /*** ============================================= Blog update Area Css ============================================= ***/ .blog-update-area{ position: relative; display: block; background: #ffffff; padding-right: 150px; } .blog-update-area .auto-container{ max-width: 100%; padding-left: 150px; padding-right: 0; } .blog-update_content{ position: relative; display: block; } /*** ============================================= Blog Page One Css ============================================= ***/ .blog-page-one { position: relative; display: block; background: #ffffff; padding: 120px 0 120px; z-index: 1; } .blog-page-one .styled-pagination{ padding-top: 30px; } /*** ============================================= Blog Page Two Css ============================================= ***/ .blog-page-two{ position: relative; display: block; background: #ffffff; padding: 120px 0 100px; z-index: 1; } .blog2-content-box { position: relative; display: block; padding-right: 10px; } .single-blog-style2{ margin-bottom: 60px; } .single-blog-style2 .text-holder { padding: 45px 50px 50px; box-shadow: none; border: 1px solid #e3e9f4; } .single-blog-style2:hover .text-holder{ border: 1px solid transparent; box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06); } .single-blog-style2 .text-holder .categories{ position: relative; display: inline-block; padding: 8px 20px 8px; background: var(--thm-color-5); border-radius: 30px; } .single-blog-style2 .text-holder .categories h6{ color: #ffffff; font-size: 12px; font-weight: 600; text-transform: uppercase; } .single-blog-style2 .text-holder .blog-title { font-size: 30px; line-height: 40px; font-weight: 700; margin: 22px 0 11px; } .single-blog-style2 .text-holder .meta-box { position: relative; display: flex; align-items: center; padding-bottom: 15px; border-bottom: 1px solid #e3e9f4; } .single-blog-style2 .text-holder .meta-box .author-thumb{ position: relative; display: block; width: 50px; } .single-blog-style2 .text-holder .meta-box .author-thumb img{ width: 100%; border-radius: 50%; } .single-blog-style2 .text-holder .meta-info { display: flex; align-items: center; justify-content: flex-start; flex-direction: inherit; border-top: none; padding-top: 0; padding-left: 15px; } .single-blog-style2 .text-holder .meta-info li{ margin-right: 20px; } .single-blog-style2 .text-holder .meta-info li:last-child{ margin-right: 0; } .single-blog-style2 .text-holder .text { padding-top: 27px; padding-bottom: 32px; } .single-blog-style2 .text-holder .btns-box{ position: relative; display: block; } .single-blog-style2 .text-holder .btns-box a{ color: #2f3a51; line-height: 55px; background: #ffffff; border: 1px solid #2f3a51; } .single-blog-style2 .text-holder .btns-box a:hover{ color: #ffffff; border-color: var(--thm-primary); } .single-blog-style2 .text-holder .btns-box .btn-one .txt i.arrow1 { color: var(--thm-color-3); transition: all 200ms linear; transition-delay: 0.2s; } .single-blog-style2 .text-holder .btns-box .btn-one:hover .txt i.arrow1{ color: #ffffff; } .single-blog-style2 .text-holder .btns-box .btn-one:before { background: var(--thm-primary); } .blog-item-carousel-box{ position: relative; display: block; } .blog-item-carousel-box .single-item{ position: relative; display: block; overflow: hidden; } .blog-item-carousel-box .single-item img{ width: 100%; } .blog-item-carousel-box .owl-nav-style-one.owl-theme .owl-nav{ position: absolute; top: 50%; left: 0; right: 0; width: 100%; line-height: 0; transform: scaleX(1.0) translateY(-27.5px); } .blog-item-carousel-box .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] { background: #ffffff; border: 1px solid #ffffff; } .blog-item-carousel-box .owl-nav-style-one.owl-theme .owl-nav .owl-prev { float: left; margin-left: 30px; } .blog-item-carousel-box .owl-nav-style-one.owl-theme .owl-nav .owl-next { float: right; margin-right: 30px; } .blog-style3-text-holder{ position: relative; display: block; background: var(--thm-color-2); padding: 51px 65px 56px; } .blog-style3-text-holder .blog-title{ font-size: 36px; line-height: 46px; font-weight: 700; margin: 0 0 26px; } .blog-style3-text-holder .blog-title a{ color: #ffffff; } .blog-style3-text-holder .name{ position: relative; display: block; padding-left: 60px; } .blog-style3-text-holder .name::before{ position: absolute; top: 9px; left: 0; bottom: 0; width: 50px; height: 2px; background: #ffffff; content: ""; } .blog-style3-text-holder .name h5{ color: #ffffff; font-size: 16px; font-weight: 600; text-transform: uppercase; } .blog-style3-text-holder .quote-icon{ position: absolute; right: 45px; bottom: -10px; color: var(--thm-primary); font-size: 65px; } .blog2-content-box .styled-pagination{ margin-left: -3px; } /*** ============================================= Blog Details Area Css ============================================= ***/ .blog-details-area { position: relative; display: block; background: #ffffff; padding: 10px 0 10px; z-index: 1; } .blog-details-content{ position: relative; display: block; padding-right: 10px; } .blog-details-content .single-blog-style2 .img-holder img{ transform: none; } .blog-details-content .single-blog-style2 .text-holder .text p.martop25{ margin-top: 25px; } .blog-details-title{ position: relative; display: block; padding-bottom: 15px; z-index: 1; } .blog-details-title-shape { position: absolute; top: -10px; left: -20px; opacity: 0.10; z-index: -1; } .blog-details-title h3{ color: #222222; font-size: 24px; line-height: 30px; font-weight: 800; } .blog-details-text-1 { position: relative; display: block; padding-top: 15px; } .blog-details-text-1 .cause-details-featured-box { padding-top: 26px; } .blog-details-text-1 .cause-details-featured-box .single-box { margin-bottom: 50px; } .blog-details-text-1 .cause-details-featured-box .single-box .text { padding-top: 0; padding-left: 20px; padding-bottom: 0; } .blog-details-text-1 .cause-details-featured-box .img-box{ position: relative; display: block; } .blog-details-text-1 .cause-details-featured-box .img-box img { width: auto; } .blog-details-text-2 { position: relative; display: block; padding-top: 20px; } .blog-details-text-3{ position: relative; display: block; margin-top: 42px; margin-bottom: 52px; } .blog-details-text-3 .blog-style3-text-holder { margin-left: -51px; margin-right: -51px; } .blog-details-text-3 .blog-style3-text-holder .blog-title { font-size: 36px; line-height: 46px; font-weight: 700; margin: 0 0 26px; } .blog-details-text-3 .blog-style3-text-holder .blog-title a { color: #ffffff; } .blog-details-text-4{ position: relative; display: block; padding-bottom: 25px; } .post-tag-share-box{ position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } .post-tag-share-box .tag-box{ position: relative; display: block; } .post-tag-share-box .tag-box ul{ position: relative; display: block; overflow: hidden; } .post-tag-share-box .tag-box ul li{ position: relative; display: inline-block; float: left; margin-right: 5px; } .post-tag-share-box .tag-box ul li:last-child{ margin-right: 0; } .post-tag-share-box .tag-box ul li a{ position: relative; display: inline-block; background: #eef1f7; padding: 0 20px; color: #444444; font-size: 14px; line-height: 40px; font-weight: 600; text-transform: uppercase; border-radius: 5px; transition: all 200ms linear; transition-delay: 0.1s; } .post-tag-share-box .tag-box ul li a:hover{ color: #ffffff; background-color: var(--thm-primary); } .post-tag-share-box .share-box{ position: relative; display: flex; align-items: center; } .post-tag-share-box .share-box .title{ width: 60px; } .post-tag-share-box .share-box .title h6{ color: #222222; font-size: 14px; line-height: 20px; font-weight: 600; text-transform: uppercase; } .post-tag-share-box .share-box .share-button{ position: relative; display: block; } .post-tag-share-box .share-box .share-button a{ position: relative; display: block; width: 40px; height: 40px; background: #ffffff; border-radius: 5px; border: 1px solid #e3e9f4; color: var(--thm-color-3); font-size: 16px; text-align: center; line-height: 38px; } .author-box-holder { position: relative; display: block; } .author-box-holder .inner-box{ position: relative; display: block; } .author-box-holder .inner-box .img-box{ position: absolute; top: 0; left: 0; width: 150px; height: 150px; } .author-box-holder .inner-box .img-box img{ border-radius: 50%; width: 100%; } .author-box-holder .inner-box .text-box{ position: relative; display: block; } .author-box-holder .inner-box .text-box h3{ font-size: 22px; font-weight: 700; margin: 0 0 13px; } .author-box-holder .inner-box .text-box h3 span{ position: relative; display: inline-block; padding-left: 10px; color: #444444; font-size: 12px; font-weight: 600; text-transform: uppercase; } .author-box-holder .inner-box .text-box p{ margin: 0; } .author-box-holder .inner-box .text-box .author-social-links{ position: relative; display: block; overflow: hidden; margin-top: 32px; } .author-box-holder .inner-box .text-box .author-social-links ul{ overflow: hidden; } .author-box-holder .inner-box .text-box .author-social-links ul li{ position: relative; display: inline-block; float: left; margin-right: 5px; } .author-box-holder .inner-box .text-box .author-social-links ul li:last-child{ margin-right: 0; } .author-box-holder .inner-box .text-box .author-social-links ul li a{ position: relative; display: block; width: 35px; height: 35px; background: #eef1f7; border-radius: 50%; color: #222222; font-size: 14px; line-height: 35px; text-align: center; transition: all 200ms linear; transition-delay: 0.1s; } .author-box-holder .inner-box .text-box .author-social-links ul li a:hover{ color: #ffffff; background-color: var(--thm-color-2); } /*** ============================================= Partner Area Css ============================================= ***/ .partner-area { position: relative; display: block; background: #ffffff; padding: 0px 0 120px; z-index: 2; } .partner-area.pdt120-0-0{ padding: 120px 0 0; } .partner-area .top-box { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 56px; } .partner-area .top-box .shape{ position: absolute; top: -50px; left: -160px; } .partner-area .top-box .title{ position: relative; display: block; margin-top: -13px; } .partner-area .top-box .title h2{ font-size: 48px; line-height: 62px; font-weight: 700; margin-bottom: 10px; } .partner-area .top-box .title h4{ font-size: 24px; line-height: 34px; font-weight: 400; } .partner-box { position: relative; display: block; } .single-partner-logo-box { position: relative; display: block; text-align: center; line-height: 0; z-index: 1; } .single-partner-logo-box a { position: relative; display: inline-block; overflow: hidden; } .single-partner-logo-box a img { transition: all 0.2s ease-in-out 0.1s; } .single-partner-logo-box:hover a img{ filter: grayscale(1); transition: all 0.8s ease-in-out 0.1s; } /*** ============================================= Partner Area Style2 Css ============================================= ***/ .partner-area--style2 .single-partner-logo-box a { border: 1px solid #e3e9f4; } /*** ============================================= Partner Area Style3 Css ============================================= ***/ .partner-area--style3 { background: #eef1f7; padding: 50px 0; z-index: 1; } .partner-area--style3_bg{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-repeat: repeat-x; background-position: bottom center; background-size: cover; z-index: -1; -webkit-animation: bgSlideReverse 20s linear infinite; animation: bgSlideReverse 20s linear infinite; } .single-partner-logo-box a:hover img { transform: scale(1.1); transition: all 0.2s ease-in-out 0.1s; } /*** ============================================= Partner style4 Area Css ============================================= ***/ .partner-style4-area { position: relative; display: block; background: #2f3a51; padding: 70px 0; } .partner-style4-area .single-partner-logo-box a img { opacity: 0.35; width: auto; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .partner-style4-area .single-partner-logo-box:hover a img{ opacity: 1.0; transform: none; } /*** ============================================= Contact Form Area Css ============================================= ***/ .contact-style1-area { position: relative; display: block; background: #ffffff; padding: 120px 0 120px; z-index: 10; } .contact-style1_form { position: relative; display: block; padding-right: 110px; } .contact-style1_form .sec-title{ padding-bottom: 52px; } .contact-style1_form .sec-title p{ margin: 15px 0 0; } .contact-form { position: relative; display: block; } .contact-form form{ position: relative; display: block; } .contact-form form .input-box{ position: relative; display: block; margin-bottom: 20px; } .contact-form form .input-box .icon{ position: absolute; top: 17px; right: 20px; font-size: 15px; color: var(--thm-color-3); } .contact-form form input[type="text"], .contact-form form input[type="email"], .contact-form form textarea{ position: relative; display: block; background: #ffffff; width: 100%; height: 62px; border: 1px solid #e3e9f4; color: #666666; font-size: 16px; font-weight: 400; font-style: normal; padding-left: 25px; padding-right: 25px; border-radius: 8px; transition: all 500ms ease; } .contact-form form textarea { height: 120px; padding-top: 15px; padding-left: 25px; padding-right: 20px; } .contact-form form input[type="text"]:focus{ color: #171717; border-color: #171717; } .contact-form form input[type="email"]:focus{ color: #171717; border-color: #171717; } .contact-form form textarea:focus{ color: #171717; border-color: #171717; } .contact-form form input[type="text"]::-webkit-input-placeholder { color: #666666; } .contact-form form input[type="text"]:-moz-placeholder { color: #666666; } .contact-form form input[type="text"]::-moz-placeholder { color: #666666; } .contact-form form input[type="text"]:-ms-input-placeholder { color: #666666; } .contact-form form input[type="email"]::-webkit-input-placeholder { color: #666666; } .contact-form form input[type="email"]:-moz-placeholder { color: #666666; } .contact-form form input[type="email"]::-moz-placeholder { color: #666666; } .contact-form form input[type="email"]:-ms-input-placeholder { color: #666666; } .contact-form form textarea::-webkit-input-placeholder { color: #666666; } .contact-form form textarea:-moz-placeholder { color: #666666; } .contact-form form textarea::-moz-placeholder { color: #666666; } .contact-form form textarea:-ms-input-placeholder { color: #666666; } .contact-form form .button-box { position: relative; padding-top: 30px; } .contact-form form .button-box button{} /*** ============================================= Contact Info Sidebar Css ============================================= ***/ .contact-info-sidebar { position: relative; display: block; background: #ffffff; padding: 45px 30px 37px; max-width: 320px; width: 100%; float: right; } .contact-info-sidebar::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #2f3a51; } .contact-info-sidebar::after{ position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; transform: scaleX(0); background: var(--thm-primary); content: ""; z-index: 2; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .contact-info-sidebar:hover::after{ transform: scaleX(1.0); } .contact-info-sidebar ul{ position: relative; display: block; overflow: hidden; } .contact-info-sidebar ul li { position: relative; display: block; margin-top: 35px; padding-bottom: 27px; border-bottom: 1px solid #e3e9f4; } .contact-info-sidebar ul li:first-child{ margin-top: 0; } .contact-info-sidebar ul li:last-child{ border-bottom: none; padding-bottom: 0; } .contact-info-sidebar ul li .top{ position: relative; display: flex; align-items: center; margin-bottom: 17px; } .contact-info-sidebar ul li .top .icon{ position: relative; display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 8px; text-align: center; background: var(--thm-primary); } .contact-info-sidebar ul li .top .icon span{ color: #ffffff; font-size: 20px; } .contact-info-sidebar ul li .top .title{ position: relative; display: block; padding-left: 15px; } .contact-info-sidebar ul li .top .title h3{ font-size: 22px; line-height: 32px; font-weight: 800; } .contact-info-sidebar ul li p{ color: var(--thm-black); font-weight: 500; margin: 0; } .contact-info-sidebar ul li p a{ color: var(--thm-black); } /*** ============================================= Google Map Area Css ============================================= ***/ .google-map-area{ position: relative; display: block; } .google-map-area .container-fluid{ padding: 0; } .contact-page-map-outer{ position: relative; display: block; z-index: 10; } .contact-page-map-outer .map-canvas{ position: relative; width: 100%; height: 600px; } /*** ============================================= Breadcrumb area style ============================================= ***/ .breadcrumb-area { position: relative; display: block; overflow: hidden; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 40px 0 40px; z-index: 10; } .breadcrumb-area:before{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #0e131e; opacity: 0.75; content: ""; z-index: -1; } .breadcrumb-area .inner-content { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: wrap; } .breadcrumb-area .inner-content .shape1 { position: absolute; top: 100px; left: 15%; z-index: 1; } .breadcrumb-area .inner-content .shape2 { position: absolute; top: -20px; right: 0; z-index: 1; } .breadcrumb-area .title { position: relative; display: block; overflow: hidden; z-index: 1; } .breadcrumb-area .title h2{ color: #ffffff; font-size: 48px; line-height: 1.2em; font-weight: 700; text-transform: capitalize; } .breadcrumb-area .inner-content .border-box{ position: relative; display: block; width: 80px; height: 2px; background: #ffffff; margin: 19px auto 24px; } .breadcrumb-area .inner-content .border-box:before{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 50%; background: var(--thm-primary); } .breadcrumb-menu{ position: relative; display: block; line-height: 0; z-index: 1; } .breadcrumb-menu ul { position: relative; display: block; overflow: hidden; } .breadcrumb-menu ul li { position: relative; display: inline-block; float: none; color: #ffffff; font-size: 14px; line-height: 20px; font-weight: 500; text-transform: uppercase; padding-right: 5px; margin-right: 5px; } .breadcrumb-menu ul li:last-child{ padding-right: 0; margin-right: 0; } .breadcrumb-menu ul li span:before{ position: relative; display: inline-block; top: 1px; } .breadcrumb-menu ul li a { color: #ffffff; transition: all 200ms linear; transition-delay: 0.1s; } .breadcrumb-menu ul li:hover a, .breadcrumb-menu ul li.active{ color: var(--thm-primary); } /*** ============================================= Team Style1 Area Css ============================================= ***/ .team-style1-area{ position: relative; display: block; background: #ffffff; padding: 120px 0 80px; } .team-style1-area .shape{ position: absolute; left: 5%; bottom: 0; } .single-team-style1{ position: relative; display: block; margin-bottom: 32px; } .single-team-style1 .img-holder{ position: relative; display: block; } .single-team-style1 .img-holder .inner{ position: relative; display: block; overflow: hidden; border-radius: 50%; } .single-team-style1 .img-holder .inner img{ width: 100%; border-radius: 50%; } .single-team-style1:hover .img-holder .inner img{ transform: scale(1.1) rotate(2deg); } .single-team-style1 .img-holder .overly-box { position: absolute; display: flex; align-items: center; justify-content: center; top: 15px; left: 15px; right: 15px; bottom: 15px; background: #000000; border-radius: 50%; opacity: .80; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; } .single-team-style1:hover .img-holder .overly-box{ opacity: 0.8; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } .single-team-style1 .img-holder .overly-box .social-links{ position: relative; display: block; overflow: hidden; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; } .single-team-style1:hover .img-holder .overly-box .social-links{ opacity: 1.0; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } .single-team-style1 .img-holder .overly-box .social-links li{ position: relative; display: inline-block; float: left; margin-right: 4px; } .single-team-style1 .img-holder .overly-box .social-links li:last-child{ margin-right: 0; } .single-team-style1 .img-holder .overly-box .social-links li a{ position: relative; display: inline-block; width: 40px; height: 40px; color: #222222; font-size: 16px; line-height: 40px; text-align: center; border-radius: 8px; background: #ffffff; transition: all 500ms ease; } .single-team-style1 .img-holder .overly-box .social-links li a:hover{ background: var(--thm-color-2); } .single-team-style1 .img-holder .overly-box .social-links li a i::before{ color: var(--thm-black); font-size: 16px; transition: all 500ms ease; } .single-team-style1 .img-holder .overly-box .social-links li a:hover i::before{ color: #ffffff; } .single-team-style1 .img-holder .shape{ position: absolute; left: 0; bottom: -30px; right: 0; width: 60px; height: 60px; margin: 0 auto; display: flex; align-items: center; justify-content: center; background: #ffffff; border-radius: 50%; box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06); } .single-team-style1 .title-holder{ position: relative; display: block; margin-top: 66px } .single-team-style1 .title-holder h3{ font-size: 24px; line-height: 28px; font-weight: 600; text-transform: capitalize; } .single-team-style1 .title-holder h3 a{ color: #222222; } .single-team-style1 .title-holder p{ margin: 6px 0 0; } .team-style1-area.pdb120{ padding-bottom: 120px; } .team-carousel.owl-carousel.owl-dot-style1 .owl-dots { margin-top: 20px !important; } .team-style1-area .thm-shape1{ position: absolute; top: 120px; left: 150px; } /*** ============================================= Team Style2 Area Css ============================================= ***/ .team-style2-area{ position: relative; display: block; background: #ffffff; padding: 30px; } .single-team-style2{ position: relative; display: block; margin-bottom: 40px; } .single-team-style2 .img-holder{ position: relative; display: block; } .single-team-style2 .img-holder .inner{ position: relative; display: block; overflow: hidden; } .single-team-style2 .img-holder .inner::before { position: absolute; top: 50%; left: 50%; display: block; content: ''; width: 0; height: 0; background: rgba(255, 255, 255, .2); border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; z-index: 10; } .single-team-style2:hover .img-holder .inner::before { -webkit-animation: circle .75s; animation: circle .75s; } .single-team-style2 .img-holder .inner img{ width: 100%; transform: scale(1.0); transition: all 700ms ease; } .single-team-style2:hover .img-holder .inner img{ transform: scale(1.2); } .single-team-style2 .title-holder{ position: relative; display: block; background: #ffffff; box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06); padding: 40px 0px 45px; text-align: center; z-index: 1; } .single-team-style2 .title-holder:after { position: absolute; content: ""; bottom: 0; left: 0; right: 0; height: 100%; opacity: 0; background: #2f3a51; transition-delay: .05s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; opacity: 0; transform-origin: top; transform-style: preserve-3d; transform: scaleY(0); z-index: -1; } .single-team-style2:hover .title-holder:after{ opacity: 1; transform: scaleY(1.0); } .single-team-style2 .title-holder h4{ font-size: 24px; line-height: 30px; font-weight: 600; margin-bottom: 5px; transition: all 200ms linear; transition-delay: 0.1s; } .single-team-style2:hover .title-holder h4{ color: #ffffff; } .single-team-style2 .title-holder p{ color: var(--thm-black); margin: 0; transition: all 200ms linear; transition-delay: 0.1s; } .single-team-style2:hover .title-holder p{ color: #ffffff; } .single-team-style2 .title-holder .social-icon{ position: relative; display: block; overflow: hidden; margin-top: 32px; } .single-team-style2 .title-holder .social-icon.style2 li a:hover{ background: var(--thm-color-2); } .single-team-style2 .title-holder .social-icon.style3 li a:hover{ background: var(--thm-color-3); } .single-team-style2 .title-holder .social-icon li{ position: relative; display: inline-block; margin-right: 1px; } .single-team-style2 .title-holder .social-icon li:last-child{ margin-right: 0; } .single-team-style2 .title-holder .social-icon li a{ position: relative; display: inline-block; width: 35px; height: 35px; background: #eef1f7; text-align: center; line-height: 35px; border-radius: 8px; transition: all 200ms linear; transition-delay: 0.1s; } .single-team-style2 .title-holder .social-icon li:hover a{ background: var(--thm-primary); } .single-team-style2 .title-holder .social-icon li a i::before{ color: var(--thm-black); font-size: 15px; transition: all 200ms linear; transition-delay: 0.1s; } .single-team-style2 .title-holder .social-icon li:hover a i::before{ color: #ffffff; } /*** ============================================= Team Style3 Area Css ============================================= ***/ .team-style3-area{ position: relative; display: block; background: #eef1f7; padding: 120px 0px 27px; } .single-team-style3 { position: relative; display: block; min-height: 475px; margin-bottom: 30px; } .single-team-style3 .img-holder{ position: relative; display: block; } .single-team-style3 .img-holder .inner{ position: relative; display: block; overflow: hidden; } .single-team-style3 .img-holder .inner img{ width: 100%; transform: scale(1.0); transition: all 7000ms ease; } .single-team-style3:hover .img-holder .inner img{ transform: scale(1.2); } .single-team-style3 .img-holder .shape { position: absolute; left: 0; bottom: -20px; right: 0; width: 60px; height: 60px; margin: 0 auto; background: #ffffff; border-radius: 50%; text-align: center; line-height: 60px; box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06); z-index: 2; } .single-team-style3 .title-holder { position: relative; display: block; overflow: hidden; background: #ffffff; box-shadow: 0px 5px 24px 6px rgb(0 0 0 / 6%); padding: 55px 0px 32px; text-align: center; transition: all 200ms linear; transition-delay: 0.1s; } .single-team-style3:hover .title-holder{ padding: 55px 0px 92px; } .single-team-style3 .title-holder h4{ font-size: 24px; line-height: 30px; font-weight: 600; margin: 0 0 5px; } .single-team-style3 .title-holder p{ color: var(--thm-black); margin: 0; } .single-team-style3 .title-holder .overly{ position: absolute; left: 0px; right: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; } .single-team-style3:hover .title-holder .overly{ bottom: 40px; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } .single-team-style3 .title-holder .overly .social-icon{ position: relative; display: block; overflow: hidden; height: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .single-team-style3:hover .title-holder .overly .social-icon{ height: 35px; } .single-team-style3 .title-holder .overly .social-icon li{ position: relative; display: inline-block; margin-right: 1px; } .single-team-style3 .title-holder .overly .social-icon li a{ position: relative; display: inline-block; width: 35px; height: 35px; background: #eef1f7; text-align: center; line-height: 35px; border-radius: 8px; transition: all 200ms linear; transition-delay: 0.1s; } .single-team-style3 .title-holder .overly .social-icon li:hover a{ background: var(--thm-primary); } .single-team-style3 .title-holder .overly .social-icon li a i::before{ color: var(--thm-black); font-size: 15px; transition: all 200ms linear; transition-delay: 0.1s; } .single-team-style3 .title-holder .overly .social-icon li:hover a i::before{ color: #ffffff; } /*** ============================================= Footer area style ============================================= ***/ .footer-area { position: relative; display: block; background: #21293b; z-index: 10; } .footer { position: relative; display: block; padding: 50px; z-index: 1; } .footer .auto-container { max-width: 1325px; } .single-footer-widget { position: relative; display: block; } .single-footer-widget.martop { margin-top: 12px; } .single-footer-widget .title { position: relative; display: block; padding-bottom: 10px; margin-bottom: 32px; } .single-footer-widget .title::before{ position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background:var(--thm-primary); content: ""; } .single-footer-widget .title h3{ color: #ffffff; font-size: 22px; line-height: 30px; font-weight: 600; text-transform: capitalize; } .single-footer-widget .our-company-info { position: relative; display: block; } .single-footer-widget .our-company-info .footer-logo{ position: relative; display: block; margin-bottom: 27px; } .single-footer-widget .our-company-info .footer-logo a{ position: relative; display: inline-block; } .single-footer-widget .our-company-info .text-box { position: relative; display: block; } .single-footer-widget .our-company-info .text-box p{ color: rgba(255, 255, 255, 0.40); margin: 0; } .footer-contact-info { position: relative; display: flex; align-items: center; margin-top: 25px; } .footer-contact-info .icon{ position: relative; display: block; width: 40px; height: 40px; border-radius: 8px; color: #ffffff; background: var(--thm-primary); font-size: 15px; line-height: 40px; text-align: center; } .footer-contact-info .support-box { position: relative; display: block; padding-left: 15px; } .footer-contact-info .support-box h5 { color: #ffffff; font-size: 18px; line-height: 20px; font-weight: 600; margin-bottom: 3px; } .footer-contact-info .support-box h5 a{ color: #ffffff; } .footer-contact-info .support-box .email{ position: relative; display: block; } .footer-contact-info .support-box .email p{ margin: 0; } .footer-contact-info .support-box .email p a{ color: #ffffff; } .footer-widget-links1{ position: relative; display: block; } .footer-widget-links1 li{ position: relative; display: block; margin-bottom: 10px; } .footer-widget-links1 li:last-child{ margin-bottom: 0; } .footer-widget-links1 li a { position: relative; display: inline-block; color: rgba(255, 255, 255, 0.40); font-size: 16px; font-weight: 400; line-height: 26px; transition: all 500ms ease; } .footer-widget-links1 li a:hover{ color: #ffffff; } .single-footer-widget.fixwidth{ width: 260px; float: right; } .single-footer-widget .text{ position: relative; display: block; } .single-footer-widget .text p{ font-size: 16px; color: rgba(255, 255, 255, 0.40); margin: 0; } .widget-subscribe-form{ position: relative; display: block; margin-top: 31px; } .widget-subscribe-form .form-group{ position: relative; display: block; margin: 0; } .widget-subscribe-form .form-group input[type='email']{ position: relative; display: block; width: 100%; height: 60px; color: #666666; font-size: 16px; font-weight: 400; background: #ffffff; padding-left: 25px; padding-right: 70px; border-radius: 10px; border:0px solid transparent; } .widget-subscribe-form .form-group button{ position: absolute; top: 0px; right: 0px; bottom: 0px; width: 60px; height: 60px; line-height: 60px; transition: all 300ms ease 100ms; font-size: 20px; padding: 0; background: var(--thm-primary); border-radius: 8px; } .widget-subscribe-form .form-group button i{ color: #ffffff; font-size: 15px; } .footer-bottom { position: relative; display: block; } .footer-bottom .auto-container { max-width: 1325px; } .footer-bottom_content_box { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; padding: 45px 0; border-top: 1px solid #4a5161 } .copyright-text { position: relative; display: block; } .copyright-text p{ color:rgba(255, 255, 255, 0.50); font-size: 16px; line-height: 26px; font-weight: 400; margin: 0; } .copyright-text p a { color:rgba(255, 255, 255, 0.90); font-weight: 500; transition: all 500ms ease; } .copyright-text p a:hover{ color:rgba(255, 255, 255, 0.50); } .footer-social-link{ position: relative; display: block; margin-left: 20px; } .footer-social-link .social-links-style1{ position: relative; display: block; overflow: hidden; } .footer-social-link .social-links-style1 li { position: relative; display: inline-block; color: #ffffff; margin-right: 5px; } .footer-social-link .social-links-style1 li a{ position: relative; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; background: rgba(255, 255, 255, 0.10); border-radius: 8px; transition: all 200ms linear; transition-delay: 0.1s; } .footer-social-link .social-links-style1 li a:hover{ background: var(--thm-color-2); } .footer-social-link .social-links-style1 li a i{ color: #ffffff; font-size: 15px; line-height: 40px; } /*** ===================================================== Theme Main Color Css ===================================================== ***/ .main-menu .navigation>li:hover>a, .main-menu .navigation>li.current>a, .main-menu .navigation>li>ul>li>a:hover, .main-menu .navigation> li> ul> li:hover> a, .main-menu .navigation> li> ul> li> ul> li> a:hover, .main-menu .navigation> li> .megamenu li:hover a, .main-menu .navigation> li> ul> li.dropdown> a:after, .mobile-menu .navigation li.current > a, .mobile-menu .navigation li > a:hover, .outer-search-box-style1 .seach-toggle:hover, .outer-search-box-style1 .seach-toggle.active, .sticky-header .main-menu .navigation>li:hover>a, .sticky-header .main-menu .navigation>li.current>a { color: var(--thm-primary); } /*** ===================================================== Theme Main Background Color Css ===================================================== ***/ .nav-outer .mobile-nav-toggler .inner, .thm-social-link1 ul li a:before, { background: var(--thm-primary); } /*** ===================================================== Theme Main Border Color Css ===================================================== ***/ .mobile-menu .navigation li > a:before { border-left: 5px solid var(--thm-primary); } .styled-pagination li:hover a, .styled-pagination li.active a, .styled-pagination li:hover a, .styled-pagination li.active a { border-color: var(--thm-primary); } /** template rtl css **/ .page_direction{ display: none; } .rtl { direction: rtl; } .ltr { direction: ltr; } .demo-rtl{ position: fixed; top: 300px; left: 0; z-index: 9999; } button.rtl{ background: rgba(0, 0, 0, 0.90); display: block; text-indent: inherit; font-size: 12px; width: 50px; height: 50px; line-height: 50px; text-align: center; font-weight: 700; margin: 0px; color: #fff !important; } .demo-ltr{ position: fixed; top: 300px; left: auto; right: 0; z-index: 9999; } button.ltr { background: rgba(0, 0, 0, 0.90); display: block; text-indent: inherit; font-size: 12px; font-weight: 700; width: 50px; height: 50px; line-height: 50px; text-align: center; margin: 0px; color: #fff !important; } .boxed_wrapper.ltr .demo-rtl{ display: block; } .boxed_wrapper.ltr .demo-ltr{ display: none; } .boxed_wrapper.rtl .demo-rtl{ display: none; } .boxed_wrapper.rtl .demo-ltr{ display: block; } .rtl .pull-left{ float: right; } .rtl .pull-right{ float: left; } .rtl .main-menu { float: right; } .rtl .main-menu .navigation>li { float: right; } .rtl .main-menu .navigation> li:first-child { margin-right: 0px; } .rtl .main-menu .navigation> li:last-child { margin-right: 40px; } .rtl .main-menu .navigation> li> ul { left: auto; right: inherit; } .rtl .main-menu .navigation> li> ul> li> a { text-align: right; } .rtl .main-menu .navigation> li> ul> li> a:before { display: none; } .rtl .main-menu .navigation> li> ul> li> ul> li a:before { display: none; } .rtl .main-menu .navigation> li> ul> li.dropdown> a:after { display: none; } .rtl .main-menu .navigation> li> ul> li> ul { left: auto; right: 100%; } .rtl .main-menu .navigation> li> ul> li> ul> li> a { text-align: right; } .rtl .sticky-header .main-menu .navigation> li { float: right; } .rtl .main-menu .navigation> li> .megamenu li> a { text-align: right; } .rtl .main-menu .navigation> li> .megamenu li> a:hover { padding-left: 0; } .rtl .main-menu .navigation> li> .megamenu li:hover a:before{ width: 0; } .rtl .mobile-menu{ text-align: right; } .rtl .mobile-menu .nav-logo{ text-align: right; } .rtl .mobile-menu .navigation li > a:before{ left: inherit; right: 0px; } .rtl .mobile-menu .navigation li.dropdown .dropdown-btn{ right: inherit; left: 6px; transform: rotate(90deg); } .rtl .mobile-menu .navigation li.dropdown .dropdown-btn.open{ transform: rotate(0deg); } .rtl .scroll-top { left: 20px; right: auto; } .rtl .switcher .switch_btn { top: 0px; right: 0px; } .rtl .switcher .switch_menu { left: -240px; } .rtl .banner-carousel{ direction: ltr; text-align: right; } .rtl .testimonial-style1_carousel{ direction: ltr; text-align: right; } .rtl .event-carousel{ direction: ltr; text-align: right; } .rtl .partner-carousel{ direction: ltr; text-align: right; } .rtl .text-right-rtl{ text-align: right; } /*________________Header_______________ */ .rtl .header-right_buttom:before { left: -100000000px; right: auto; } .rtl .header-right_buttom { margin-left: 0px; padding-left: 0px; margin-right: 100px; padding-right: 50px; } .rtl .header-right_buttom a span::before { padding-right: 0px; padding-left: 7px; } .rtl .header-right_buttom a::before { display: none; } .rtl .header-right_buttom a::after { display: none; } .rtl .about-style1-content-box { padding-left: 0px; padding-right: 90px; } .rtl .about-style1_image_box .shape { display: none; } .rtl .about-style1_image_box { max-width: 100%; margin-right: 0; } .rtl .single-project-style1 .text-holder .readmore a i:before { padding-left: 0px; padding-right: 6px; transform: rotate(180deg); } /*** ============================================= Inner Page Css ============================================= ***/ .rtl .single-blog-style1 .text-holder .meta-info li { float: right; } .rtl .single-blog-style1 .right_box .readmore { text-align: left; } .rtl .single-blog-style1 .right_box .readmore a i:before { padding-left: 0; padding-right: 7px; transform: rotate(180deg); } .rtl .single-footer-widget .instagram li { float: right; } .rtl .footer-contact-info .text { padding-left: 0px; padding-right: 20px; } .rtl .header-contact-info li .title { padding-left: 0px; padding-right: 10px; } .rtl .main-slider.style2 .content .btns-box { justify-content: flex-end; } .rtl .subscribe-form input[type="email"] { padding-left: 70px; } .rtl .subscribe-form button { right: auto; left: 0; } .rtl .subscribe-box p .dot { margin-right: 0px; margin-left: 15px; } .rtl .btn-one .txt i.arrow1 { position: relative; display: inline-block; transform: rotate(180deg); padding-left: 0px; margin-left: 0px; padding-left: 10px; } .rtl .single-testimonial-style1 .client-info { display: flex; flex-direction: row-reverse; } .rtl .single-testimonial-style1 .client-info .client_name { padding-left: 0px; padding-right: 20px; } /*** ============================================= RTL Page Responsive Css ============================================= ***/ @media only screen and (min-width: 992px) and (max-width: 1199px) { } @media only screen and (max-width: 991px) and (min-width: 768px){ .rtl .sidebar-wrapper { float: right; } } @media only screen and (max-width: 767px) { .rtl .sidebar-wrapper { float: right; } } /* LoveIcon HTML5 Template */ /************ TABLE OF CONTENTS *************** 1. Fonts 2. Reset 3. Global 4. Main Header 5. Hidden Sidebar 6. Banner Section 7. Page Title 8. Section Banner 9. Section Title 10. About Section 11. Blog Section **********************************************/ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap'); @import url(animate.css); @import url(bootstrap-select.min.css); @import url(date-picker.css); @import url(jquery.bxslider.css); @import url(jquery.fancybox.min.css); @import url(jquery.mCustomScrollbar.min.css); @import url(jquery-ui.css); @import url(polyglot-language-switcher.css); @import url(slick.css); @import url(timePicker.css); @import url(jquery.bootstrap-touchspin.css); @font-face { font-family: pony-tale; src: url(../fonts/PONYTALE.OTF); } @font-face { font-family: aervish-fonts; src: url(../fonts/Aervish.otf); } @font-face { font-family: aervish-fonts; src: url(../fonts/Aervish.ttf); } @font-face { font-family: moxie-fonts; src: url(../fonts/Moxie.otf); } @font-face { font-family: moxie-fonts; src: url(../fonts/Moxie.ttf); } :root { --thm-font: 'Inter', sans-serif; --thm-great-vibes-font: 'Great Vibes', cursive; --thm-pony-tale-font: pony-tale; --thm-primary: #d53f34; --thm-primary-rgb: 213, 63, 52; --thm-color-2: #e5ac1b; --thm-color-2-rgb: 229, 172, 27; --thm-color-3: #34a3d5; --thm-color-3-rgb: 52, 163, 213; --thm-color-4: #46b3a8; --thm-color-4-rgb: 70, 179, 168; --thm-color-5: #7D1552; --thm-color-5-rgb: 125, 21, 82; --thm-gray: #555555; --thm-black: #222222; --thm-base: #ffffff; --thm-base-rgb: 255, 255, 255; } /*============================================== Base Css ===============================================*/ * { margin: 0px; padding: 0px; border: none; outline: none; font-size: 100%; } html, body { height: 100%; } body { color: var(--thm-gray); font-size: 16px; line-height: 28px; font-weight: 400; font-family: var(--thm-font); } button:focus { outline: none; } button { cursor: pointer; border: none; background: transparent; padding: 0; } h1, h2, h3, h4, h5, h6 { color: var(--thm-black); font-weight: 800; line-height: 1.25em; font-family: var(--thm-font); margin: 0; } h3 { line-height: 1.2em; font-weight: 800; } a, a:hover, a:active, a:focus { text-decoration: none; outline: none; border: none; } .parallax-scene { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .fancybox-image, .fancybox-spaceball { border-radius: 10px; } @media (min-width: 1200px) { .container { max-width: 1170px; } } .fix { position: relative; display: block; overflow: hidden; } img { max-width: 100%; height: auto; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; } .map-data { text-align: center; font-size: 14px; font-weight: 400; line-height: 1.8em; padding: 5px 10px 5px; } .map-data a { color: #0b59d9; display: block; } .map-data h6 { font-size: 16px; font-weight: 700; text-align: center; margin-bottom: 5px; color: #121212; } i { font-style: normal; } ul, li { list-style: none; margin: 0; padding: 0; } ol, li { margin: 0; padding: 0; } .auto-container { position: static; max-width: 1200px; padding: 0px 15px; margin: 0 auto; } .btn-one { position: relative; display: inline-block; padding-left: 25px; padding-right: 30px; background-color: var(--thm-primary); color: #ffffff; font-size: 16px; line-height: 60px; font-weight: 700; text-transform: uppercase; border-radius: 10px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; font-family: 'Inter', sans-serif; z-index: 1; } .btn-one:before { position: absolute; left: 45%; bottom: 0px; right: 45%; height: 50%; border-radius: 8px; background: #191f2d; opacity: 0; content: ""; z-index: -1; transition: all 200ms linear; transition-delay: 0.1s; } .btn-one:hover:before { opacity: 1; left: 0; height: 100%; right: 0; transition: all 400ms linear; transition-delay: 0.1s; } .btn-one .txt { position: relative; z-index: 1; } .btn-one .txt i.arrow1 { position: relative; top: 1px; display: inline-block; font-size: 18px; line-height: 0; padding-right: 10px; font-weight: 400; z-index: 1; } .btn-one:hover, .btn-one:focus { color: #ffffff; text-shadow: 0px 5px 3px rgba(12, 21, 41, 0.1); } .btn-one-style2 { background-color: var(--thm-color-2); } .btn-one-style3 { background-color: var(--thm-color-5); } .btn-two { position: relative; display: inline-block; padding-left: 40px; padding-right: 40px; color: #ffffff; font-size: 18px; line-height: 60px; font-weight: 700; text-transform: capitalize; border-radius: 0px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; font-family: 'Noto Serif', serif; } .btn-two:after { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background: #171717; content: ""; border-radius: 0px; transform: scaleY(0.0) rotateX(0deg); -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .btn-two:hover:after { transform: scaleY(1.0) rotateX(0deg); -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .btn-two .txt { position: relative; z-index: 1; } .thm-social-link1 { position: relative; display: block; } .thm-social-link1 ul { position: relative; } .thm-social-link1 ul li { position: relative; display: inline-block; float: left; margin-right: 10px; } .thm-social-link1 ul li:last-child { margin-right: 0; } .thm-social-link1 ul li a { position: relative; display: block; width: 40px; height: 40px; background: #ffffff; border-radius: 50%; border: 1px solid #e3e3e3; color: #222222; font-size: 14px; line-height: 38px; text-align: center; z-index: 1; transition: all 500ms ease; } .thm-social-link1 ul li a:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ""; border-radius: 50%; z-index: -1; transform: scale(0.0); transform-origin: center; transform-style: preserve-3d; transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52); } .thm-social-link1 ul li a:hover:before { transform: scaleX(1.0); } .thm-social-link1 ul li a:hover { color: #ffffff; } .theme-shape { position: relative; display: block; position: relative; } .theme-shape.pdtop30 { padding-top: 30px; } .theme-shape-box { position: relative; display: block; } .theme-shape-box .shap_item { position: relative; display: inline-block !important; margin: 0 13px; color: #f6f3ee; font-size: 60px; } .parallax-bg-one { background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; } .parallax-bg-one::before { background: rgba(18, 32, 0, 0.90) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } /*___ owl Nav Dot Style _____*/ .owl-theme .owl-prev span, .owl-theme .owl-next span { display: block; } .owl-nav-style-one {} .owl-nav-style-one.owl-theme .owl-prev span, .owl-nav-style-one.owl-theme .owl-next span { position: relative; display: block; text-align: center; } .owl-nav-style-one .owl-controls {} .owl-nav-style-one.owl-theme .owl-stage-outer { position: relative; display: block; padding-top: 0px; padding-bottom: 0px; } .owl-nav-style-one.owl-theme .owl-nav { position: relative; display: block; text-align: center; z-index: 10; } .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] { position: relative; display: inline-block; width: 55px; height: 55px; background: transparent; border: 1px solid var(--thm-color-4); border-radius: 50%; font-size: 24px; font-weight: 400; line-height: 53px; margin: 0 0 0 0px; padding: 0; transition: all 700ms ease 0s; } .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:before { content: "\f10e"; font-family: "Flaticon"; position: absolute; top: 0; left: 0; bottom: 0; right: 0; color: #222222; font-size: 24px; line-height: 53px; text-align: center; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] span { display: none; } .owl-nav-style-one.owl-theme .owl-nav .owl-prev { transform: rotate(0deg); } .owl-nav-style-one.owl-theme .owl-nav .owl-next { margin-left: 10px; transform: rotate(180deg); } .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover { border-color: var(--thm-primary); background-color: var(--thm-primary); } .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover:before { color: #ffffff; } .owl-nav-style-two {} .owl-nav-style-two .owl-controls {} .owl-nav-style-two.owl-theme .owl-nav [class*="owl-"] { background: #fff none repeat scroll 0 0; border-radius: 0%; color: #3740b0; font-size: 24px; font-weight: 700; height: 50px; line-height: 50px; margin: 0 0 0 0px; padding: 0; width: 50px; transition: all 700ms ease 0s; } .owl-nav-style-two.owl-theme .owl-nav .owl-next { margin-left: 0px; } .owl-nav-style-two.owl-theme .owl-nav [class*="owl-"]:hover { color: #ffffff; background: #3740b0; } .owl-carousel.owl-dot-style1 .owl-dots { position: relative; text-align: center; line-height: 0; margin-top: 50px !important; display: block; } .owl-carousel.owl-dot-style1 .owl-dots .owl-dot { position: relative; display: inline-block; width: 20px; height: 20px; border: 0px solid transparent; margin: 0px 5px; padding: 0px; border-radius: 50%; transition: all 100ms linear; transition-delay: 0.1s; } .owl-carousel.owl-dot-style1 .owl-dots .owl-dot:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: var(--thm-primary); opacity: 0; border-radius: 50%; transform: scale(0); transition: all 200ms linear; transition-delay: 0.1s; } .owl-carousel.owl-dot-style1 .owl-dots .owl-dot.active:before { opacity: 0.25; transform: scale(1.0); } .owl-carousel.owl-dot-style1 .owl-dots .owl-dot span { position: relative; display: block; width: 10px; height: 10px; background: #dddddd; margin: 0px; margin: 0 auto !important; border-radius: 50%; transition: all 100ms linear; transition-delay: 0.1s; } .owl-carousel.owl-dot-style1 .owl-dots .owl-dot.active span { background: var(--thm-primary); opacity: 1; } @keyframes pulse { 50% { box-shadow: 0 0 0 5px rgba(255, 255, 255, .1), 0 0 0 20px rgba(238, 238, 238, 0.3000); } } @keyframes pulse2 { 50% { box-shadow: 0 0 0 5px rgba(255, 231, 1, .1), 0 0 0 20px rgba(255, 231, 1, 0.3000); } } .rating-box { position: relative; display: block; overflow: hidden; } .rating-box ul { overflow: hidden; } .rating-box ul li { position: relative; display: inline-block; float: left; margin-right: 5px; } .rating-box ul li:last-child { margin-right: 0; } .rating-box ul li a { font-size: 20px; font-weight: 400; transition: all 200ms linear; transition-delay: 0.1s; } .boxed_wrapper { position: relative; margin: 0 auto; overflow: hidden !important; background: #ffffff none repeat scroll 0 0; width: 100%; min-width: 320px; } .big-title-2 { position: absolute; left: 0; top: 0; right: 0; font-size: 360px; line-height: 1em; font-weight: 700; text-transform: uppercase; text-align: center; font-family: 'Exo', sans-serif; -webkit-animation: linear infinite alternate; -webkit-animation-name: run; -webkit-animation-duration: 25s; -ms-animation: linear infinite alternate; -ms-animation-name: run; -ms-animation-duration: 25s; -moz-animation: linear infinite alternate; -moz-animation-name: run; -moz-animation-duration: 25s; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: rgb(239 245 251 / 1.0); color: transparent; margin-top: -123px; margin-bottom: -245px; } .styled-pagination { position: relative; display: block; width: 100%; height: auto; padding-top: 20px; } .styled-pagination.pdtop0 { padding-top: 0; } .styled-pagination li { position: relative; display: inline-block; float: none; margin: 0 3.5px; } .styled-pagination li.prev a { transform: rotate(180deg); } .styled-pagination li a { position: relative; display: inline-block; width: 55px; height: 55px; border-radius: 50%; background: #ffffff; border: 1px solid #e3e9f4; color: #222222; font-size: 16px; line-height: 53px; font-weight: 600; text-align: center; text-transform: uppercase; transition: all 500ms ease; z-index: 1; } .styled-pagination li:hover a, .styled-pagination li.active a { color: #ffffff; background: var(--thm-color-2); border-color: var(--thm-color-2); } .styled-pagination li.prev a, .styled-pagination li.next a { color: var(--thm-primary); transition: all 200ms linear; transition-delay: 0.1s; } .styled-pagination li.prev a:hover, .styled-pagination li.next a:hover { color: #ffffff; } /*=============== Boxed-Layout =============*/ .boxed_wrapper_box_page { position: relative; overflow-x: hidden; margin: 0 auto; width: 100%; min-width: 300px; } .body_switcher { position: fixed; top: 150px; z-index: 9999999; left: -200px; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .body_switcher .body_switch_btn { position: absolute; right: -50px; z-index: -1; } .body_switcher .body_switch_btn button { width: 50px; height: 50px; color: #ffffff; font-size: 24px; line-height: 50px; background: rgba(0, 0, 0, 0.80); cursor: pointer; transition: all 500ms ease; } .body_switcher .boxed_switch_menu { position: relative; background: #fff; width: 200px; padding: 25px 15px 20px; text-align: center; box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1); } .body_switcher .boxed_switch_menu h5 { color: #222222; font-size: 20px; line-height: 24px; font-weight: 600; margin-bottom: 0px; } .body_switcher.switcher-show { left: 0; } .body_switcher .boxed_switch_menu .switch_body .box { cursor: pointer; display: inline-block; text-align: center; margin-top: 15px; } .body_switcher .boxed_switch_menu .switch_body .box>div { width: 80px; height: 50px; background: #fff; border: 2px solid #999; } .body_switcher .boxed_switch_menu .switch_body .box>div>span { display: block; width: 60px; height: 100%; margin: 0 auto; background: #fff; border-left: 2px solid #e5e5e5; border-right: 2px solid #e5e5e5; } .body_switcher .boxed_switch_menu .switch_body .box p { position: relative; display: block; color: #999; font-size: 16px; line-height: 20px; font-weight: 500; margin: 7px 0 0; } .main_page.active_boxlayout { max-width: 1550px; width: 100%; min-width: 300px; margin: 0 auto; background: url(../images/pattern/body-pattern.png) #f8f8f8; background-attachment: fixed; background-repeat: repeat; background-position: center; overflow-x: hidden; } /*=============== Color-Layout =============*/ .switcher { position: fixed; top: 220px; z-index: 99; display: none; } .switcher .switch_btn { position: absolute; top: 0px; right: -50px; z-index: -1; } .switcher .switch_btn button { width: 50px; height: 50px; color: #fff; line-height: 50px; cursor: pointer; border-radius: 0; margin-left: 0; transition: all 500ms ease; background: rgba(0, 0, 0, 0.90); } .switcher .switch_menu { position: absolute; width: 190px; height: 30px; background: transparent; display: none; top: 0px; left: 60px; bottom: 0; margin: 10px 0; } .switcher #styleOptions li { position: relative; display: inline-block; width: 30px; height: 30px; margin-right: 3px; } .switcher #styleOptions li:last-child { margin-right: 0; } .switcher #styleOptions li a { position: relative; display: inline-block; width: 100%; height: 100%; border-radius: 50%; box-shadow: 0 0 0 0px #fff; } .switcher #styleOptions li a.blue-color { background: #6377ee; } .switcher #styleOptions li a.pink-color { background: #E31C79; } .switcher #styleOptions li a.violet-color { background: #6936d8; } .switcher #styleOptions li a.crimson-color { background: #ba0913; } .switcher #styleOptions li a.orange-color { background: #FF6600; } /*________________Preloader_______________ */ .preloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999999999999; background-position: center center; background-repeat: no-repeat; background-image: url(../images/icon/preloader.svg); } .preloader-close { position: fixed; z-index: 999999; color: #fff; padding: 10px 20px; cursor: pointer; right: 0; bottom: 0; font-weight: 600; background-color: #e55247; } .loader-wrap { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; } .loader-wrap .layer-one { position: absolute; left: 0%; top: 0; width: 33.3333%; height: 100%; overflow: hidden; } .loader-wrap .layer-two { position: absolute; left: 33.3333%; top: 0; width: 33.3333%; height: 100%; overflow: hidden; } .loader-wrap .layer-three { position: absolute; left: 66.6666%; top: 0; width: 33.3333%; height: 100%; overflow: hidden; } .loader-wrap .layer .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--thm-primary); } /*** Scroll To Top style ***/ .scroll-top { position: fixed; right: 15px; bottom: 20px; width: 55px; height: 55px; background-color: var(--thm-primary); color: #ffffff; border-radius: 5px; font-size: 20px; line-height: 55px; font-weight: 600; text-align: center; text-transform: uppercase; display: none; cursor: pointer; transition: all 200ms linear; transition-delay: 0.1s; z-index: 999999999; } .scroll-top span {} .scroll-top:after { position: absolute; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 1; z-index: -1; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%); background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%); } .scroll-top:hover { color: #f8f8f8; } .scroll-top.style2 { position: absolute; left: 0; top: -20px; right: 0; width: 40px; height: 40px; margin: 0 auto; border-radius: 5px; background-color: #0098ff; border: none; text-align: center; animation: auto; transition: all 200ms linear; transition-delay: 0.1s; font-size: 20px; line-height: 40px; font-weight: 400; } /* Form validation styles */ input:focus, textarea:focus, select:focus { border-color: #43c3ea; outline: none; } #contact-form input[type="text"].error { border-color: red; } #contact-form input[type="email"].error { border-color: red; } #contact-form select.error { border-color: red; } #contact-form textarea.error { border-color: red; } /* Post pagination styles */ .post-pagination { position: relative; display: block; } .post-pagination.martop20 { margin-top: 20px; } .post-pagination li { position: relative; display: inline-block; margin: 0 3px; } .post-pagination li a { position: relative; display: block; height: 60px; width: 60px; border-radius: 50%; border: 2px solid #eeeeee; color: #131313; font-size: 18px; line-height: 56px; font-weight: 600; transition: all 500ms ease 0s; font-family: 'Poppins', sans-serif; } .post-pagination li a i { color: #c1c1c1; font-size: 22px; transition: all 200ms linear; transition-delay: 0.1s; } .post-pagination li.active a, .post-pagination li:hover a { background: #fec727; border-color: #fec727; } .post-pagination li.active a i, .post-pagination li:hover a i { color: #131313; } .post-pagination.style2 li a { border-radius: 0; } .secpd100-0 { padding: 100px 0; } /* Overlay styles */ .overlay-style-one { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(218, 60, 34, 0.80); transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; opacity: 0; z-index: 1; } .overlay-style-one .box { display: table; height: 100%; width: 100%; } .overlay-style-one .box .content { display: table-cell; text-align: center; vertical-align: middle; } .overlay-style-one .box .inner { display: table-cell; text-align: center; vertical-align: middle; } .overlay-style-two { position: absolute; left: 0px; bottom: 0px; right: 0px; top: 0px; z-index: 2; opacity: 0; transition: all 900ms ease; } .overlay-style-two:before { position: absolute; content: ''; top: 0px; left: 0px; width: 100%; height: 50%; display: block; opacity: 0; text-align: center; transform: perspective(400px) rotateX(-90deg); transform-origin: top; transition: all 0.5s; background-color: rgba(18, 18, 18, 0.90); } .overlay-style-two:after { position: absolute; content: ''; left: 0px; bottom: 0px; width: 100%; height: 50%; display: block; opacity: 0; text-align: center; transform: perspective(400px) rotateX(90deg); transform-origin: bottom; transition: all 0.5s; background-color: rgba(18, 18, 18, 0.90); } .overlay-style1 { position: absolute; top: 0; left: -100%; bottom: 0; width: 100%; opacity: 0; transform-origin: top; transform-style: preserve-3d; transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22); z-index: 1; } .overlay-style1.bg1 { background-color: rgba(0, 0, 0, 0.70); } .overlay-style2 { position: absolute; top: 20px; left: 20px; bottom: 20px; right: 20px; opacity: 0; background-color: rgba(0, 0, 0, 0.70); transform: skew(0deg, 0deg) scale(1.2, 1.2); transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22); z-index: 1; } .review-box { position: relative; display: block; overflow: hidden; line-height: 16px; } .review-box ul { display: block; overflow: hidden; } .review-box ul li { display: inline-block; float: left; margin-right: 3px; } .review-box ul li:last-child { margin-right: 0px; } .review-box ul li i { color: #f6d000; font-size: 18px; } .social-links-style1 { position: relative; display: block; overflow: hidden; } .social-links-style1 li { position: relative; display: inline-block; float: left; margin-right: 30px; } .social-links-style1 li:last-child { margin-right: 0px; } .social-links-style1 li a i { position: relative; display: block; color: #777777; font-size: 20px; font-weight: 400; transition: all 500ms ease; } .social-links-style1 li a:hover i { color: #ffffff; } .sociallinks-style-two { position: relative; display: block; overflow: hidden; margin: 7px 0 8px; } .sociallinks-style-two li { position: relative; display: inline-block; float: left; margin-right: 25px; } .sociallinks-style-two li:last-child { margin-right: 0px; } .sociallinks-style-two li a i { position: relative; display: block; color: #ffffff; font-size: 16px; transition: all 500ms ease 0s; } .sociallinks-style-two li a:hover i { color: #e4b33d; } /* Update header Style */ @keyframes menu_sticky { 0% { margin-top: -90px; } 50% { margin-top: -74px; } 100% { margin-top: 0; } } /*** ======================================== Mobile Menu ======================================== ***/ .nav-outer .mobile-nav-toggler { position: relative; display: none; float: right; cursor: pointer; padding: 30px 0; } .nav-outer.style1 .mobile-nav-toggler { padding: 15px 0 15px; } .nav-outer.style2 .mobile-nav-toggler { padding: 10px 0; } .nav-outer.style3 .mobile-nav-toggler { padding: 45px 0; } .nav-outer .mobile-nav-toggler .inner { position: relative; display: block; padding: 3px 5px; } .mobile-menu { position: fixed; top: 0; right: 0; width: 300px; max-width: 100%; height: 100%; padding-right: 30px; opacity: 0; visibility: hidden; z-index: 999999; } .mobile-menu .menu-backdrop { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background-color: rgba(9, 16, 32, 0.90); -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; z-index: 1; } .mobile-menu-visible .mobile-menu .menu-backdrop { opacity: 0.70; visibility: visible; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .mobile-menu .mCSB_inside>.mCSB_container { margin-right: 5px; } .mobile-menu .navbar-collapse { display: block !important; } .mobile-menu .nav-logo { position: relative; padding: 30px 25px; text-align: left; } .mobile-menu .nav-logo a { position: relative; display: inline-block; } .mobile-menu-visible { overflow: hidden; } .mobile-menu-visible .mobile-menu { opacity: 1; visibility: visible; } .mobile-menu .menu-box { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; background: #000000; padding: 0px 0px; z-index: 5; opacity: 0; visibility: hidden; border-radius: 0px; -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); } .mobile-menu-visible .mobile-menu .menu-box { opacity: 1; visibility: visible; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .mobile-menu .close-btn { position: absolute; top: 10px; right: 10px; color: #ffffff; font-size: 30px; line-height: 30px; width: 30px; text-align: center; cursor: pointer; z-index: 10; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -ms-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; } .mobile-menu-visible .mobile-menu .close-btn { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .mobile-menu .close-btn:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .mobile-menu .navigation { position: relative; display: block; width: 100%; float: none; } .mobile-menu .navigation li { position: relative; display: block; border-top: 1px solid rgba(255, 255, 255, 0.10); } .mobile-menu .navigation:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.10); } .mobile-menu .navigation li>ul>li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.10); } .mobile-menu .navigation li>a { position: relative; display: block; padding: 10px 25px; color: #ffffff; font-size: 15px; line-height: 24px; font-weight: 600; text-transform: uppercase; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .navigation li>a:before { content: ''; position: absolute; left: 0; top: 0; height: 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .navigation li.current>a:before { height: 100%; } .mobile-menu .navigation li ul li>a { font-size: 15px; font-weight: 400; margin-left: 20px; text-transform: capitalize; } .mobile-menu .navigation li.dropdown .dropdown-btn { position: absolute; top: 6px; right: 6px; width: 32px; height: 32px; text-align: center; color: #ffffff; font-size: 16px; line-height: 32px; background: rgba(255, 255, 255, 0.10); cursor: pointer; border-radius: 2px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; z-index: 5; } .mobile-menu .navigation li.dropdown .dropdown-btn.open { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .mobile-menu .navigation li>ul, .mobile-menu .navigation li>ul>li>ul, .mobile-menu .navigation>li.dropdown>.megamenu { display: none; } .mobile-menu .social-links { position: relative; text-align: center; padding: 30px 25px; } .mobile-menu .social-links li { position: relative; display: inline-block; margin: 0px 5px 10px; } .mobile-menu .social-links li a { position: relative; color: #ffffff; font-size: 20px; line-height: 32px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } /** xs sidebar **/ .xs-sidebar-group .xs-overlay { left: 0%; top: 0; position: fixed; height: 100%; opacity: 0; width: 100%; visibility: hidden; -webkit-transition: all .4s ease-in .8s; -o-transition: all .4s ease-in .8s; transition: all .4s ease-in .8s; cursor: url(../images/icon/cross-out.png), pointer; z-index: 999; } .xs-sidebar-group.isActive .xs-overlay { opacity: .8; visibility: visible; -webkit-transition: all .8s ease-out 0s; -o-transition: all .8s ease-out 0s; transition: all .8s ease-out 0s; right: 100%; } .xs-sidebar-group .widget-heading { position: absolute; top: 0; right: 0; padding: 25px; } .xs-sidebar-group .widget-heading a { position: relative; display: inline-block; width: 30px; height: 30px; line-height: 26px; text-align: center; border: 2px solid #fff; border-radius: 50%; color: #fff; font-size: 16px; font-weight: 400; } .xs-sidebar-group .widget-heading a:hover { color: var(--thm-primary); border-color: var(--thm-primary); } .xs-sidebar-widget { position: fixed; left: -100%; top: 0; bottom: 0; width: 100%; max-width: 360px; z-index: 999999; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; visibility: hidden; opacity: 0; } .xs-sidebar-group.isActive .xs-sidebar-widget { opacity: 1; visibility: visible; left: 0; background-color: #21293b; -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s; -o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s; transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s; } .sidebar-textwidget { padding: 70px 30px; } .sidebar-widget-container { position: relative; top: 150px; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-in .3s; -o-transition: all .3s ease-in .3s; transition: all .3s ease-in .3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .xs-sidebar-group.isActive .sidebar-widget-container { top: 0px; opacity: 1; visibility: visible; -webkit-transition: all 1s ease-out 1.2s; -o-transition: all 1s ease-out 1.2s; transition: all 1s ease-out 1.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .xs-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: .8; z-index: 0; } .xs-bg-black { background-color: #000000; } .xs-sidebar-group .content-inner .logo { position: relative; max-width: 172px; width: 100%; margin-bottom: 30px; } .xs-sidebar-group .content-inner h4 { position: relative; display: block; font-size: 20px; line-height: 30px; color: #fff; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; } .xs-sidebar-group .content-inner .content-box { margin-bottom: 30px; padding-right: 15px; } .xs-sidebar-group .content-inner .content-box p { color: #ffffff; } .xs-sidebar-group .content-inner .form-inner .form-group { position: relative; margin-bottom: 20px; } .xs-sidebar-group .content-inner .form-inner .form-group:last-child { margin-bottom: 0px; } .xs-sidebar-group .content-inner .form-inner .form-group input[type='text'], .xs-sidebar-group .content-inner .form-inner .form-group input[type='email'], .xs-sidebar-group .content-inner .form-inner .form-group textarea { position: relative; display: block; width: 100%; height: 50px; font-size: 15px; padding: 10px 20px; color: #848484; transition: all 500ms ease; } .xs-sidebar-group .content-inner .form-inner .form-group .theme-btn-one {} .xs-sidebar-group .content-inner .form-inner .form-group .theme-btn-one:hover {} .xs-sidebar-group .content-inner .form-inner .form-group textarea { resize: none; height: 120px; } .xs-sidebar-group .content-inner .form-inner .form-group input:focus, .xs-sidebar-group .content-inner .form-inner .form-group textarea:focus { border-color: #00224f; } .sec-title { position: relative; display: block; margin-top: -4px; padding-bottom: 10px; } .sec-title .sub-title { position: relative; display: block; margin-top: 30px; padding-bottom: 11px; } .sec-title .sub-title.martop0 { margin-top: 0; } .sec-title .sub-title .inner { position: relative; display: inline-block; z-index: 1; } .sec-title .sub-title .inner h3 { color: var(--thm-primary); font-size: 22px; line-height: 1.4em; font-weight: 400; font-family: pony-tale; } .sec-title .sub-title .outer { position: absolute; top: -25px; left: 0; right: 0; text-align: center; } .sec-title h2 { font-size: 48px; line-height: 1.3em; font-weight: 800; text-transform: none; } /*** ============================================= Mission And Goals Area Css ============================================= ***/ .mission-and-goals-area { position: relative; display: block; background: #ffffff; padding: 120px 0 120px; } .mission-goals-content { position: relative; display: block; min-height: 575px; z-index: 1; } .mission-goals-content .thm-shape1 { position: absolute; bottom: -20px; left: -170px; z-index: -1; } .mission-goals-content .thm-shape1 img { opacity: 0.08; } .mission-goals-content .thm-shape2 { position: absolute; top: -10px; right: -30px; } .mission-goals-image-box { position: absolute; top: 0; left: 0; bottom: 0; max-width: 585px; width: 100%; overflow: hidden; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; background-repeat: no-repeat; } .mission-goals-image-box::after { position: absolute; top: 0; left: -100%; display: block; content: ''; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .3) 100%); transform: skewX(25deg); z-index: 2; } .mission-goals-image-box:hover::after { -webkit-animation: shine 1.5s; animation: shine 1.5s; } .mission-goals-image-box img { width: 100%; } .mission-goals-content .text-holder { position: absolute; top: 60px; right: 0; bottom: 60px; max-width: 640px; width: 100%; background: #ffffff; padding: 53px 60px 63px; box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06); z-index: 3; } .mission-goals-content .text-holder .top { position: relative; display: flex; align-items: center; } .mission-goals-content .text-holder .top .icon { width: 70px; } .mission-goals-content .text-holder .top .title { position: relative; display: block; } .mission-goals-content .text-holder .top .title h3 { font-size: 24px; line-height: 34px; font-weight: 600; } .mission-goals-content .text-holder .text { position: relative; display: block; padding: 22px 0 26px; } .mission-goals-content .text-holder ul { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mission-goals-content .text-holder ul li { position: relative; width: 100%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; text-align: center; border-right: 1px solid #e3e9f4; } .mission-goals-content .text-holder ul li:last-child { border-right: none; } .mission-goals-content .text-holder ul li .icon { position: relative; display: block; padding-bottom: 10px; z-index: 1; } .mission-goals-content .text-holder ul li .icon .shape { position: absolute; left: 0; bottom: 0; right: 0; text-align: center; z-index: -1; } .mission-goals-content .text-holder ul li .icon span { position: relative; display: block; } .mission-goals-content .text-holder ul li .icon span::before { color: var(--thm-primary); font-size: 60px; line-height: 60px; } .mission-goals-content .text-holder ul li.style2 .icon span::before { color: var(--thm-color-2); } .mission-goals-content .text-holder ul li.style3 .icon span::before { color: var(--thm-color-3); } .mission-goals-content .text-holder ul li .title { position: relative; display: block; padding-top: 15px; } .mission-goals-content .text-holder ul li .title h3 { font-size: 18px; line-height: 26px; font-weight: 500; } /*** ============================================= Donate Form Area Css ============================================= ***/ .donate-form-area { position: relative; display: block; background: var(--thm-primary); padding: 100px 0 100px; z-index: 1; } .donate-form-area_bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-repeat: no-repeat; background-position: bottom center; background-size: cover; z-index: -1; } .donate-form-area .auto-container { max-width: 1280px; } .donate-form_box { position: relative; display: flex; align-items: center; } .donate-form_box .title { position: relative; display: block; width: 32%; } .donate-form_box .title h2 { color: #ffffff; font-size: 48px; line-height: 44px; font-weight: 800; margin: 0 0 9px; } .donate-form_box .title p { color: #ffffff; font-size: 18px; margin: 0; } .donate-form { position: relative; display: block; width: 68%; } .donate-form ul { position: relative; display: block; padding-right: 230px; } .donate-form ul li { position: relative; display: block; float: left; width: 100%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; border-right: 1px solid #e3e9f4; } .donate-form ul li:last-child { border-right: none; } .donate-form .bootstrap-select { position: relative; display: block; width: 100% !important; height: 75px; } .donate-form .bootstrap-select>.dropdown-toggle { position: relative; display: block; outline: none !important; border-radius: 0px; border: 0px solid #cccccc; background-color: #ffffff !important; max-width: 100%; width: 100%; height: 75px; margin: 0; padding: 0; padding-left: 30px; padding-right: 30px; color: #666666 !important; font-size: 16px; line-height: 75px; font-weight: 400; letter-spacing: normal; text-transform: capitalize; box-shadow: none !important; font-family: var(--thm-font); } .donate-form .left .bootstrap-select>.dropdown-toggle { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .donate-form .right .bootstrap-select>.dropdown-toggle { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .donate-form .bootstrap-select .dropdown-toggle:focus { outline: none !important; } .donate-form .bootstrap-select .dropdown-toggle .filter-option-inner { padding-right: initial !important; } .donate-form .bootstrap-select .dropdown-menu li a span.text { display: inline-block; margin: 0; } .donate-form .bootstrap-select>.dropdown-toggle::after { position: absolute; top: 50%; right: 20px; width: auto; height: auto; font-family: 'FontAwesome'; content: '\f107'; color: #83888d; font-size: 16px; transform: translateY(-50%); margin: 0; border: none; } .donate-form .bootstrap-select .dropdown-menu { margin: 0; padding: 0; border-radius: 0; border: 0px solid #ddd; background: #f2f2f2; font-size: 16px; color: #000000; z-index: 999999; } .donate-form .bootstrap-select .dropdown-menu li { position: relative; border-bottom: 1px solid #d7d7d7; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .donate-form .dropdown-item { display: block; width: 100%; padding: 9px 20px 9px; color: #222222; font-size: 14px; font-weight: 400; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; border-radius: 0; transition: all 500ms ease; font-family: var(--thm-font); } .donate-form .dropdown-item.active, .donate-form .dropdown-item:active { color: var(--thm-primary); } .donate-form .dropdown-item:hover { color: var(--thm-primary); } .donate-form .button-box { position: absolute; top: 0; right: 0; width: 220px; } .donate-form .button-box .btn-one { display: block; width: 100%; line-height: 75px; } /*** ============================================= Ongoing Projects Area Css ============================================= ***/ .ongoing-projects-area { position: relative; display: block; background: #ffffff; padding: 0 0 95px; } .ongoing-projects_content { position: relative; display: block; } .ongoing-projects_content ul { position: relative; display: flex; align-items: center; justify-content: center; } .single-ongoing-project { position: relative; display: flex; align-items: center; flex-direction: column; justify-content: center; flex-wrap: wrap; background: #eef1f7; width: 263px; height: 263px; border-radius: 50%; margin-right: 30px; margin-bottom: 25px; z-index: 1; } .single-ongoing-project:last-child { margin-right: 0; } .single-ongoing-project .overly-bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 50%; z-index: -1; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; opacity: 0; -webkit-transform: perspective(400px) scale(0.5); -ms-transform: perspective(400px) scale(0.5); transform: perspective(400px) scale(0.5); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .single-ongoing-project:hover .overly-bg { opacity: 1.0; -webkit-transform: perspective(400px) scale(1); -ms-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); } .single-ongoing-project .overly-bg::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ""; border-radius: 50%; background: #7e7d7d; } .single-ongoing-project .icon { position: relative; display: block; margin-bottom: 23px; } .single-ongoing-project .icon img { width: auto; } .single-ongoing-project h4 { font-size: 9.5px; line-height: 26px; font-weight: 600; text-transform: uppercase; transition: all 200ms linear; transition-delay: 0.1s; } .single-ongoing-project:hover h4 { color: #ffffff; } /*** ============================================= Mission Vision Area style ============================================= ***/ .mission-vision-area { position: relative; display: block; background: #ffffff; padding: 120px 0 110px; z-index: 1; } .mission-vision-area_bg { position: absolute; top: 120px; left: 0; width: 100%; height: 100%; background-attachment: scroll; background-repeat: no-repeat; background-position: center bottom; background-size: cover; z-index: -1; } .mission-vision-tabs { position: relative; display: block; background-color: #ffffff; } .mission-vision-tabs .shape1 { position: absolute; top: -100px; right: -200px; -webkit-animation: animation1 5s ease-in infinite; animation: animation1 5s ease-in infinite; } .mission-vision-tabs .tab-button-column { position: relative; display: block; text-align: center; line-height: 0; } .mission-vision-tabs .tab-buttons { position: relative; display: inline-block; } .mission-vision-tabs .tab-buttons .tab-btn { position: relative; display: inline-block; width: 220px; height: 60px; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #d53f34; cursor: pointer; color: #ffffff; font-size: 18px; line-height: 60px; font-weight: 600; text-align: center; transition: all 300ms ease; margin-right: 10px; } .mission-vision-tabs .tab-buttons .tab-btn.style2 { background: var(--thm-color-3); } .mission-vision-tabs .tab-buttons .tab-btn.style3 { background: var(--thm-color-2); } .mission-vision-tabs .tab-buttons .tab-btn.style4 { background: var(--thm-color-4); } .mission-vision-tabs .tab-buttons .tab-btn:last-child { margin-right: 0; } .mission-vision-tabs .tab-buttons .tab-btn.style2:before { border-top: 15px solid var(--thm-color-3); } .mission-vision-tabs .tab-buttons .tab-btn.style3:before { border-top: 15px solid var(--thm-color-2); } .mission-vision-tabs .tab-buttons .tab-btn.style4:before { border-top: 15px solid var(--thm-color-4); } .mission-vision-tabs .tab-buttons .tab-btn:before { content: ""; position: absolute; left: 0; bottom: -15px; right: 0; width: 30px; height: 15px; margin: 0 auto; border-top: 15px solid var(--thm-primary); border-left: 15px solid transparent; border-right: 15px solid transparent; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform: perspective(400px) rotateX(-90deg); -ms-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; } .mission-vision-tabs .tab-buttons .tab-btn:hover:before, .mission-vision-tabs .tab-buttons .tab-btn.active-btn:before { opacity: 1.0; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } .mission-vision-content-column { position: relative; display: block; } .mission-vision-tabs .tabs-content { position: relative; display: block; box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06); padding: 65px 65px 65px; } .mission-vision-tabs .tabs-content .tab { position: relative; display: none; -webkit-transform: translateY(35px); -ms-transform: translateY(35px); transform: translateY(35px); -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; z-index: 10; } .mission-vision-tabs .tabs-content .tab.active-tab { display: block; margin-top: 0px; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .mission-vision-image-box1 { position: relative; display: block; } .mission-vision-image-box1 img { width: 100%; } .mission-vision-content-box1 { position: relative; display: block; padding-left: 30px; } .mission-vision-content-box1 h2 { font-size: 30px; line-height: 40px; font-weight: 600; margin-bottom: 13px; } .mission-vision-content-box1 p { margin: 0; } .mission-vision-content-box1 ul { position: relative; display: block; overflow: hidden; margin-top: 22px; margin-bottom: 36px; } .mission-vision-content-box1 ul li { position: relative; display: block; color: var(--thm-black); font-size: 16px; line-height: 32px; font-weight: 600; } .mission-vision-content-box1 ul li span { color: var(--thm-color-2); font-size: 15px; padding-right: 15px; } .mission-vision-content-box1 .btn-box { position: relative; display: block; } .mission-vision-content-box1 .btn-box .btn-one { background: transparent; border: 1px solid var(--thm-black); color: var(--thm-black); } .mission-vision-content-box1 .btn-box .btn-one:hover { color: #ffffff; } .mission-vision-content-box1 .btn-box .btn-one .txt i.arrow1 { color: var(--thm-color-5); } /*** ============================================= Mission Vision Area style2 ============================================= ***/ .mission-vision-style2-area { position: relative; display: block; background: #eef1f7; } .mission-vision-style2-area .container-fluid { padding-left: 0; padding-right: 0; } .mission-vision-style2-area .row { margin-left: 0px; margin-right: 0px; } .mission-vision-style2-area .row [class*=col-] { padding-left: 0px; padding-right: 0px; } .mission-vision-style2-img { position: relative; display: block; width: 100%; height: 100%; background-attachment: scroll; background-repeat: no-repeat; background-position: left top; background-size: cover; } .mission-vision-style2-content-box { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 120px 0; padding-left: 30px; overflow: hidden; } .mission-vision-style2-content-box_bg { position: absolute; top: -50px; left: -50px; bottom: -50px; right: -50px; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center top; } .mission-vision-style2-content-box .inner { position: relative; display: block; max-width: 620px; width: 100%; } .mission-vision-style2-content-box .inner .sec-title { padding-bottom: 50px; } .mission-vision-style2-tabs { position: relative; display: block; } .mission-vision-style2-tabs .tab-button-column { position: relative; display: block; padding-bottom: 29px; } .mission-vision-style2-tabs .tab-button-column .tab-buttons { position: relative; display: inline-block; } .mission-vision-style2-tabs li { position: relative; display: inline-block; float: left; color: rgba(47, 58, 81, 0.6); font-size: 22px; font-weight: 500; margin-right: 35px; cursor: pointer; padding-bottom: 18px; transition: all 200ms linear; transition-delay: 0.1s; } .mission-vision-style2-tabs li:hover, .mission-vision-style2-tabs li.active-btn { color: var(--thm-primary); } .mission-vision-style2-tabs li::before { position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #c8d0df; content: ""; transition: all 200ms linear; transition-delay: 0.1s; } .mission-vision-style2-tabs li:hover:before { background: var(--thm-color-2); } .mission-vision-style2-tabs li.active-btn:before { background: var(--thm-color-2); } .mission-vision-style2-tabs li:last-child { margin-right: 0; } .mission-vision-content-column-style2 { position: relative; display: block; } .mission-vision-content-column-style2 .tabs-content { position: relative; display: block; } .mission-vision-style2-tabs .tabs-content .tab { position: relative; display: none; -webkit-transform: translateY(35px); -ms-transform: translateY(35px); transform: translateY(35px); -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; z-index: 10; } .mission-vision-style2-tabs .tabs-content .tab.active-tab { position: relative; display: block; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .mission-vision-tab-content-style2 { position: relative; display: block; } .mission-vision-tab-content-style2 p { color: #555555; font-size: 16px; line-height: 28px; font-weight: 400; margin: 0; } .mission-vision-tab-content-style2 .btn-box { position: relative; display: block; padding-top: 32px; } .mission-vision-tab-content-style2 .btn-box a.btn-one { background: var(--thm-color-5); } /*** ============================================= Planning Programs Area style ============================================= ***/ .planning-programs-area { position: relative; display: block; background: #eef1f7; padding: 120px 0 120px; z-index: 1; } .planning-programs-area_bg { position: absolute; top: 0px; left: 0; bottom: 0; right: 0%; background-attachment: scroll; background-repeat: repeat-x; background-position: center bottom; background-size: cover; z-index: -1; opacity: 0.80; -webkit-animation: bgSlideReverse2 20s linear infinite; animation: bgSlideReverse2 20s linear infinite; } .single-planning-programs { position: relative; display: block; } .single-planning-programs .img-holder { position: relative; display: block; } .single-planning-programs .img-holder .inner { position: relative; display: block; } .single-planning-programs .img-holder .inner::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.8); transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; transform-origin: bottom; transform-style: preserve-3d; transform: scaleY(0); z-index: 2; content: ""; } .single-planning-programs:hover .img-holder .inner::before { transform: scaleY(1.0); } .single-planning-programs .img-holder .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; text-align: center; justify-content: center; opacity: 0; transform: scale(0.6); transition: all 500ms linear; transition-delay: 0.1s; z-index: 3; } .single-planning-programs:hover .img-holder .overlay { opacity: 1.0; transform: scale(1.0); } .single-planning-programs .img-holder .overlay img { width: auto; } .single-planning-programs .img-holder .inner .icon-box { position: absolute; left: 0; bottom: 0; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; text-align: center; background: #ffffff; transition: all 400ms linear; transition-delay: 0.1s; } .single-planning-programs:hover .img-holder .inner .icon-box { transform: scale(0); } .single-planning-programs .img-holder .inner .icon-box img { width: auto; } .single-planning-programs .text-holder { position: relative; display: block; margin-top: 37px; } .single-planning-programs .text-holder h2 { font-size: 22px; line-height: 32px; font-weight: 700; margin-bottom: 9px; } .single-planning-programs .text-holder h2 a { color: var(--thm-black); } .single-planning-programs .text-holder p { margin: 0; } .planning-programs-carousel.owl-nav-style-one.owl-theme .owl-stage-outer { padding-bottom: 52px; } .planning-programs-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {} /*** ============================================= Causes Gallery Area style ============================================= ***/ .causes-gallery-area { position: relative; display: block; background: #ffffff; padding: 120px 0 90px; } .causes-gallery-block1 { position: relative; display: block; margin-bottom: 30px; } .causes-gallery-block1 .img-holder { position: relative; display: block; overflow: hidden; } .causes-gallery-block1 .img-holder::before { position: absolute; content: ""; bottom: 0; left: 0; right: 0; height: 100%; background: rgba(0, 0, 0, 0.8); opacity: 0; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; opacity: 1; transform-origin: bottom; transform-style: preserve-3d; transform: scaleY(0); z-index: 1; } .causes-gallery-block1:hover .img-holder::before { opacity: 1; transform: scaleY(1.0); } .causes-gallery-block1 .img-holder>img { width: 100%; } .causes-gallery-block1 .img-holder .shape { position: absolute; top: -12px; left: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; opacity: 0; transform: scale(0.6); transition: all 500ms linear; transition-delay: 0.1s; z-index: 3; } .causes-gallery-block1:hover .img-holder .shape { transform: scaleY(1.0); opacity: 1; } .causes-gallery-block1 .img-holder .overlay-icon { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 3; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; opacity: 0; transform: scale(0.6); transition: all 500ms linear; transition-delay: 0.1s; } .causes-gallery-block1:hover .img-holder .overlay-icon { transform: scaleY(1.0); opacity: 1; } .causes-gallery-block1 .img-holder .overlay-icon a { position: relative; display: inline-block; } .causes-gallery-block1 .img-holder .overlay-icon a span { color: #ffffff; font-size: 30px; line-height: 30px; } /*** ============================================= Support Green Area Css ============================================= ***/ .support-green-area { position: relative; display: block; background: #ffffff; padding-top: 120px; } .support-green-box1 { position: relative; display: block; max-width: 420px; width: 100%; z-index: 10; } .support-green-box1_bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: -1; } .support-green-box1 .single-cause-style1 .text-holder { background: transparent; border: 1px solid transparent; padding: 63px 40px 70px; } .support-green-box1 .single-cause-style1 .text-holder::before { display: none; } .support-green-box1 .single-cause-style1 .text-holder h3 { color: #ffffff; font-size: 30px; line-height: 34px; font-weight: 700; margin: 0 0 11px; } .support-green-box1 .single-cause-style1 .text-holder p { color: #ffffff; margin: 0; } .support-green-box1 .progress-levels-style2 { border-top: 1px dashed rgba(255, 255, 255, .3); margin-top: 42px; padding-top: 40px; } .support-green-box1 .progress-levels .progress-box .bar .bar-innner { background: #741ea6; } .support-green-box1 .progress-levels-style2 .bottom-box { margin-bottom: 50px; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px dashed rgba(255, 255, 255, .3); } .support-green-box1 .progress-levels-style2 .bottom-box .rate-box { text-align: left; } .support-green-box1 .progress-levels-style2 .progress-box .count-text { color: #ffffff; } .support-green-box1 .progress-levels-style2 .progress-box .percent { color: #ffffff; } .support-green-box1 .single-cause-style1 .text-holder .btns-box a { color: #ffffff; text-align: center; display: block; background: var(--thm-color-4); } .support-green-box1 .single-cause-style1 .text-holder .btns-box a.btn-one .txt i.arrow1 { color: #ffffff; } .support-green-box2 { position: relative; display: block; padding-top: 30px; padding-left: 23px; } .support-green-box2 .image1 { position: absolute; top: 0; right: 0; } .support-green-box2 .image2 { position: absolute; bottom: 40px; right: -100px; } .support-green-box2 .image2 .shape { position: absolute; top: -64px; left: -64px; bottom: -64px; right: -64px; } .support-green-box2 .sec-title { padding-bottom: 28px; } .support-green-box2 .inner-box { position: relative; display: block; } .support-green-box2 .inner-box ul { position: relative; display: block; padding: 9px 0 42px; } .support-green-box2 .inner-box ul li { position: relative; display: block; padding-left: 30px; color: #222222; font-size: 16px; line-height: 26px; font-weight: 500; } .support-green-box2 .inner-box ul li+li { margin-top: 9px; } .support-green-box2 .inner-box ul li:before { content: "\f00c"; font-family: FontAwesome; position: absolute; left: 0; color: var(--thm-color-2); } .support-green-box2 .inner-box .btns-box { position: relative; display: block; } .support-green-box2 .inner-box .btns-box a { color: #ffffff; background: var(--thm-primary); margin: 0; } /*** ============================================= Serving Map Area Css ============================================= ***/ .serving-map-area { position: relative; display: block; padding: 120px 0 120px; } .serving-map_content { position: relative; display: block; } .serving-map_content .shape1 { position: absolute; top: 40%; left: 10%; } .serving-map_content .shape2 { position: absolute; top: 0%; left: 0%; right: 0; text-align: center; } .serving-map_content .shape3 { position: absolute; left: 40%; bottom: 10%; } .serving-map_content .shape4 { position: absolute; top: 30%; right: 6%; } .serving-map_content .inner-map-box { position: relative; display: block; max-width: 1124px; width: 100%; margin: 0 auto; } .single-serving-box { position: absolute; top: 25%; left: 23%; width: 8px; height: 8px; background: var(--thm-primary); border-radius: 50%; cursor: pointer; -webkit-animation-delay: .7s; animation-delay: .7s; } .single-serving-box.bg2 { background: var(--thm-color-2); } .single-serving-box.bg3 { background: var(--thm-color-5); } .single-serving-box.bg4 { background: var(--thm-color-3); } .single-serving-box.two { top: 37%; left: 27%; } .single-serving-box.three { top: 63%; left: 32%; } .single-serving-box.four { top: 68%; left: 36%; } .single-serving-box.five { top: 78%; left: 33%; } .single-serving-box.six { top: 30%; left: 32%; } .single-serving-box.seven { position: absolute; top: 24%; left: 50%; } .single-serving-box.eight { position: absolute; top: 57%; left: 51%; } .single-serving-box.nine { position: absolute; top: 62%; left: 55%; } .single-serving-box.ten { position: absolute; top: 76%; left: 53%; } .single-serving-box.eleven { position: absolute; top: 32%; left: 54%; } .single-serving-box.twelve { position: absolute; top: 22%; left: 58%; } .single-serving-box.thirteen { position: absolute; top: 30%; left: 65%; } .single-serving-box.forteen { position: absolute; top: 46%; left: 68%; } .single-serving-box.fifteen { position: absolute; top: 13%; left: 70%; } .single-serving-box.sixteen { position: absolute; top: 25%; left: 75%; } .single-serving-box.seventeen { position: absolute; top: 38%; left: 73%; } .single-serving-box.eighteen { position: absolute; top: 18%; left: 82%; } .single-serving-box.nineteen { position: absolute; top: 82%; left: 81%; } .single-serving-box.twenty { position: absolute; top: 76%; left: 77%; } .single-serving-box:before { content: ""; position: absolute; top: -5px; left: -5px; bottom: -5px; right: -5px; border-radius: 50%; -webkit-box-shadow: 0 0 0 0 #222222; -ms-box-shadow: 0 0 0 0 #222222; -o-box-shadow: 0 0 0 0 #222222; box-shadow: 0 0 0 0 #222222; -webkit-animation: ripple 1s infinite; animation: ripple 3s infinite; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .single-serving-box:after { content: ""; position: absolute; top: -4px; left: -4px; bottom: -4px; right: -4px; border: 4px solid #ffffff; border-radius: 50%; box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.5); transform: scale(0); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .single-serving-box:hover:after { transform: scale(1.0); } @-webkit-keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 20px rgba(244, 68, 56, .0); box-shadow: 0 0 0 20px rgba(244, 68, 56, .0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0); box-shadow: 0 0 0 0 rgba(244, 68, 56, .0); } } @keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 20px rgba(244, 68, 56, .0); box-shadow: 0 0 0 20px rgba(244, 68, 56, .0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0); box-shadow: 0 0 0 0 rgba(244, 68, 56, .0); } } .single-serving-box .content { position: relative; display: flex; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 300px; bottom: 24px; left: -179px; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-transform: translateY(-110%); -ms-transform: translateY(-110%); transform: translateY(-110%); background-color: #fff; border-radius: 0px; opacity: 0; z-index: 9; pointer-events: none; } .single-serving-box .content:before { position: absolute; content: ''; left: 168px; bottom: -26px; border: 15px solid transparent; border-top: 12px solid var(--thm-primary); } .single-serving-box:hover .content { opacity: 1; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .single-serving-box .content .img-box { width: 85px; } .single-serving-box .content .text-box { position: relative; display: block; background: var(--thm-primary); padding: 12px 20px 13px; } .single-serving-box .content .text-box p { color: #ffffff; font-size: 14px; line-height: 20px; font-weight: 600; margin: 0; } /*** ============================================= Serving Map Area Style2 Css ============================================= ***/ .serving-map-area-style2 { position: relative; display: block; padding: 0px 0 120px; z-index: 1; } .serving-map-area-style2_bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-repeat: no-repeat; background-position: bottom right; background-size: auto; opacity: 0.07; z-index: -1; } /*** ============================================= Newsletter Area Css ============================================= ***/ .newsletter-area { position: relative; display: block; min-height: 735px; background: #f3f3f4; } .newsletter-image-box { position: absolute; top: 0; left: 0; bottom: 0; width: 50%; padding-top: 145px; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; } .newsletter-style1-content { position: relative; display: block; max-width: 570px; width: 100%; float: right; padding-top: 264px; margin-right: -15px; } .newsletter-style1-content .sec-title { padding-bottom: 46px; } .newsletter-style1-content .inner { position: relative; display: block; margin-bottom: 43px; } .newsletter-style1-content .inner h3 { color: #777777; font-size: 18px; line-height: 30px; font-weight: 400; } .subscribe-box { position: relative; display: block; width: 100%; } .subscribe-form { position: relative; display: block; width: 100%; } .subscribe-form input[type="email"] { position: relative; display: block; padding-left: 29px; padding-right: 20px; max-width: 570px; width: 100%; height: 60px; background: #ffffff; border: 2px solid #dcdbdc; color: #777777; font-size: 14px; font-weight: 400; font-style: normal; transition: all 500ms ease; font-family: 'Open Sans', sans-serif; } .subscribe-form input::-webkit-input-placeholder { color: #77706d; } .subscribe-form input:-moz-placeholder { color: #77706d; } .subscribe-form input::-moz-placeholder { color: #77706d; } .subscribe-form input:-ms-input-placeholder { color: #77706d; } .subscribe-form button { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 60px; line-height: 60px; transition: all 300ms ease 100ms; font-size: 20px; padding: 0; } .subscribe-box p { font-size: 14px; margin: 20px 0 0; } .subscribe-box p .dot { position: relative; display: inline-block; width: 10px; height: 10px; background: #21031a; border-radius: 50%; margin-right: 15px; } .comments-box-one { position: relative; display: block; padding-top: 74px; } .comments-box-one .title { position: relative; display: block; padding-bottom: 36px; } .comments-box-one .title h2 { color: #222222; font-size: 36px; line-height: 40px; font-weight: 800; text-transform: none; } .comments-box-one .inner { position: relative; display: block; } .single-comments-box { position: relative; display: block; padding-left: 80px; min-height: 80px; border-bottom: 1px solid #e3e9f4; padding-bottom: 32px; margin-bottom: 40px; } .single-comments-box .img_box { position: absolute; top: 2px; left: 0; width: 80px; height: 80px; } .single-comments-box .img_box .inner { position: relative; display: block; overflow: hidden; } .single-comments-box .img_box .inner img { width: 100%; } .single-comments-box .text_box { position: relative; display: block; padding-left: 30px; } .single-comments-box .text_box .inner { position: relative; display: block; } .single-comments-box .text_box .inner .top { position: relative; display: flex; justify-content: space-between; align-items: center; flex-direction: row; flex-wrap: wrap; overflow: hidden; padding-bottom: 8px; } .single-comments-box .text_box .inner .top .left { position: relative; display: block; } .single-comments-box .text_box .inner .top .left h4 { color: #222222; font-size: 18px; line-height: 20px; font-weight: 700; text-transform: capitalize; margin: 0 0 1px; } .single-comments-box .text_box .inner .top .left span { color: #222222; font-size: 14px; } .single-comments-box .text_box .inner .top .right { position: relative; display: block; } .single-comments-box .text_box .inner .top .right .btns-box { position: relative; display: block; } .single-comments-box .text_box .inner .top .right .btns-box a { color: #222222; font-size: 14px; background: #ffffff; border: 1px solid #2f3a51; line-height: 38px; padding-left: 15px; padding-right: 20px; transition: all 200ms linear; transition-delay: 0.1s; } .single-comments-box .text_box .inner .top .right .btns-box a:hover { color: #ffffff; border-color: var(--thm-primary); } .single-comments-box .text_box .inner .top .right .btns-box a.btn-one .txt i.arrow1 { top: 1px; font-size: 16px; padding-right: 10px; } .single-comments-box .text_box .inner .top .right .btns-box a.btn-one:before { background: var(--thm-primary); } .single-comments-box .text_box .inner .text { position: relative; display: block; } .single-comments-box .text_box .inner .text p { margin: 0; } .reply-form-box { position: relative; display: block; padding-top: 33px; } .reply-form-box .title { position: relative; display: block; padding-bottom: 43px; } .reply-form-box .title h2 { color: #222222; font-size: 36px; line-height: 40px; font-weight: 800; text-transform: none; } .reply-form-box form .input-box { position: relative; display: block; } .reply-form-box form .input-box .icon { position: absolute; top: 17px; right: 20px; font-size: 15px; color: var(--thm-color-3); } .reply-form-box form input[type="text"], .reply-form-box form input[type="email"], .reply-form-box form textarea { position: relative; display: block; background: #ffffff; width: 100%; height: 62px; border: 1px solid #e3e9f4; color: #666666; font-size: 16px; padding: 0 30px; margin-bottom: 20px; border-radius: 8px; transition: all 500ms ease; } .reply-form-box form textarea { height: 120px; padding: 10px 30px; margin-bottom: 40px; } .reply-form-box form button {} .reply-form-box form input[type="text"]:focus { border-color: #11161e; } .reply-form-box form input[type="email"]:focus { border-color: #11161e; } .reply-form-box form textarea:focus { border-color: #11161e; } /*** ============================================= Sidebar Css ============================================= ***/ .sidebar-content-box { position: relative; display: block; width: 100%; z-index: 2; } .sidebar-content-box:before { content: ""; position: absolute; padding:50px; background: #eef1f7; z-index: -1; } .single-sidebar-box { position: relative; display: block; margin-bottom: 60px; } .single-sidebar-box::before { position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #2f3a51; content: ""; z-index: 2; } .single-sidebar-box::after { position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; transform: scaleX(0); background: var(--thm-primary); content: ""; z-index: 2; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .single-sidebar-box:hover::after { transform: scaleX(1.0); } .single-sidebar-box.pdbtm0 { padding-bottom: 0; } .sidebar-author-box { position: relative; display: block; padding: 0px 20px 45px; z-index: 1; } .sidebar-author-box:before { content: ""; position: absolute; top: 75px; left: 0; bottom: 0; right: 0; background: #ffffff; z-index: -1; } .sidebar-author-box .img-holder { position: relative; display: block; width: 150px; height: 150px; margin: 0 auto 39px; } .sidebar-author-box .img-holder img { width: 100%; border-radius: 50%; } .sidebar-author-box .title-holder { position: relative; display: block; } .sidebar-author-box .title-holder h3 { color: var(--thm-black); font-size: 22px; line-height: 28px; font-weight: 800; text-transform: capitalize; margin: 0 0 11px; } .sidebar-author-box .title-holder p { color: #555555; font-size: 16px; line-height: 28px; font-weight: 400; margin: 0; } .sidebar-author-box .social-links { position: relative; display: block; overflow: hidden; margin-top: 30px; } .sidebar-author-box .social-links li { position: relative; display: inline-block; margin: 0 1px; } .sidebar-author-box .social-links li a { position: relative; display: inline-block; width: 35px; height: 35px; line-height: 33px; text-align: center; border-radius: 8px; background: #ffffff; border: 1px solid #e3e9f4; transition: all 200ms linear; transition-delay: 0.1s; } .sidebar-author-box .social-links li:hover a { color: #ffffff; background: var(--thm-color-2); border-color: var(--thm-color-2); } .sidebar-author-box .social-links li a i { color: var(--thm-black); font-size: 15px; transition: all 200ms linear; transition-delay: 0.1s; } .sidebar-author-box .social-links li:hover a i { color: #ffffff; } .single-sidebar-box .title { position: relative; display: block; margin-top: -7px; padding-bottom: 23px; } .single-sidebar-box .title h3 { color: var(--thm-black); font-size: 22px; line-height: 30px; font-weight: 800; text-transform: capitalize; } .single-sidebar_search_box { position: relative; display: block; padding: 45px 30px 45px; background: #ffffff; z-index: 1; } .sidebar-search-box { position: relative; display: block; } .sidebar-search-box form.search-form { position: relative; display: block; width: 100%; } .sidebar-search-box .search-form input[type="text"] { position: relative; display: block; width: 100%; height: 60px; background-color: #ffffff; border: 1px solid #e3e9f4; color: #666666; font-size: 16px; font-weight: 400; padding-left: 25px; padding-right: 65px; border-radius: 8px; transition: all 500ms ease 0s; } .sidebar-search-box .search-form button { position: absolute; top: 0px; right: 0px; width: 55px; height: 60px; font-size: 16px; line-height: 60px; background: var(--thm-primary); display: block; text-align: center; border-radius: 8px; border: 0px solid #e7e7e8; transition: all 500ms ease 0s; } .sidebar-search-box .search-form button i { font-size: 18px; color: #ffffff; } .sidebar-search-box .search-form input[type="text"]:focus { color: #000; } .sidebar-search-box .search-form input::-webkit-input-placeholder { color: #666666; } .sidebar-search-box .search-form input:-moz-placeholder { color: #666666; } .sidebar-search-box .search-form input::-moz-placeholder { color: #666666; } .sidebar-search-box .search-form input:-ms-input-placeholder { color: #666666; } .sidebar-categories { position: relative; display: block; background: #ffffff; padding: 45px 30px 35px; } .sidebar-categories-box { position: relative; display: block; overflow: hidden; margin-top: -7px; } .sidebar-categories-box li { position: relative; display: block; border-bottom: 1px solid #e3e9f4; padding-bottom: 10px; margin-bottom: 10px; } .sidebar-categories-box li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .sidebar-categories-box li a { position: relative; display: block; color: var(--thm-black); font-size: 16px; line-height: 36px; font-weight: 500; transition: all 500ms ease; transition: all 200ms linear; transition-delay: 0.1s; } .sidebar-categories-box li a i { position: relative; left: 1px; display: inline-block; padding-right: 15px; color: var(--thm-color-3); font-size: 15px; transition: all 200ms linear; transition-delay: 0.1s; } .sidebar-categories-box li:hover a i { color: var(--thm-primary); } .sidebar-slogan-box { position: relative; display: block; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center center; text-align: center; padding: 45px 30px 45px; } .single-sidebar-box .icon { position: relative; display: block; margin-bottom: 9px; } .single-sidebar-box p { color: #ffffff; font-size: 14px; line-height: 24px; font-weight: 500; margin: 0; } .single-sidebar-box h2 { color: #ffffff; font-size: 30px; line-height: 40px; font-weight: 800; margin-top: 5px; } .single-sidebar-box .btn-box { position: relative; display: block; padding-top: 111px; } .single-sidebar-box .btn-box .hand { position: absolute; bottom: 30px; right: 60px; } .sidebar-campaigns { position: relative; display: block; background: #ffffff; padding: 45px 30px 45px; } .recent-campaigns { position: relative; display: block; } .recent-campaigns li { position: relative; display: block; min-height: 80px; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #e3e9f4; } .recent-campaigns li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .recent-campaigns li .inner { position: relative; display: block; padding-left: 85px; min-height: 80px; } .recent-campaigns li .img-box { position: absolute; top: 0; left: 0; width: 85px; height: 80px; overflow: hidden; border-radius: 0%; } .recent-campaigns li .img-box img { width: 100%; } .recent-campaigns li .img-box .overlay-content { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.90); border-radius: 0%; opacity: 0; transform: perspective(400px) scale(0); transform-origin: top; transition: all 0.5s ease-in-out 0s; display: flex; flex-direction: row; justify-content: center; align-items: center; z-index: 2; } .recent-campaigns li:hover .img-box .overlay-content { opacity: 1; transform: perspective(400px) scale(1.0); transition: all 0.3s ease-in-out 0.3s; } .recent-campaigns li .img-box .overlay-content a { color: #ffffff; font-size: 14px; transition: all 200ms linear; transition-delay: 0.1s; } .recent-campaigns li .title-box { position: relative; display: block; padding-left: 20px; min-height: 80px; } .recent-campaigns li .title-box h4 { font-size: 16px; line-height: 22px; font-weight: 600; margin: 0; } .recent-campaigns li .title-box h4 a { color: #222222; transition: all 200ms linear; transition-delay: 0.1s; } .recent-campaigns li .title-box h4 a:hover { color: var(--thm-primary); } .recent-campaigns li .title-box .btns { position: relative; display: block; padding-top: 5px; } .recent-campaigns li .title-box .btns a { position: relative; display: inline-block; color: var(--thm-primary); font-size: 14px; line-height: 16px; font-weight: 600; } .recent-campaigns li .title-box p { color: var(--thm-primary); font-size: 14px; line-height: 16px; font-weight: 600; margin: 12px 0 0; } .projects-gallery-box { position: relative; display: block; background: #ffffff; padding: 45px 30px 47px; } .projects-gallery-box .gallery { position: relative; display: block; overflow: hidden; margin-left: -10px; margin-right: -10px; } .projects-gallery-box .gallery li { position: relative; display: inline-block; float: left; padding: 0px 10px 20px; } .projects-gallery-box .gallery li .inner { position: relative; display: block; } .projects-gallery-box .gallery li .inner .img-box { position: relative; display: block; overflow: hidden; } .projects-gallery-box .gallery li .inner .img-box img { width: 100%; } .projects-gallery-box .gallery li .inner .img-box .overlay-content { position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; opacity: 0; background-color: rgba(var(--thm-primary-rgb), 0.9); display: flex; flex-direction: row; justify-content: center; align-items: center; transform: skew(0deg, 0deg) scale(1.2, 1.2); -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .projects-gallery-box .gallery li:hover .img-box .overlay-content { opacity: 1; transform: translateY(0px); } .projects-gallery-box .gallery li .img-box .overlay-content a { position: relative; display: inline-block; color: #ffffff; font-size: 20px; line-height: 20px; transform: scale(0); transition: all 500ms ease 100ms; } .projects-gallery-box .gallery li:hover .img-box .overlay-content a { transform: scale(1.0); transition: all 700ms ease 600ms; } .projects-gallery-box .gallery li:nth-child(5) { margin-bottom: 0; } .projects-gallery-box .gallery li:nth-child(6) { margin-bottom: 0; } .sidebar-tag-box { position: relative; display: block; background: #ffffff; padding: 45px 30px 38px; } .sidebar-tag-box ul { position: relative; display: block; overflow: hidden; margin-left: -5px; margin-right: -5px; } .sidebar-tag-box ul li { position: relative; display: inline-block; float: left; margin: 0px 5px 10px; } .sidebar-tag-box ul li a { position: relative; display: block; background: #eef1f7; color: #444444; font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; padding: 10px 20px; border-radius: 5px; transition: all 200ms linear; transition-delay: 0.1s; } .sidebar-tag-box ul li:hover a { background: var(--thm-primary); color: #ffffff; } /*** ============================================= Error Page Area Style ============================================= ***/ .error-page-area { position: relative; display: block; overflow: hidden; background: #ffffff; padding: 146px 0 150px; } .error-content { position: relative; display: block; z-index: 3; } .error-content h4 { font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; } .error-content .title { position: relative; display: block; color: var(--thm-black); font-size: 180px; line-height: 150px; font-weight: 900; text-transform: uppercase; margin: 17px 0 30px; } .error-content p { font-size: 18px; line-height: 28px; margin: 0 0 33px; } .error-content .btns-box {} .error-content .btns-box a { line-height: 60px; padding-left: 40px; padding-right: 40px; } /*** ============================================= Gallery Area Css ============================================= ***/ .gallery-area { position: relative; display: block; background: #f3f3f4; } .gallery-area .container-fullwidth { position: relative; display: block; width: 100%; } .single-gallery-item { position: relative; display: block; } .single-gallery-item .img-holder { position: relative; display: block; overflow: hidden; } .single-gallery-item .img-holder img { width: 100%; transform: scale(1.0); } .single-gallery-item:hover .img-holder img { transform: scale(1.2) rotate(1deg); } .single-gallery-item .img-holder:before { position: absolute; content: ""; top: 0; left: 0; right: 0; height: 50%; opacity: 0; background: var(--thm-primary); transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; opacity: 1; transform-origin: top; transform-style: preserve-3d; transform: scaleY(0); z-index: 1; } .single-gallery-item:hover .img-holder:before { opacity: 0.80; transform: scaleY(1.0); } .single-gallery-item .img-holder:after { position: absolute; content: ""; bottom: 0; left: 0; right: 0; height: 50%; opacity: 1; background: var(--thm-primary); transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; opacity: 1; transform-origin: bottom; transform-style: preserve-3d; transform: scaleY(0); z-index: 1; } .single-gallery-item:hover .img-holder:after { opacity: 0.90; transform: scaleY(1.0); } .single-gallery-item .img-holder .overlay-button { position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; display: flex; justify-content: center; align-items: center; transform-origin: center; transform-style: preserve-3d; transform: scale(0); transition: all 200ms linear; transition-delay: 0.5s; z-index: 10; } .single-gallery-item:hover .img-holder .overlay-button { opacity: 1; transform: scale(1.0); transition: all 200ms linear; transition-delay: 0.3s; } .single-gallery-item .img-holder .overlay-button a { position: relative; display: inline-block; color: #ffffff; font-size: 50px; line-height: 50px; text-align: center; } .video-holder-box { position: relative; display: block; width: 100%; height: 100%; } .video-holder-box .icon { position: relative; top: -12.5px; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; width: 100%; height: 100%; z-index: 1; } .video-holder-box .icon a { position: relative; display: inline-block; width: 150px; height: 150px; border-radius: 50%; color: #ffffff; font-size: 150px; line-height: 150px; } .video-holder-box .title { position: relative; right: -10px; display: inline-block; padding-top: 26px; padding-bottom: 13px; } .video-holder-box .title::before { content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 2px; background: #e3e9f4; } .video-holder-box .title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 50%; height: 2px; background: var(--thm-color-3); } .video-holder-box .title h5 { color: #ffffff; font-size: 16px; line-height: 20px; font-weight: 500; } .blog-video-gallery { position: relative; display: block; background-attachment: scroll; background-repeat: no-repeat; background-position: center top; background-size: cover; padding: 165px 0; } .video-holder-box-5 { position: relative; display: block; } .video-holder-box-5 .icon { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.40); margin: 0 auto; padding: 18px; } .video-holder-box-5 .icon a { position: relative; display: block; width: 100%; height: 100%; background: #ffffff; border-radius: 50%; color: var(--thm-color-3); font-size: 30px; line-height: 80px; } /*** ============================================= Thm Form Style1 Area Css ============================================= ***/ .thm-form-style1-area { position: relative; display: block; background: #f3f3f4; padding-top: 120px; padding-bottom: 120px; z-index: 1; } .thm-form-style1 { position: relative; display: block; padding: 94px 100px 110px; border-radius: 20px; background-color: rgb(255, 255, 255); box-shadow: 0px 10px 50px 0px rgba(12, 21, 41, 0.1); } .thm-form-style1 .car-image { position: absolute; bottom: -180px; right: -160px; } .thm-form-style1 .title { position: relative; display: block; margin-top: -7px; padding-bottom: 32px; } .thm-form-style1 .title h2 { color: #0c1529; font-size: 40px; line-height: 50px; font-weight: 700; } #thm-form-style1 { position: relative; display: block; } #thm-form-style1 .row { margin-left: -25px; margin-right: -25px; } #thm-form-style1 .row [class*=col-] { padding-left: 25px; padding-right: 25px; } #thm-form-style1 .about-you { position: relative; display: block; } #thm-form-style1 .about-you .row { margin-left: -10px; margin-right: -10px; } #thm-form-style1 .about-you .row [class*=col-] { padding-left: 10px; padding-right: 10px; } #thm-form-style1 .about-you h3 { color: #0c1529; font-size: 22px; line-height: 32px; font-weight: 600; margin: 0 0 13px; } #thm-form-style1 .input-box { position: relative; display: block; margin-bottom: 20px; } #thm-form-style1 input[type="text"], #thm-form-style1 input[type="email"] { position: relative; display: block; background: #ffffff; border: 1px solid #e5e5e5; width: 100%; height: 50px; color: #808080; font-size: 16px; font-weight: 400; font-style: normal; padding-left: 20px; padding-right: 20px; border-radius: 5px; transition: all 500ms ease; font-family: 'Poppins', sans-serif; } #thm-form-style1 input[type="text"]:focus { color: #171717; border-color: #171717; } #thm-form-style1 input[type="email"]:focus { color: #171717; border-color: #171717; } #thm-form-style1 input[type="text"]::-webkit-input-placeholder { color: #808080; } #thm-form-style1 input[type="text"]:-moz-placeholder { color: #808080; } #thm-form-style1 input[type="text"]::-moz-placeholder { color: #808080; } #thm-form-style1 input[type="text"]:-ms-input-placeholder { color: #808080; } #thm-form-style1 input[type="email"]::-webkit-input-placeholder { color: #808080; } #thm-form-style1 input[type="email"]:-moz-placeholder { color: #808080; } #thm-form-style1 input[type="email"]::-moz-placeholder { color: #808080; } #thm-form-style1 input[type="email"]:-ms-input-placeholder { color: #808080; } .contact-form form textarea::-webkit-input-placeholder { color: #808080; } #thm-form-style1 .button-box { position: relative; display: block; margin-top: 30px; } /*** ============================================= Project style1 Area Css ============================================= ***/ .project-style1-area { position: relative; display: block; background: #f3f3f4; padding: 120px 0 70px; } .single-project-style1 { position: relative; margin-bottom: 50px; } .single-project-style1 .text-holder { position: relative; display: block; padding: 50px 30px 0; background: #ffffff; border-radius: 4px; margin-right: 30px; z-index: 3; } .single-project-style1 .text-holder:before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; border-radius: 4px; background: #fcfcfc; transition: .5s; transform: perspective(400px) scaleX(1.0); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; z-index: -1; } .single-project-style1:hover .text-holder:before { transform: perspective(400px) scaleX(0); } .single-project-style1 .text-holder span { position: relative; display: inline-block; color: #ffffff; font-size: 14px; line-height: 25px; font-weight: 400; padding: 0 20px; border-radius: 20px; } .single-project-style1 .text-holder h4 { position: relative; font-size: 18px; line-height: 24px; font-weight: 700; text-transform: none; margin: 13px 0 12px; } .single-project-style1 .text-holder h4 a { color: #21031a; transition: all 500ms linear; transition-delay: 0.1s; } .single-project-style1 .text-holder p { font-size: 14px; line-height: 20px; font-weight: 400; margin: 0; } .single-project-style1 .text-holder .readmore { position: relative; display: block; border-top: 1px solid #e7e6e6; padding-top: 11px; padding-bottom: 20px; margin-top: 11px; } .single-project-style1 .text-holder .readmore a { color: #21031a; font-size: 14px; font-weight: 700; text-transform: uppercase; font-family: 'Oswald', sans-serif; } .single-project-style1 .text-holder .readmore a i:before { position: relative; display: inline-block; padding-left: 6px; } .single-project-style1 .img-holder { position: relative; display: block; margin-top: -30px; margin-left: 30px; } .single-project-style1 .img-holder .inner { position: relative; display: block; overflow: hidden; border-radius: 5px; } .single-project-style1 .img-holder .inner img { width: 100%; transform: scale(1.0); transition: all 1700ms ease; } .single-project-style1:hover .img-holder .inner img { transform: scale(1.2); } .single-project-style1 .img-holder .inner:before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: #0f0b0b; opacity: 1.0; border-radius: 5px; transition: .5s; transform: perspective(400px) scaleX(0); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; z-index: 2; } .single-project-style1:hover .img-holder .inner:before { opacity: 0.50; transform: perspective(400px) scaleX(1.0); } .single-project-style1 .img-holder .zoom-button { position: absolute; top: 0; left: 0; right: 0; height: 100%; opacity: 0; display: flex; justify-content: center; align-items: center; transform-origin: center; transform-style: preserve-3d; transform: scale(0); transition: all 500ms ease 300ms; z-index: 10; } .single-project-style1:hover .img-holder .zoom-button { opacity: 1; transform: scale(1.0); } .single-project-style1 .img-holder .zoom-button a { position: relative; display: inline-block; width: 40px; height: 40px; color: #ffffff; font-size: 30px; line-height: 40px; text-align: center; } .single-project-style1 .progress-block-2 .title { padding-top: 15px; } /*** ============================================= Project style2 Area Css ============================================= ***/ .project-style2-area { position: relative; display: block; background: #f3f3f4; padding: 0px 0px 70px; } .single-project-style2 { position: relative; display: block; background: #ffffff; padding: 30px 15px 0; border-radius: 4px; } .single-project-style2 .img-holder { margin-top: 0px; margin-left: 0px; } .single-project-style2 .text-holder { padding: 30px 15px 0; background: #ffffff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; margin-right: 0px; } .single-project-style2 .text-holder:before { display: none; } .single-project-style1 .text-holder .project-info { position: relative; display: block; padding-top: 25px; padding-bottom: 5px; } .single-project-style1 .text-holder .project-info ul { position: relative; display: block; overflow: hidden; } .single-project-style1 .text-holder .project-info ul li { position: relative; display: block; float: left; max-width: 33.333333%; width: 100%; } .progress-block-2 .inner-box { position: relative; width: 30px; height: 30px; text-align: center; margin: 0 auto 0px; } .progress-block-2 .graph-outer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; background: #ffffff; border-radius: 50%; } .progress-block-2 .title { position: relative; display: block; padding-top: 6px; text-align: center; } .progress-block-2 .title h5 { color: #21031a; font-size: 14px; line-height: 20px; font-weight: 400; } .project-style2-area.pdtop { padding-top: 120px; } .project-style2-area.project-page { padding-bottom: 120px; } @-webkit-keyframes run { 0% { left: -20%; } 50% { left: 0%; } 100% { left: 20%; } } @-moz-keyframes run { 0% { left: -20%; } 50% { left: 0%; } 100% { left: 20%; } } .project-menu-box { position: relative; display: block; overflow: hidden; padding-bottom: 45px; } .project-filter { position: relative; display: block; overflow: hidden; z-index: 1; } .project-filter li { position: relative; display: inline-block; float: none; margin: 0 4px; } .project-filter li .filter-text { position: relative; display: block; padding: 0 20px; color: #555555; font-size: 16px; font-weight: 600; line-height: 45px; text-transform: capitalize; cursor: pointer; border-radius: 0px; transition: all .4s ease; font-family: 'Exo', sans-serif; z-index: 1; } .project-filter li .filter-text:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ""; transform: scaleX(0); transform-origin: center; transform-style: preserve-3d; transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52); z-index: -1; } .project-filter li:hover .filter-text:before, .project-filter li.active .filter-text:before { transform: scaleX(1.0); } .project-filter li .count { display: none; } /*** ============================================= Features Style1 Area Style ============================================= ***/ .features-style1-area { position: relative; display: block; background: #ffffff; padding: 120px 0 80px; } .features-style1-area_gray-bg { position: absolute; top: 240px; left: 0; bottom: 0; right: 0; background: #eef1f7; } .features-style1_box { position: relative; display: block; z-index: 1; } .features-style1_box .thm-shape1 { position: absolute; bottom: -20px; right: -170px; z-index: -1; } .features-style1_box .thm-shape1 img { opacity: 0.08; } .features-style1_single { position: relative; display: block; background: #ffffff; padding: 60px 30px 60px; box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06); margin-bottom: 40px; } .features-style1_single:before { content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 2px; background: var(--thm-primary); transform: scaleX(0); transition: all 200ms linear; transition-delay: 0.1s; } .features-style1_single:hover:before { transform: scaleX(1.0); } .features-style1_single .icon-holder { position: relative; display: block; width: 200px; margin: 0 auto; } .features-style1_single .icon-holder .inner { position: relative; display: inline-block; padding-top: 25px; z-index: 1; } .features-style1_single .icon-holder .inner img { -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .features-style1_single:hover .icon-holder .inner img { transform: scale(1.05); } .features-style1_single .icon-holder .shape-bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; } .features-style1_single .icon-holder .shape1 { position: absolute; top: 0; left: 0; z-index: 1; } .features-style1_single.style2 .icon-holder .shape1 { top: -10px; left: auto; right: 10px; transform: rotate(-120deg); } .features-style1_single.style3 .icon-holder .shape1 { top: 0px; left: auto; right: -15px; transform: rotate(-10deg); } .features-style1_single .text-holder { position: relative; display: block; padding-top: 43px; } .features-style1_single .text-holder h3 { font-size: 24px; line-height: 34px; font-weight: 800; margin: 0 0 13px; } .features-style1_single .text-holder p { margin: 0; } .features-style1_single .text-holder .btns-box { position: relative; display: block; padding-top: 42px; } .features-style1_single .text-holder .btns-box a { color: #222222; background: transparent; border: 1px solid #2f3a51; line-height: 50px; } .features-style1_single .text-holder .btns-box a:hover { color: #ffffff; border: 1px solid var(--thm-color-3); } .features-style1_single .text-holder .btns-box a.btn-one:before { background: var(--thm-color-3); } /*** ============================================= Features Style2 Area Style ============================================= ***/ .features-style2-area { position: relative; display: block; padding: 120px 0px 120px; background: #ffffff; } .features-style2-area .shape1 { position: absolute; top: 120px; left: 10%; -webkit-animation: animation1 5s ease-in infinite; animation: animation1 5s ease-in infinite; } .features-style2_single { position: relative; display: block; padding: 65px 0px 55px; transition: all 200ms linear; transition-delay: 0.1s; } .features-style2_single:hover, .features-style2_single.active { box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06); } .features-style2_single::before { position: absolute; left: 0; bottom: 0; right: 0; height: 1px; background: var(--thm-color-4); content: ""; } .features-style2_single.style2::before { background: var(--thm-primary); } .features-style2_single.style3::before { background: var(--thm-color-3); } .features-style2_single.style4::before { background: var(--thm-color-5); } .features-style2_single .icon-holder { position: relative; display: block; } .features-style2_single .icon-holder .shape-bg { position: absolute; top: 0; left: 0; right: 0; text-align: center; } .features-style2_single.style1 .shape1 { position: absolute; left: 20px; bottom: -55px; } .features-style2_single.style2 .shape1 { position: absolute; top: -15px; right: 25px; } .features-style2_single.style3 .shape1 { position: absolute; left: 35px; bottom: -20px; } .features-style2_single.style4 .shape1 { position: absolute; top: -35px; right: 35px; } .features-style2_single .icon-holder .inner { position: relative; display: inline-block; padding-top: 20px; } .features-style2_single .icon-holder .inner img {} .features-style2_single .text-holder { position: relative; display: block; margin-top: 37px; } .features-style2_single .text-holder h3 { font-size: 22px; line-height: 32px; font-weight: 700; margin-bottom: 14px; } .features-style2_single .text-holder h3 a { color: var(--thm-black); } .features-style2_single .text-holder p { margin: 0; } /*** ============================================= Features Style3 Area Style ============================================= ***/ .features-style3-area { position: relative; display: block; padding: 0px 0px 0px; } .features-style3-area .auto-container { max-width: 100%; padding: 0; } .features-style3-area .row { margin-left: 0px; margin-right: 0px; } .features-style3-area .row [class*=col-] { padding-left: 0px; padding-right: 0px; } .features-style3_single { position: relative; display: block; overflow: hidden; } .features-style3_single .shape-1 { position: absolute; top: 90px; left: 90px; z-index: 2; } .features-style3_single .shape-2 { position: absolute; bottom: 90px; right: 90px; z-index: 2; } .features-style3_single.middle .shape-1 { position: absolute; top: auto; left: 80px; bottom: 90px; } .features-style3_single.middle .shape-2 { position: absolute; top: 90px; bottom: auto; right: 80px; left: auto; } .features-style3_single .img-holder { position: relative; display: block; z-index: 1; } .features-style3_single .img-holder::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.7); content: ""; z-index: 1; } .features-style3_single .img-holder:after { position: absolute; content: ""; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(var(--thm-primary-rgb), 0.75); transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; transform-origin: bottom; transform-style: preserve-3d; transform: scaleY(0); z-index: 2; } .features-style3_single:hover .img-holder:after { transform: scaleY(1.0); } .features-style3_single .img-holder img { width: 100%; } .features-style3_single .img-holder .inner-content { position: absolute; display: flex; align-items: center; justify-content: center; flex-direction: column; top: 0; left: 0; bottom: 0; right: 0; z-index: 10; } .features-style3_single .img-holder .inner-content .title { position: relative; display: inline-block; text-align: center; } .features-style3_single .features-style3_title-bg { position: absolute; top: -40px; left: -50px; bottom: -40px; right: -50px; z-index: -1; background-attachment: scroll; background-repeat: no-repeat; background-position: center center; opacity: 0; transform: scale(0.6); transition: all 300ms linear; transition-delay: 0.1s; } .features-style3_single:hover .features-style3_title-bg { opacity: 1.0; transform: scale(1.0); } .features-style3_single .img-holder .inner-content h2 { color: #ffffff; font-size: 40px; line-height: 1em; font-weight: 700; margin-bottom: 5px; } .features-style3_single .img-holder .inner-content p { color: #ffffff; margin: 0; } /*** ============================================= Features Style4 Area Style ============================================= ***/ .features-style4-area { position: relative; display: block; background: #ffffff; padding: 120px 0 80px; } .features-style4-area .shape1 { position: absolute; bottom: 100px; right: 150px; } .features-style4_single { position: relative; display: block; margin-bottom: 40px; } .features-style4_single .icon-holder { position: relative; display: inline-block; height: 160px; } .features-style4_single .icon-holder .inner { position: relative; display: block; z-index: 2; } .features-style4_single .icon-holder .inner img { width: auto; } .features-style4_single .icon-holder .shape-bg { position: absolute; bottom: 0px; right: 0px; } .features-style4_single.style2 .icon-holder .shape-bg { top: -20px; right: -5px; left: auto; bottom: auto; } .features-style4_single.style3 .icon-holder .shape-bg { top: auto; right: auto; left: -10px; bottom: -15px; } .features-style4_single .icon-holder .shape1 { position: absolute; left: -60px; bottom: 0; } .features-style4_single.style2 .icon-holder .shape1 { position: absolute; left: auto; bottom: 0; right: -30px; transform: rotate(40deg); } .features-style4_single.style3 .icon-holder .shape1 { position: absolute; left: auto; bottom: 0; right: -30px; transform: rotate(0deg); } .features-style4_single .text-holder { position: relative; display: block; padding-top: 30px; } .features-style4_single .text-holder h3 { font-size: 24px; line-height: 30px; font-weight: 800; margin: 0 0 15px; } .features-style4_single .text-holder h3 a { color: #222222; } .features-style4_single .text-holder p { margin: 0; } .features-style4_single .text-holder .btn-box { position: relative; display: block; padding-top: 42px; } .features-style4_single .text-holder .btn-box .btn-one { border: 1px solid #2f3a51; background-color: #ffffff; color: #222222; } .features-style4_single .text-holder .btn-box .btn-one .txt i.arrow1 { color: var(--thm-color-4); } .features-style4_single.style2 .text-holder .btn-box .btn-one .txt i.arrow1 { color: var(--thm-primary); } .features-style4_single.style3 .text-holder .btn-box .btn-one .txt i.arrow1 { color: var(--thm-color-2); } .features-style4_single .text-holder .btn-box .btn-one:before { background: #2f3a51; } .features-style4_single .text-holder .btn-box .btn-one:hover { color: #ffffff; } /*** ============================================= Features Style5 Area Style ============================================= ***/ .features-style5-area { position: relative; display: block; background: #ffffff; z-index: 1; } .features-style5-area_bg { content: ""; position: absolute; top: 0; left: 0; bottom: 120px; right: 0; background: #2f3a51; z-index: -1; } .features-style5-area_bg .shape-bg { position: absolute; left: 0; bottom: 0; right: 0; height: 520px; background-attachment: scroll; background-repeat: no-repeat; background-position: bottom center; background-size: cover; } .features-style5-area .auto-container { max-width: 1330px; } .features-style5_box { position: relative; display: block; padding: 60px 40px 0px; background: #ffffff; box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06); z-index: 10; } .features-style5_box_inner { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .features-style5_single { position: relative; width: 100%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .features-style5_single .inner-box { position: relative; display: block; padding-left: 30px; padding-right: 30px; margin-bottom: 85px; } .features-style5_single .inner-box:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; background: #e3e9f4; } .features-style5_single:last-child .inner-box:before { display: none; } .features-style5_single .icon-holder { position: relative; display: block; width: 190px; height: 135px; margin: 0 auto; } .features-style5_single .icon-holder .inner { position: relative; display: inline-block; padding-top: 15px; z-index: 1; } .features-style5_single .icon-holder .inner img { -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .features-style5_single:hover .icon-holder .inner img { transform: scale(1.05); } .features-style5_single .icon-holder .shape1 { position: absolute; left: -30px; bottom: 20px; } .features-style5_single .icon-holder .shape-bg { position: absolute; top: auto; left: 0; bottom: 0; right: 0; text-align: center; display: flex; align-items: center; justify-content: center; } .features-style5_single .inner-box .text-holder { position: relative; display: block; padding-top: 45px; margin-bottom: 45px; } .features-style5_single .inner-box .text-holder h3 { font-size: 24px; line-height: 30px; font-weight: 700; margin: 0 0 15px; } .features-style5_single .inner-box .text-holder p { margin: 0; } .features-style5_single .btns-box { position: absolute; left: 0; bottom: -27px; right: 0; } .features-style5_single .btns-box a { position: relative; display: block; width: 55px; height: 55px; margin: 0 auto; background: #ffffff; border-radius: 50%; border: 1px solid var(--thm-color-4); color: #222222; font-size: 20px; line-height: 53px; text-align: center; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .features-style5_single:hover .btns-box a { color: #ffffff; border-color: var(--thm-primary); background-color: var(--thm-primary); } .features-style5_single.shapedown .icon-holder .shape1 { position: absolute; left: -10px; bottom: -15px; } .features-style5_single.shapeleft .icon-holder .shape1 { position: absolute; left: 15px; bottom: -20px; transform: rotate(120deg); } /*** ============================================= Event Style1 Area style ============================================= ***/ .event-style1-area { position: relative; display: block; } .event-style1-area .custom-container { position: relative; display: block; padding-right: 120px; } .event-style1-area .row { margin-left: 0px; margin-right: 0px; } .event-style1-area .row [class*=col-] { padding-left: 0px; padding-right: 0px; } .event-style1_image-box { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: left top; } .event-style1_image-box img { width: 100%; } .event-style1_image-box:before { position: absolute; top: 0; left: 0px; bottom: 0; right: 0; background: var(--thm-primary); opacity: 0.80; content: ""; transform: skew(-90deg) translateY(100%); transform-origin: left; transform-style: preserve-3d; transition: all 900ms ease 100ms; } .event-style1_image-box:hover:before { transform: skew(0deg) translateY(0); } .event-style1_content-box { position: relative; display: block; padding-top: 100px; padding-left: 100px; padding-bottom: 100px; } .event-style1_content-box .sec-title { padding-bottom: 56px; } .event-style1_content-box .inner-content { position: relative; display: block; } .single-event-style1 { position: relative; display: block; background: #ffffff; padding: 45px 40px 45px; transition: all 200ms linear; transition-delay: 0.1s; z-index: 10; } .single-event-style1:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 1px; border: 1px solid #e3e9f4; z-index: -1; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .single-event-style1:hover:before { border-color: var(--thm-primary); } .single-event-style1 .date-box { position: relative; display: flex; align-items: center; margin-bottom: 13px; } .single-event-style1 .date-box .left { position: relative; display: block; width: 55px; height: 55px; text-align: center; background: var(--thm-color-4); } .single-event-style1 .date-box .left h2 { color: #ffffff; font-size: 36px; line-height: 55px; font-weight: 800; } .single-event-style1 .date-box .right { position: relative; display: block; padding-left: 15px; } .single-event-style1 .date-box .right h3 { font-size: 22px; line-height: 32px; font-weight: 400; text-transform: uppercase; } .single-event-style1 .meta-info { position: relative; display: block; } .single-event-style1 .meta-info p { font-size: 14px; line-height: 24px; margin: 0; } .single-event-style1 .meta-info p a { position: relative; display: inline-block; color: var(--thm-primary); padding-left: 5px; } .single-event-style1 .title { position: relative; display: block; margin-top: 16px; } .single-event-style1 .title h2 { font-size: 24px; line-height: 32px; font-weight: 700; } .single-event-style1 .title h2 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .single-event-style1 .title h2 a:hover { color: var(--thm-primary); } .single-event-style1 .border-box { position: relative; display: block; width: 100%; height: 2px; background: #e3e9f4; margin-top: 32px; } .single-event-style1 .border-box::before { position: absolute; top: 0; left: 0; bottom: 0; width: 50px; background: var(--thm-color-2); content: ""; } .single-event-style1 .event-time { position: relative; display: flex; align-items: center; margin-top: 16px; } .single-event-style1 .event-time .icon { position: relative; display: block; } .single-event-style1 .event-time .icon span::before { position: relative; display: inline-block; top: 2px; color: var(--thm-primary); font-size: 15px; } .single-event-style1 .event-time .text { position: relative; display: block; padding-left: 10px; } .single-event-style1 .event-time .text p { color: var(--thm-black); font-size: 16px; line-height: 26px; font-weight: 500; margin: 0; } .event-style1-area .owl-nav-style-one.owl-theme .owl-stage-outer { padding-top: 0px; padding-bottom: 0px; } .event-style1-area .owl-nav-style-one.owl-theme .owl-nav { position: absolute; top: -125px; right: 0; z-index: 10; } .event-style1-area .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] { border: 1px solid #e3e9f4; color: var(--thm-primary); font-size: 20px; font-weight: 400; line-height: 55px; margin: 0px 10px 0px 0px; transition: all 700ms ease 0s; } .event-style1-area .owl-nav-style-one.owl-theme .owl-nav .owl-next { margin-right: 0; } .event-style1-area .owl-nav-style-one.owl-theme .owl-nav .owl-prev:hover { background: #2f3a51; color: #ffffff; } .event-style1-area .owl-nav-style-one.owl-theme .owl-nav .owl-next:hover { background: #2f3a51; color: #ffffff; } .event-style1-area .owl-theme .owl-stage-outer .owl-item { opacity: 0; transform-style: preserve-3d; transform: perspective(1200px) rotateX(90deg) translateZ(20px); transition: all 0.1s ease-in-out 0.4s; } .event-style1-area .owl-theme .owl-stage-outer .owl-item.active { opacity: 1; transform: perspective(1200px) rotateX(0deg) translateZ(0px); transition: all 0.4s ease-in-out 0.1s; } /*** ============================================= Event Style2 Area style ============================================= ***/ .event-style2-area { position: relative; display: block; background: #eef1f7; } .event-style1_image-box .shape { position: absolute; bottom: 60px; right: 60px; } .event-style2_content-box {} .event-style2_content-box .single-event-style1 {} .event-style2_content-box .single-event-style1:before { display: none; } .event-style2_content-box .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] { border: 1px solid var(--thm-color-3); border-radius: 0%; } /*** ============================================= Event Page One style ============================================= ***/ .event-page-one { position: relative; display: block; background: #ffffff; padding: 120px 0 120px; z-index: 1; } .single-event-style2 { border: 1px px solid #e3e9f4; margin-bottom: 60px; z-index: 1; } .single-event-style2 .inner-text { position: relative; display: block; padding: 14px 0 0px; } .single-event-style2 .inner-text p { margin: 0; } .single-event-style2_bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center top; background-repeat: no-repeat; background-size: cover; z-index: -1; transform: perspective(400px) scaleX(0); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; transition: all .4s ease-in-out .1s; } .single-event-style2:hover .single-event-style2_bg { opacity: 1; transform: perspective(400px) scaleX(1.0); transition: all .4s ease-in-out .1s; } .single-event-style2 .static-content { position: relative; display: block; transition: .5s; } .single-event-style2:hover .static-content { opacity: 0; } .single-event-style2 .overlay-content { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 40px 40px 45px; transform: perspective(400px) scaleY(0); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition: all .1s ease-in-out .1s; } .single-event-style2:hover .overlay-content { opacity: 1; transform: perspective(400px) scaleY(1.0); transition: all .4s ease-in-out .4s; } .single-event-style2 .overlay-content .date-box .right h3 { color: #ffffff; } .single-event-style2 .overlay-content .meta-info p { color: #ffffff; } .single-event-style2 .overlay-content .meta-info p a { color: #ffffff; } .single-event-style2 .overlay-content .title h2 a { color: #ffffff; } .single-event-style2 .overlay-content .title h2 a:hover { color: var(--thm-primary); } .single-event-style2 .overlay-content .inner-text p { color: #ffffff; } .single-event-style2 .overlay-content .btns-box { position: relative; display: block; padding-top: 22px; } /*** ============================================= Event Details Area Css ============================================= ***/ .event-details-area { position: relative; display: block; background: #ffffff; padding: 120px 0 100px; z-index: 1; } .event-details_content { position: relative; display: block; padding-right: 10px; } .event-details-image-box { position: relative; display: block; overflow: hidden; } .event-details-image-box img { width: 100%; } .event-details-image-box .category { position: absolute; left: 50px; bottom: 50px; background: var(--thm-color-5); padding: 0 20px; border-radius: 30px; } .event-details-image-box .category h6 { color: #ffffff; font-size: 12px; line-height: 32px; font-weight: 600; text-transform: uppercase; } .event-details-text-box { position: relative; display: block; padding: 53px 40px 60px; box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06); } .event-details-text-box h2 { color: #222222; font-size: 36px; line-height: 46px; font-weight: 800; } .event-details-text-box .event-info { position: relative; padding-top: 40px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .event-details-text-box .event-info li { position: relative; display: block; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; width: 100%; border-right: 1px solid #e3e9f4; text-align: center; } .event-details-text-box .event-info li:last-child { border-right: none; } .event-details-text-box .event-info li .icon { position: relative; display: inline-block; height: 75px; z-index: 1; } .event-details-text-box .event-info li .icon .overlay-icon { position: absolute; top: 0px; left: -10px; bottom: -10px; right: -20px; z-index: -1; } .event-details-text-box .event-info li .text { position: relative; display: block; padding-top: 10px; } .event-details-text-box .event-info li .text p { color: #222222; margin: 0; } .event-details-text-box .event-info li .text h3 { color: #222222; font-size: 18px; line-height: 28px; font-weight: 600; margin: 21px 0 0; } .event-details-text-box .bottom-box { position: relative; padding-top: 50px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } .event-details-text-box .bottom-box .btns { position: relative; display: block; } .event-details-text-box .bottom-box .btns a { position: relative; display: inline-block; } .event-details-text-box .bottom-box .social-share { position: relative; display: flex; align-items: center; } .event-details-text-box .bottom-box .social-share .title { position: relative; display: block; padding-right: 20px; } .event-details-text-box .bottom-box .social-share .title h5 { color: #222222; font-size: 16px; font-weight: 500; } .event-details-text-box .bottom-box .social-share .social-links { position: relative; display: block; } .event-details-text-box .bottom-box .social-share .social-links li { position: relative; display: inline-block; float: left; margin-right: 5px; } .event-details-text-box .bottom-box .social-share .social-links li:last-child { margin-right: 0; } .event-details-text-box .bottom-box .social-share .social-links li a { position: relative; display: block; width: 35px; height: 35px; background: #eef1f7; border-radius: 50%; color: #222222; font-size: 14px; line-height: 35px; text-align: center; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .event-details-text-box .bottom-box .social-share .social-links li a:hover { color: #fff; background-color: var(--thm-primary); } /*** ============================================= Slogan Area style ============================================= ***/ .slogan-area { position: relative; display: block; overflow: hidden; z-index: 1; } .slogan-area_bg { position: absolute; top: 190px; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; background-position: center top; z-index: -1; } .slogan-content { position: relative; display: block; padding-bottom: 80px; } .slogan-content_top { position: relative; display: block; padding: 72px 100px 77px; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; background-position: center top; z-index: 2; } .slogan-content_top:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.50); z-index: -1; } .slogan-content_top h2 { color: #ffffff; font-size: 36px; line-height: 44px; font-weight: 500; margin: 0 0 23px; } .slogan-content_top .name { position: relative; display: block; padding-left: 60px; } .slogan-content_top .name:before { content: ""; position: absolute; top: 8px; left: 0; width: 50px; height: 2px; background: #ffffff; } .slogan-content_top .name h5 { color: #ffffff; font-size: 16px; line-height: 18px; font-weight: 400; } .slogan-content_bottom { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 80px; } .slogan-content_bottom .left { position: relative; display: flex; align-items: center; flex-wrap: wrap; } .slogan-content_bottom .left .icon { position: relative; display: block; } .slogan-content_bottom .left .icon img {} .slogan-content_bottom .left .title { position: relative; display: block; padding-left: 20px; } .slogan-content_bottom .left .title p { color: #ffffff; font-size: 24px; line-height: 26px; font-weight: 500; margin: 0; margin-bottom: 9px; } .slogan-content_bottom .left .title h2 { color: var(--thm-color-3); font-size: 45px; line-height: 1em; font-weight: 800; } .slogan-content_bottom .right { position: relative; display: block; } /*** ============================================= Slogan Style2 Area style ============================================= ***/ .slogan-style2-area { position: relative; display: block; overflow: hidden; padding: 143px 0px 150px; background-position: center center; background-repeat: no-repeat; background-attachment: scroll; background-size: cover; } .slogan-style2-area .hand-shape1 { position: absolute; top: 0; left: 0; } .slogan-style2-area .hand-shape2 { position: absolute; top: 0; right: 0; } .slogan-style2-area .hand-shape3 { position: absolute; left: -20px; bottom: 0; } .slogan-style2-area .hand-shape3 img { -webkit-animation: animation1 5s ease-in infinite; animation: animation1 5s ease-in infinite; } .slogan-style2-area .hand-shape4 { position: absolute; bottom: -20px; right: -20px; } .slogan-style2-content { position: relative; display: block; max-width: 550px; width: 100%; float: right; } .slogan-style2-content .sec-title { padding-bottom: 13px; } .slogan-style2-content .text-box { position: relative; display: block; } .slogan-style2-content .text-box p { color: var(--thm-black); font-size: 22px; line-height: 32px; font-weight: 500; } .slogan-style2-content .btns-box { margin-top: 41px; } .slogan-style2-content .cause-video-button .playicon { background: var(--thm-color-2); } /*** ============================================= Slogan Style3 Area style ============================================= ***/ .slogan-style3-area { position: relative; display: block; overflow: hidden; padding: 120px 0px 150px; background: #ffffff; z-index: 1; } .slogan-style3-area_bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center center; background-repeat: no-repeat; background-attachment: scroll; background-size: cover; z-index: -1; } .slogan-style3-area .sec-title .sub-title { padding-bottom: 21px; } .slogan-style3-area .sec-title .sub-title .inner h3 { color: var(--thm-color-4); font-size: 24px; } .slogan-style3-area .sec-title h2 { font-size: 62px; line-height: 1.1em; font-weight: 700; } .slogan-style3-area .btns-box { position: relative; display: block; } .slogan-style3-area .btns-box a { margin: 0 7px; } /*** ============================================= Slogan Style4 Area style ============================================= ***/ .slogan-area-style4 {} .slogan-area_bg-2 { position: absolute; top: 190px; left: 0; bottom: 0; right: 0; background-color: var(--thm-primary); background-attachment: scroll; background-repeat: no-repeat; background-size: cover; background-position: center top; z-index: -1; } .slogan-area-style4 .slogan-content_bottom .left .title h2 { color: #fff; } /*** ============================================= Causes Style1 Area Css ============================================= ***/ .causes-style1-area { position: relative; display: block; background: #eef1f7; padding: 120px 0 120px; z-index: 1; } .causes-style1-area_bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-repeat: no-repeat; background-position: bottom center; background-size: cover; z-index: -1; } .causes-style1_image-box { position: relative; display: block; padding-top: 25px; max-width: 520px; width: 100%; } .causes-style1_image-box .shape { position: absolute; left: 0; bottom: 0; } .causes-style1_image-box .main { position: relative; display: block; width: 430px; height: 430px; overflow: hidden; border-radius: 50%; } .causes-style1_image-box .main img { width: 100%; border-radius: 50%; } .causes-style1_image-box .main::before { position: absolute; top: 50%; left: 50%; display: block; content: ''; width: 0; height: 0; background: rgba(255, 255, 255, .2); border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; z-index: 10; } .causes-style1_image-box:hover .main::before { -webkit-animation: circle .75s; animation: circle .9s; } .causes-style1_image2 { position: absolute; top: 0; left: -45px; width: 200px; height: 200px; overflow: hidden; z-index: 2; } .causes-style1_image2:before { position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; border: 10px solid #eef1f7; border-radius: 50%; content: ""; z-index: 1; } .causes-style1_image2 img { border-radius: 50%; transition: all 3500ms ease; } .causes-style1_image-box:hover .causes-style1_image2 img { transform: rotate(3deg); } .causes-style1_image3 { position: absolute; top: 0; right: 0; width: 80px; height: 80px; } .causes-style1_image3 img { width: 100%; border-radius: 50%; } .causes-style1_image4 { position: absolute; bottom: 0; right: 0; width: 120px; height: 120px; overflow: hidden; border-radius: 50%; } .causes-style1_image4 img { width: 100%; border-radius: 50%; transition: all 3500ms ease; } .causes-style1_image-box:hover .causes-style1_image4 img { transform: scale(1.5) rotate(2deg); } .causes-style1_content-box { position: relative; display: block; padding-left: 15px; } .causes-style1_content-box .sec-title { padding-bottom: 23px; } .causes-style1_content-box .text-box { position: relative; display: block; padding-bottom: 26px; } .progress-levels { position: relative; display: block; } .progress-levels .progress-box { position: relative; display: block; } .progress-levels .progress-box .inner { position: relative; display: block; padding-right: 190px; } .progress-levels .progress-box .bar { position: relative; display: block; } .progress-levels .progress-box .bar .bar-innner { position: relative; width: 100%; height: 10px; background: #dddddd; border-radius: 10px; } .progress-levels .progress-box .bar .bar-fill { position: absolute; top: 0%; left: 0px; bottom: 0%; width: 0px; height: 10px; border-radius: 10px; background: var(--thm-color-2); border-top-right-radius: 0; border-bottom-right-radius: 0; transition: all 2000ms ease 300ms; } .progress-levels .progress-box .bar .bar-fill:before { content: ""; position: absolute; top: -7px; right: 0; bottom: -7px; width: 1px; background: var(--thm-color-2); } .progress-levels .progress-box .skill-percent { position: absolute; top: -15px; right: -40px; display: flex; align-items: center; } .progress-levels .progress-box .count-text { color: var(--thm-color-4); font-size: 48px; line-height: 40px; font-weight: 700; display: inline-block; float: none; font-family: var(--thm-font); } .progress-levels .progress-box .percent { color: var(--thm-color-4); font-size: 48px; line-height: 40px; font-weight: 700; display: inline-block; float: none; font-family: var(--thm-font); margin-left: -7px; } .progress-levels .progress-box .outer-text { position: relative; display: inline-block; padding-left: 10px; color: #222222; font-size: 14px; line-height: 18px; font-weight: 600; } .progress-levels .progress-box .inner .bar .text { position: relative; display: block; padding-top: 19px; color: #222222; font-weight: 600; line-height: 20px; font-weight: 600; } .causes-style1_content-box .btns-box { position: relative; display: block; padding-top: 36px; } .cause-video-button { position: relative; top: 1px; margin-left: 10px; display: inline-block; background: #fcfdfe; color: #2f3a51; font-size: 16px; line-height: 58px; font-weight: 700; text-transform: uppercase; border-radius: 10px; transition: all 200ms linear; transition-delay: 0.1s; } .cause-video-button:hover { color: var(--thm-primary); } .cause-video-button .playicon { position: relative; display: inline-block; width: 60px; height: 60px; background: #2f3a51; color: #ffffff; font-size: 16px; text-align: center; border-radius: 10px; } .cause-video-button .txt { position: relative; display: inline-block; top: -1px; padding: 0 20px; padding-right: 25px; } /*** ============================================= Causes Style2 Area Css ============================================= ***/ .cause-style2-area { position: relative; display: block; background: #ffffff; padding: 120px 0 120px; } .cause-style2-area .thm-shape1 { position: absolute; top: 120px; left: 120px; } .cause-style2-area .thm-shape2 { position: absolute; right: 200px; bottom: 60px; } .cause-style2-area .auto-container { max-width: 1250px; } .single-cause-style1 { position: relative; display: block; } .single-cause-style1 .img-holder { position: relative; display: block; overflow: hidden; } .single-cause-style1 .img-holder:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: var(--thm-primary); opacity: 1.0; transition: .5s; transform: perspective(400px) scaleY(0); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; z-index: 1; } .single-cause-style1:hover .img-holder:before { opacity: 0.50; transform: perspective(400px) scaleY(1.0); } .single-cause-style1 .img-holder img { width: 100%; transition: all 3500ms ease; } .single-cause-style1:hover .img-holder img { transform: scale(1.3) rotate(2deg); } .single-cause-style1 .text-holder { position: relative; display: block; background: #fff; border: 1px solid #e3e9f4; border-top: none; padding: 43px 40px 50px; transition: all 200ms linear; transition-delay: 0.1s; } .single-cause-style1:hover .text-holder { border-color: #ffffff; box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06); } .single-cause-style1 .text-holder::before { content: ""; position: absolute; left: 0; top: -25px; right: 0; width: 50px; margin: 0 auto; border-bottom: 25px solid #ffffff; border-left: 25px solid transparent; border-right: 25px solid transparent; z-index: 3; } .single-cause-style1 .text-holder h3 { font-size: 22px; line-height: 30px; font-weight: 700; margin: 0 0 15px; } .single-cause-style1 .text-holder h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .single-cause-style1 .text-holder h3 a:hover { color: var(--thm-primary); } .single-cause-style1 .text-holder p { margin: 0; } .progress-levels-style2 { position: relative; display: block; padding-top: 32px; } .progress-levels-style2 .progress-box .inner { position: relative; display: block; padding-right: 0px; } .progress-levels-style2 .bottom-box { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-top: 15px; padding-bottom: 39px; } .progress-levels-style2 .bottom-box .rate-box { position: relative; display: block; } .progress-levels-style2 .bottom-box .rate-box p { color: #222222; font-size: 14px; line-height: 30px; font-weight: 400; margin: 0; } .progress-levels-style2 .bottom-box .rate-box.clrwhite p { color: #ffffff; } .single-cause-style1 .bottom-box .rate-box p span { position: relative; display: inline-block; padding-left: 10px; font-weight: 600; } .progress-levels-style2 .progress-box .skill-percent { position: relative; display: block; margin-top: 0px; top: 4px; right: 0; text-align: right; } .progress-levels-style2 .progress-box .count-text { color: var(--thm-color-4); font-size: 36px; line-height: 40px; font-weight: 700; display: inline-block; float: none; font-family: var(--thm-font); } .progress-levels-style2 .progress-box .percent { color: var(--thm-color-4); font-size: 36px; line-height: 40px; font-weight: 700; display: inline-block; float: none; font-family: var(--thm-font); margin-left: -7px; } .progress-levels-style2 .progress-box .outer-text { position: relative; display: block; color: #222222; font-size: 14px; line-height: 18px; font-weight: 400; padding: 0; margin: 0px 0 0; } .single-cause-style1 .text-holder .btns-box { position: relative; display: block; } .single-cause-style1 .text-holder .btns-box a { color: #222222; text-align: center; display: block; background: #eef1f7; } .single-cause-style1 .text-holder .btns-box a.btn-one .txt i.arrow1 { float: left; line-height: 58px; color: var(--thm-primary); padding: 0; transition: all 200ms linear; transition-delay: 0.1s; } .single-cause-style1 .text-holder .btns-box a.btn-one:hover .txt i.arrow1 { color: #ffffff; } .single-cause-style1 .text-holder .btns-box a.btn-one:hover { color: #ffffff; } .single-cause-style1 .text-holder .btns-box a.btn-one:hover:before { background: var(--thm-primary); } .single-cause-style1.style2 .text-holder { border: 1px solid #e3e9f4; border-top: 1px solid #e3e9f4; border-bottom: none; } .single-cause-style1.style2:hover .text-holder { border-color: #ffffff; } .single-cause-style1.style2 .text-holder::before { content: ""; position: absolute; left: 0; top: auto; bottom: -25px; right: 0; width: 50px; margin: 0 auto; border-top: 25px solid #ffffff; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: none; z-index: 2; } .cause2-carousel.owl-theme .owl-stage-outer { overflow: visible; } .cause2-carousel.owl-theme .owl-stage-outer .owl-item { opacity: 0; transition: all 500ms linear; transition-delay: 0.1s; } .cause2-carousel.owl-theme .owl-stage-outer .owl-item.active { opacity: 1; } /*** ============================================= Causes Style3 Area Css ============================================= ***/ .cause-style3-area { position: relative; display: block; background: #eef1f7; z-index: 1; } .cause-style3-area_bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center bottom; z-index: -1; } .cause-style3-area .auto-container { max-width: 1320px; } .single-cause-style1--instyle2 { padding-left: 250px; min-height: 510px; } .single-cause-style1--instyle2 .img-holder { position: absolute; top: 0; left: 0; width: 250px; height: 100%; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; } .single-cause-style1--instyle2 .text-holder { box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06); padding: 45px 40px 50px; } .single-cause-style1--instyle2 .text-holder::before { display: none; } .single-cause-style1--instyle2 .text-holder .category { position: relative; display: inline-block; background: var(--thm-color-5); padding: 10px 20px 10px; border-radius: 30px; margin-bottom: 23px; } .single-cause-style1--instyle2 .text-holder .category h6 { color: #ffffff; font-size: 12px; font-weight: 600; text-transform: uppercase; } .cause-style3-area .owl-nav-style-one.owl-theme .owl-nav { padding-top: 70px; } /*** ============================================= Causes Style4 Area Css ============================================= ***/ .cause-style4-area { position: relative; display: block; background: #eef1f7; padding: 0px 0 120px; z-index: 1; } .cause-style4-area .shape1 { position: absolute; left: 10%; bottom: 60px; } .cause-style4-area .shape2 { position: absolute; right: 5%; bottom: 60px; } .cause-style4-area .container-fluid { padding-left: 50px; padding-right: 50px; } .cause-style4-area .auto-container { max-width: 1330px; } .cause-style4-content-box { position: relative; display: block; padding-top: 120px; z-index: 2; } .cause-style4-content-box_bg { position: absolute; top: 0; left: 0; bottom: 125px; right: 0; background-attachment: scroll; background-repeat: no-repeat; background-position: center top; background-size: cover; z-index: -1; } .cause-style4-title { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; flex-wrap: nowrap; padding-bottom: 56px; } .cause-style4-title .left { position: relative; display: block; max-width: 590px; width: 100%; } .cause-style4-title .left .sec-title { padding-bottom: 0; } .cause-style4-title .right { position: relative; display: block; top: -3px; } .cause-style4-title .right .text { position: relative; display: block; } .cause-style4-title .right .text p { color: #222222; font-size: 24px; line-height: 38px; font-weight: 400; margin: 0; } .cause4-carousel.owl-nav-style-one.owl-theme .owl-nav { margin-top: 70px; } .single-cause-style5 { max-width: 450px; width: 100%; margin: 0 auto; } .single-cause-style5 .text-holder.overlay-box { position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; transition: .5s; transform: perspective(400px) scaleY(0); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; z-index: 1; } .single-cause-style5:hover .text-holder.overlay-box { opacity: 1.0; transform: perspective(400px) scaleY(1.0); } .single-cause-style5 .img-holder:before { display: none; } .single-cause-style5 .text-holder::before { display: none; } /*** ============================================= Causes Page One Css ============================================= ***/ .cause-page-one { position: relative; display: block; background: #ffffff; padding: 120px 0 120px; } .cause-page-one .auto-container { max-width: 1250px; } .cause-page-one .row { margin-left: -20px; margin-right: -20px; } .cause-page-one .row [class*=col-] { padding-left: 20px; padding-right: 20px; } .cause-page-one .single-cause-style1 { margin-bottom: 60px; } .cause-page-one .single-cause-style1 .img-holder:before { background: #000000; } .cause-page-one .single-cause-style1:hover .img-holder:before { opacity: 0.75; } .cause-page-one .single-cause-style1 .img-holder .overlay-icon { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 3; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; opacity: 0; transform: scale(0.6); transition: all 100ms linear; } .cause-page-one .single-cause-style1:hover .img-holder .overlay-icon { transform: scaleY(1.0); transition: all 500ms linear; transition-delay: 0.3s; opacity: 1; } .cause-page-one .single-cause-style1 .img-holder .overlay-icon a { position: relative; display: inline-block; } .cause-page-one .single-cause-style1 .img-holder .overlay-icon a img { width: auto; } /*** ============================================= Causes Page Two Css ============================================= ***/ .cause-page-two { position: relative; display: block; background: #ffffff; padding: 120px 0 120px; z-index: 1; } .cause-page-two .auto-container { max-width: 1320px; } .cause-page-two .row { margin-left: -25px; margin-right: -25px; } .cause-page-two .row [class*=col-] { padding-left: 25px; padding-right: 25px; } .cause-page-two .single-cause-style1--instyle2 { margin-bottom: 80px; } .cause-page-two .single-cause-style1--instyle2 .text-holder { border: 1px solid transparent; } /*** ============================================= Causes Page Three Featured Cause Css ============================================= ***/ .cause-page-three-featured-cause { position: relative; display: block; background: #ffffff; padding: 120px 0 120px; z-index: 2; } .cause-page-three-featured-cause-bg { position: absolute; top: 0px; left: 0; bottom: 165px; right: 0; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center top; opacity: 0.08; } .cause-page-three-featured-cause:before { content: ""; position: absolute; top: 0px; left: 0; bottom: 165px; right: 0; background: #eef1f7; z-index: -1; } .cause-page-three-featured-cause .auto-container { max-width: 1250px; } .cause-page3-featured-cause-content { position: relative; display: block; padding-left: 600px; min-height: 525px; } .featured-cause-image-box { position: absolute; top: 0; left: 0; bottom: 0; max-width: 600px; width: 100%; } .featured-cause-image-box img { width: 100%; } .featured-cause-image-box .overlay-text { position: absolute; top: 50%; right: 0; bottom: 0; transform: translateY(-106px); } .featured-cause-image-box .overlay-text .inner { position: relative; display: inline-block; background-color: var(--thm-primary); color: #ffffff; font-size: 24px; font-weight: 100; font-family: pony-tale; padding: 16px 0px; transform: rotate(-90deg) translateX(-100%) translateY(-100%); transform-origin: 0 0; left: 100%; width: 212px; text-align: center; border-radius: 10px 10px 0px 0px } .featured-cause-content-box { position: relative; display: block; padding-left: 0; min-height: 525px; } .single-cause-style1--instyle2.featured-cause-content-box .text-holder { padding: 45px 60px 45px; border: none; } .single-cause-style1--instyle2.featured-cause-content-box .text-holder .category { margin-bottom: 23px; } .single-cause-style1.featured-cause-content-box .text-holder h3 { font-size: 30px; line-height: 36px; margin: 0 0 15px; } .featured-cause-content-box .progress-levels-style2 { padding-top: 22px; } .featured-cause-content-box .progress-levels-style2 .bottom-box { padding-top: 22px; padding-bottom: 32px; } /*** ============================================= Causes Page Three Css ============================================= ***/ .cause-page-three { position: relative; display: block; padding-top: 0; } .loadmore-cause-btn-box { position: relative; display: block; padding-top: 20px; } .loadmore-cause-btn-box a { padding-left: 30px; padding-right: 35px; background: var(--thm-color-3); } /*** ============================================= Causes details Area Css ============================================= ***/ .cause-details-area { position: relative; display: block; background: #ffffff; padding: 120px 0 100px; z-index: 1; } .cause-details_content { position: relative; display: block; padding-right: 10px; } .cause-details-image-box { position: relative; display: block; overflow: hidden; } .cause-details-image-box img { width: 100%; } .cause-details-image-box .category { position: absolute; left: 50px; bottom: 50px; background: var(--thm-color-5); padding: 0 20px; border-radius: 30px; } .cause-details-image-box .category h6 { color: #ffffff; font-size: 12px; line-height: 32px; font-weight: 600; text-transform: uppercase; } .donate-form-box--style2 { position: relative; display: block; background: #ffffff; padding: 53px 60px 60px; margin-top: 0; margin-left: 0; box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06); } .donate-form-box--style2 .top-title h2 { color: #222222; font-size: 36px; line-height: 46px; font-weight: 800; } .donate-form-box--style2 .progress-levels-style2 .progress-box .bar .bar-innner { background: #dddddd; } .donate-form-box--style2 .progress-levels-style2 .bottom-box { padding-top: 20px; padding-bottom: 30px; border-bottom: none; margin-bottom: 0; } .donate-form-box--style2 .progress-levels-style2 .bottom-box .rate-box p { color: #222222; } .donate-form-box--style2 .progress-levels-style2 .progress-box .count-text { color: var(--thm-color-4); } .donate-form-box--style2 .progress-levels-style2 .progress-box .percent { color: var(--thm-color-4); } .donate-form-box--style2 .progress-levels-style2 .progress-box .outer-text { color: #222222; } .donate-form-box--style2 .donation_wrapper>.amount_wrapper>input { color: #222222; font-size: 18px; font-weight: 700; padding: 0 0; height: 55px; padding-left: 70px; padding-right: 10px; border: 1px solid #e3e9f4; } .donate-form-box--style2 .donation_wrapper>.amount_wrapper>.suffix { border: 1px solid #e3e9f4; line-height: 55px; } .donate-form-box--style2 .donation_wrapper>.single_amount_wrapper { margin: 0 0px 35px; } .donate-form-box--style2 .donation_wrapper>.single_amount_wrapper>.single_amount { padding: 10px 20px; margin: 0; border-radius: 5px; color: #222222; border: 1px solid #e3e9f4; } .donate-form-box--style2 .donation_wrapper>.single_amount_wrapper>.single_amount:hover { color: #fff; background: var(--thm-color-3); border-color: 1px solid var(--thm-color-3); } .donate-form-box--style2 .donation_wrapper .bottom-box { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } .donate-form-box--style2 .donation_wrapper .bottom-box .btns { position: relative; display: block; } .donate-form-box--style2 .donation_wrapper .bottom-box .btns a { position: relative; display: inline-block; } .donate-form-box--style2 .donation_wrapper .bottom-box .social-share { position: relative; display: flex; align-items: center; } .donate-form-box--style2 .donation_wrapper .bottom-box .social-share .title { position: relative; display: block; padding-right: 20px; } .donate-form-box--style2 .donation_wrapper .bottom-box .social-share .title h5 { color: #222222; font-size: 16px; font-weight: 500; } .donate-form-box--style2 .donation_wrapper .bottom-box .social-share .social-links { position: relative; display: block; } .donate-form-box--style2 .donation_wrapper .bottom-box .social-share .social-links li { position: relative; display: inline-block; float: left; margin-right: 5px; } .donate-form-box--style2 .donation_wrapper .bottom-box .social-share .social-links li:last-child { margin-right: 0; } .donate-form-box--style2 .donation_wrapper .bottom-box .social-share .social-links li a { position: relative; display: block; width: 35px; height: 35px; background: #eef1f7; border-radius: 50%; color: #222222; font-size: 14px; line-height: 35px; text-align: center; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .donate-form-box--style2 .donation_wrapper .bottom-box .social-share .social-links li a:hover { color: #fff; background-color: var(--thm-primary); } .cause-details-text-box-1 { position: relative; display: block; padding-top: 52px; } .cause-details-text-box-2 { position: relative; display: block; padding-top: 18px; } .cause-details-text-box-3 { position: relative; display: block; padding-top: 30px; } .cause-details-title { position: relative; display: block; padding-bottom: 15px; } .cause-details-title-shape { position: absolute; top: -10px; left: -20px; opacity: 0.10; z-index: -1; } .cause-details-title h3 { color: #222222; font-size: 24px; line-height: 30px; font-weight: 800; } .cause-details-featured-box { position: relative; display: block; padding-top: 21px; } .cause-details-featured-box .single-box { position: relative; display: block; padding-left: 60px; margin-bottom: 47px; } .cause-details-featured-box .single-box .icon { position: absolute; top: 0; left: 0; width: 60px; padding-top: 10px; z-index: 1; } .cause-details-featured-box .single-box .icon .icon-bg { position: absolute; top: 0; left: 0; z-index: -1; } .cause-details-featured-box .single-box .text { position: relative; display: block; padding-left: 30px; } .cause-details-featured-box .single-box .text h3 { font-size: 20px; line-height: 26px; font-weight: 600; margin: 0 0 11px; } .cause-details-featured-box .single-box .text p { margin: 0; } .cause-details-text-box-4 { position: relative; display: block; padding-top: 15px; } .cause-details-text-box-4 .text-box { position: relative; display: block; } .cause-details-text-box-4 .text-box .text1 { position: relative; display: block; padding-bottom: 8px; } .cause-details-text-box-5 { position: relative; display: block; padding-top: 33px; } .flashNewsContainer { background-color: #eeeeee; border-bottom: solid 1px #555555; padding-top: 8px; padding-bottom: 3px; } .flashNews { color: #642A91 !important; font-weight: 700 !important; font-family: 'Open Sans', sans-serif; font-size: 18px; padding-left: 5px; } @media only screen and (max-width: 5000px){ .boxed_wrapper_box_page{ overflow-x: hidden; } } /* Large Layout: 1200px. */ @media only screen and (min-width: 1200px){ } /* Medium screen */ @media only screen and (min-width: 992px) and (max-width: 1199px) { /*** Header Css ***/ .header .outer-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } .header-right { margin-left: auto; } /*** Features Style1 Area Css ***/ .features-style1_single .text-holder h3 { font-size: 22px; } /*** Causes Style1 Area Css ***/ .causes-style1_content-box { margin-top: 60px; padding-left: 0; } .progress-levels .progress-box .inner { padding-right: 0px; } .progress-levels .progress-box .skill-percent { position: initial; margin-top: 30px; } .progress-levels-style2 .progress-box .skill-percent { margin-top: 0px; } /*** Fact Counter Area Css ***/ .fact-counter-area { padding: 120px 0 130px; } .fact-counter_box { margin-left: 0px; margin-right: 0px; } .video-holder-box .icon { align-items: center; margin-top: 20px; top: 0; } /*** Donate Form Area Css ***/ .donate-form_box .title { width: 100%; text-align: center; margin-bottom: 32PX; } .donate-form_box { display: block; } .donate-form { width: 100%; } /*** Event Style1 Area Css ***/ .event-style1-area { padding-bottom: 120px; } .event-style1-area .custom-container { padding-left: 30px; padding-right: 30px; } .event-style1_image-box { position: absolute; top: 0; left: 0; bottom: 0; right: 0; min-height: 600px; } .event-style1_content-box { padding-top: 650px; padding-left: 0px; padding-bottom: 0px; } /*** Footer Area Css ***/ .single-footer-widget.fixwidth { width: 100%; float: none; max-width: 500px; margin-left: -180px; } .single-footer-widget.pdtop40{ padding-top: 40px; } /*** Header Style Two Css ***/ .header-contact-info-1 { display: none; } .header-bottom-two .outer-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } .header-bottom-two_right { margin-left: auto; } /*** About Style1 Area Css ***/ .about-style1_content-box { max-width: none; margin-bottom: 60px; } .donate-form-box { margin-top: 0; margin-left: 0px; max-width: 700px; } /*** Ongoing Projects Area Css ***/ .single-ongoing-project { width: 220px; height: 220px; margin-right: 10px; } /*** Header Style Three Css ***/ .header-three .auto-container { padding-left: 30px; } .header-left-three { width: 70%; } .main-menu.style3 .navigation> li { margin-right: 15px; } .main-menu.style3 .navigation> li:last-child { margin-right: 0; } .outer-search-box-style2{ display: none; } .header-right-three .header-right_buttom .btns-box .btn-one { padding-left: 20px; padding-right: 20px; } /*** About Style2 Area Css ***/ .about-style2_content-box { max-width: 100%; } .about-style2_image-box { margin-left: 0px; margin-top: 60px; max-width: 700px; } .about-style2_image-box img { width: 100%; } /***Cause Style3 Area Css ***/ .single-cause-style1--instyle2 { padding-left: 0px; min-height: auto; } .single-cause-style1--instyle2 .img-holder { position: relative; display: block; min-height: 450px; width: 100%; } .single-cause-style1--instyle2 .text-holder { padding: 45px 20px 50px; } .single-cause-style1--instyle2 .text-holder h3 { font-size: 18px; } .single-cause-style1--instyle2 .text-holder h3 a br{ display: none; } .single-cause-style1--instyle2 .progress-levels .progress-box .skill-percent{ margin-top: 0; } /*** Mission Vision Area Css ***/ .mission-vision-tabs .tab-buttons .tab-btn { width: 190px; } .mission-vision-tabs .tabs-content { padding: 65px 65px 65px; } .mission-vision-content-box1 { padding-top: 40px; padding-left: 0px; } /*** Features Style3 Area Css ***/ .features-style3_single .shape-1{ display: none; } .features-style3_single .shape-2 { display: none; } .features-style3_single .img-holder .inner-content h2 { font-size: 32px; font-weight: 600; margin-bottom: 12px; } /*** About Style3 Area Css ***/ .about-style3_content { padding-left: 0px; min-height: auto; max-width: 750px; margin: -60px auto 0; } .about-style3_content .img-holder { position: relative; width: 100%; } .about-style3_content .img-holder img{ width: 100%; } .about-style3_content .text-holder .about-style1_content-box{ margin: 0; } .about-style3_content .text-holder .about-style1_content-box .sec-title h2 br{ display: none; } /*** Features Style4 Area Css ***/ .features-style4-area { padding: 120px 0 60px; } .features-style4_single { max-width: 590px; margin: 0 auto 60px; } /*** Support Green Area Css ***/ .support-green-box2 { padding-top: 50px; padding-left: 0px; padding-right: 100px; } /*** Header Style Four Css ***/ .header-contact-info-1.header-contact-info-2 { display: block; } .header-bottom-four_right .nav-outer.style4 .mobile-nav-toggler { padding: 37px 0 38px; } /*** Header Style Five Css ***/ .header-bottom-five_right .nav-outer.style5 .mobile-nav-toggler{ padding: 37px 0 38px; } /*** About Style4 Area Css ***/ .about-style4_image_box { margin-right: 0; max-width: 750px; } .about-style4_content { margin-top: 50px; padding-left: 0px; } /*** Cause Style4 Area Css ***/ .cause-style4-title { flex-direction: column; justify-content: center; align-items: center; text-align: center; padding-bottom: 59px; } .cause-style4-title .right { top: 0; margin-top: 27px; } .cause-style4-content-box_bg { bottom: 152px; } /*** Fact Counter Style4 Area Css ***/ .single-fact-counter-style4 .bottom .count-box { font-size: 50px; } /*** Mission Vision Style2 Area Css ***/ .mission-vision-style2-img { background-position: left top; min-height: 720px; } .mission-vision-style2-content-box { display: block; padding-top: 50px; padding-left: 30px; padding-bottom: 120px; padding-right: 30px; } .mission-vision-style2-content-box .inner { max-width: 100%; } /*** Event Details Area Css ***/ .event-details_content { padding-right: 0px; } .sidebar-content-box { float: none; margin-top: 180px; } .sidebar-content-box:before { top: -120px; left: -40px; right: -40px; } /*** Team Style3 Area Css ***/ .team-style3-area { padding: 120px 0px 90px; } /*** Cause Page Three Featured Cause Css ***/ .cause-page3-featured-cause-content { padding-left: 0; min-height: auto; max-width: 700px; width: 100%; margin: 0 auto; } .featured-cause-image-box { position: relative; max-width: 100%; width: 100%; } /*** Cause Details Area Css ***/ .cause-details_content { padding-right: 0px; } .cause-details_content .donate-form-box--style2 { padding: 53px 60px 60px; max-width: 100%; } /*** Blog Page Two Css ***/ .blog2-content-box { padding-right: 0px; } /*** Blog Details Area Css ***/ .blog-details-content { padding-right: 0px; } /*** Contact Style1 Area Css ***/ .contact-style1_form { padding-right: 0px; } } /* Tablet Layout: 768px. */ @media only screen and (min-width: 768px) and (max-width: 991px) { /*** Header Css ***/ .header-top { display: none; } .header .outer-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } .header-right { margin-left: auto; } /*** Causes Style1 Area Css ***/ .causes-style1_content-box { margin-top: 60px; padding-left: 0; } .progress-levels .progress-box .inner { padding-right: 0px; } .progress-levels .progress-box .skill-percent { position: initial; margin-top: 30px; } .progress-levels-style2 .progress-box .skill-percent{ margin-top: 0; } /*** Fact Counter Area Css ***/ .fact-counter-area { padding: 120px 0 130px; } .fact-counter_box { margin-left: 0px; margin-right: 0px; } .video-holder-box .icon { align-items: center; margin-top: 20px; top: 0; } /*** Donate Form Area Css ***/ .donate-form_box .title { width: 100%; text-align: center; margin-bottom: 30PX; } .donate-form ul { padding-right: 0px; } .donate-form .button-box { position: relative; margin: 30px auto 0; } .donate-form_box { display: block; } .donate-form { width: 100%; } /*** Event Style1 Area Css ***/ .event-style1-area { padding-bottom: 120px; } .event-style1-area .custom-container { padding-left: 30px; padding-right: 30px; } .event-style1_image-box { position: absolute; top: 0; left: 0; bottom: 0; right: 0; min-height: 600px; } .event-style1_content-box { padding-top: 650px; padding-left: 0px; padding-bottom: 0px; } .single-event-style1 .title h2 a br{ display: none; } /*** Partner Area Css ***/ .partner-area .top-box { flex-direction: column; justify-content: center; text-align: center; margin-bottom: 60px; } .partner-area .top-box .title { margin-top: 0; margin-bottom: 31px; } /*** Footer Area Css ***/ .single-footer-widget.fixwidth { width: 100%; float: none; max-width: 500px; margin-left: 0px; } .single-footer-widget.pdtop40{ padding-top: 40px; } .single-footer-widget .title h3 { font-size: 20px; } /*** Header Style Two Css ***/ .header-top-two { display: none; } .header-bottom-two .auto-container { padding: 0 30px; } .header-bottom-two .outer-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } .header-bottom-two_right { margin-left: auto; } .header-right_buttom.style2{ display: none; } /*** About Style1 Area Css ***/ .about-style1-area .sec-title h2 br{ display: none; } .about-style1_content-box { max-width: none; margin-bottom: 60px; } .donate-form-box { margin-top: 0; margin-left: 0px; max-width: 500px; } /*** Ongoing Projects Area Css ***/ .ongoing-projects_content ul { flex-direction: column; } .single-ongoing-project { margin-right: 0px; } /*** Slogan Area Css ***/ .slogan-content_bottom { flex-direction: column; } .slogan-content_bottom .right { margin-top: 25px; } /*** Fact Counter Style2 Area Css ***/ .single-fact-counter .top { min-height: 160px; } .single-fact-counter .top .icon-box, .single-fact-counter .top .count-box { display: block; text-align: center; } .single-fact-counter .top .icon-box { width: 100%; margin-bottom: 23px; } .single-fact-counter-style2 .outer-box { padding: 60px 30px 53px; padding-right: 30px; } .single-fact-counter .text { text-align: center; } /*** Header Style Three Css ***/ .header-three .auto-container { padding-left: 30px; } .header-left-three { width: 95%; } .main-menu.style3 .navigation> li { margin-right: 15px; } .main-menu.style3 .navigation> li:last-child { margin-right: 0; } .header-right-three { display: none; } /*** Features Style2 Area Css ***/ .features-style2-area { padding: 120px 0px 90px;; } .features-style2_single { margin-bottom: 30px; } /*** About Style2 Area Css ***/ .about-style2_content-box { max-width: 100%; } .about-style2_image-box { margin-left: 0px; margin-top: 60px; max-width: 700px; } .about-style2_image-box img { width: 100%; } /***Cause Style3 Area Css ***/ .single-cause-style1--instyle2 { padding-left: 0px; min-height: auto; } .single-cause-style1--instyle2 .img-holder { position: relative; display: block; min-height: 550px; width: 100%; } .single-cause-style1--instyle2 .text-holder { padding: 45px 30px 50px; } .single-cause-style1--instyle2 .text-holder h3 a br{ display: none; } .single-cause-style1--instyle2 .progress-levels .progress-box .skill-percent{ margin: 0; } /*** Mission Vision Area Css ***/ .mission-vision-tabs .tab-buttons .tab-btn { font-size: 16px; width: 150px; } .mission-vision-tabs .tabs-content { padding: 65px 65px 65px; } .mission-vision-content-box1 { padding-top: 40px; padding-left: 0px; } /*** Features Style3 Area Css ***/ .features-style3-area .auto-container { max-width: 690px; } .features-style3_single .img-holder .inner-content h2 { margin-bottom: 16px; } /*** About Style3 Area Css ***/ .about-style3_content { padding-left: 0px; min-height: auto; max-width: 750px; margin: -60px auto 0; } .about-style3_content .img-holder { position: relative; width: 100%; } .about-style3_content .img-holder img{ width: 100%; } .about-style3_content .text-holder .about-style1_content-box{ margin: 0; } .about-style3_content .text-holder .about-style1_content-box .sec-title h2 br{ display: none; } /*** Features Style4 Area Css ***/ .features-style4-area { padding: 120px 0 60px; } .features-style4_single { max-width: 590px; margin: 0 auto 60px; } /*** Support Green Area Css ***/ .support-green-box2 { padding-top: 50px; padding-left: 0px; } /*** Slogan Style3 Area Css ***/ .slogan-style3-area { padding: 120px 0px 120px; } .slogan-style3-area .sec-title h2 br{ display: none; } /*** Header Style Four Css ***/ .header-top-four { display: none; } .header-latest-news { display: none; } .header-bottom-four_right .nav-outer.style4 .mobile-nav-toggler { padding: 37px 0 38px; } /*** Header Style Five Css ***/ .header-top-five { display: none; } .header-bottom-five_right .nav-outer.style5 .mobile-nav-toggler{ padding: 37px 0 38px; } .header-bottom-five { margin-top: 0px; } /*** Features Style5 Area Css ***/ .features-style5_single .inner-box { padding-left: 20px; padding-right: 20px; } .features-style5_single .inner-box .text-holder h3 { font-size: 20px; line-height: 26px; } /*** About Style4 Area Css ***/ .about-style4_image_box { margin-right: 0; max-width: 750px; } .about-style4_content { margin-top: 50px; padding-left: 0px; } /*** Cause Style4 Area Css ***/ .cause-style4-title { flex-direction: column; justify-content: center; align-items: center; text-align: center; padding-bottom: 59px; } .cause-style4-title .right { top: 0; margin-top: 27px; } .cause-style4-content-box_bg { bottom: 152px; } /*** Fact Counter Style4 Area Css ***/ .single-fact-counter-style4 .bottom .count-box { font-size: 40px; } .single-fact-counter-style4 .bottom .text { margin-top: 11px; } /*** Mission Vision Style2 Area Css ***/ .mission-vision-style2-img { background-position: left top; min-height: 720px; } .mission-vision-style2-content-box { display: block; padding-top: 50px; padding-left: 30px; padding-bottom: 120px; padding-right: 30px; } .mission-vision-style2-content-box .inner { max-width: 100%; } /*** Event Details Area Css ***/ .event-details_content { padding-right: 0px; } .sidebar-content-box { float: none; margin-top: 180px; } .sidebar-content-box:before { top: -120px; left: -40px; right: -40px; } /*** Team Style3 Area Css ***/ .team-style3-area { padding: 120px 0px 90px; } /*** Cause Page Three Featured Cause Css ***/ .cause-page3-featured-cause-content { padding-left: 0; min-height: auto; max-width: 700px; width: 100%; margin: 0 auto; } .featured-cause-image-box { position: relative; max-width: 100%; width: 100%; } /*** Cause Details Area Css ***/ .cause-details_content { padding-right: 0px; } .cause-details_content .donate-form-box--style2 { padding: 53px 60px 60px; max-width: 100%; } .cause-details_content .donate-form-box--style2 .top-title h2 br{ display: none; } /*** Blog Page Two Css ***/ .blog2-content-box { padding-right: 0px; } /*** Blog Details Area Css ***/ .blog-details-content { padding-right: 0px; } /*** Contact Style1 Area Css ***/ .contact-style1_form { padding-right: 0px; } } /* Mobile Layout: 320px. */ @media only screen and (max-width: 767px) { .sec-title { padding-bottom: 10px; } .sec-title h2 { font-size: 38px; } .sec-title h2 br{ display: none; } /*** Header Css ***/ .header-top { display: none; } .header .outer-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } .header-right { margin-left: auto; } .header-right_buttom { display: none; } /*** Causes Style1 Area Css ***/ .causes-style1_image-box { padding-top: 0; } .causes-style1-area .sec-title { text-align: center; } .causes-style1_content-box .text-box { text-align: center; } .causes-style1_content-box{ margin-top: 60px; } .causes-style1_content-box .inner-content{ margin-top: 18px; } .progress-levels .progress-box .skill-percent { position: initial; margin-top: 30px; } .causes-style1_image-box .main { width: auto; height: auto; } .causes-style1_image1{ display: none; } .causes-style1_image2{ display: none; } .causes-style1_image3{ display: none; } .causes-style1_image4{ display: none; } .progress-levels .progress-box .inner { padding-right: 0px; } .causes-style1_content-box .btns-box { text-align: center; } .cause-video-button { margin-top: 10px; margin-left: 0px; } /*** Cause Style2 Area Css ***/ .single-cause-style1 .text-holder { padding: 43px 20px 50px; } .progress-levels-style2 .progress-box .skill-percent{ margin-top: 0; } /*** Fact Counter Area Css ***/ .fact-counter-area { padding: 120px 0 130px; } .fact-counter_box { margin-left: 0px; margin-right: 0px; } .video-holder-box .icon { align-items: center; margin-top: 20px; top: 0; } .single-fact-counter { float: none; width: 100%; max-width: 320px; margin: 0 auto 25px; } .single-fact-counter .top .icon-box, .single-fact-counter .top .count-box { display: block; text-align: center; } .single-fact-counter .top .icon-box { width: 100%; margin-bottom: 24px; } .single-fact-counter .top .count-box { padding-left: 0px; } .single-fact-counter .text { text-align: center; } /*** Mission And Goals Area Css ***/ .mission-goals-image-box { position: relative; top: 0; left: 0; bottom: 0; max-width: 100%; min-height: 500px; } .mission-goals-content .text-holder { position: relative; top: 0; right: 0; bottom: 0; max-width: 100%; width: 100%; padding: 43px 30px 63px; } .mission-goals-content .text-holder .top { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; } .mission-goals-content .text-holder .top .title { margin-top: 20px; } .mission-goals-content .text-holder .top .title h3 br{ display: none; } .mission-goals-content .text-holder .text { text-align: center; } .mission-goals-content .text-holder ul { flex-direction: column; align-items: center; justify-content: center; } .mission-goals-content .text-holder ul li { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; border-right: none; margin-bottom: 30px; } .mission-goals-content .text-holder ul li:last-child{ margin-bottom: 0; } /*** Donate Form Area Css ***/ .donate-form_box .title { width: 100%; text-align: center; margin-bottom: 32px; } .donate-form_box { display: block; } .donate-form { width: 100%; } .donate-form ul { padding-right: 0px; } .donate-form .button-box { position: relative; top: 0; right:0; width: 100%; } .donate-form ul li { position: relative; display: block; float: none; width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; border-right: none; margin-bottom: 10PX; } .donate-form .bootstrap-select>.dropdown-toggle { border-radius: 10px; } /*** Event Style1 Area Css ***/ .event-style1-area { padding-bottom: 120px; } .event-style1-area .custom-container { padding-left: 15px; padding-right: 15px; } .event-style1_image-box { position: absolute; top: 0; left: 0; bottom: 0; right: 0; min-height: 500px; } .event-style1_content-box { padding-top: 550px; padding-left: 0px; padding-bottom: 0px; } .single-event-style1 .title h2 a br{ display: none; } .event-style1_content-box .sec-title { padding-bottom: 136px; } .event-style1_content-box .sec-title h2 br{ display: none; } .event-style1-area .owl-nav-style-one.owl-theme .owl-nav { top: -95px; right: auto; left: 0; } /*** Testimonial Style1 Area Css ***/ .single-testimonial-style1 { padding-left: 0px; } .single-testimonial-style1 .img-holder { position: relative; display: block; } .single-testimonial-style1 .text-holder { margin-top: 30px; } .testimonial-style1_carousel { padding-right: 40px; } /*** Partner Area Css ***/ .partner-area .top-box { flex-direction: column; justify-content: center; text-align: center; margin-bottom: 60px; } .partner-area .top-box .title { margin-top: 0; margin-bottom: 31px; } /*** Footer Area Css ***/ .footer { padding: 100px 0 100px; } .single-footer-widget.fixwidth { width: 100%; float: none; max-width: 500px; margin-left: 0px; } .single-footer-widget.martop { margin-top: 0; } .single-footer-widget.pdtop40{ padding-top: 40px; } .single-footer-widget.pd40-0{ padding: 40px 0; } .footer-bottom_content_box { flex-direction: column; padding: 38px 0 45px; text-align: center; } .footer-social-link { padding-top: 23px; margin-left: 0px; } /*** Header Style Two Css ***/ .header-top-two { display: none; } .header-bottom-two .auto-container { padding: 0 20px; } .header-bottom-two .outer-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } .header-bottom-two_right { margin-left: auto; } .header-right_buttom.style2{ display: none; } /*** About Style1 Area Css ***/ .about-style1-area .sec-title { text-align: center; } .about-style1-area .sec-title h2{ font-size: 32px; } .about-style1-area .sec-title h2 br{ display: none; } .about-style1_content-box { max-width: none; margin-bottom: 60px; } .donate-form-box { margin-top: 0; margin-left: 0px; padding: 43px 20px 50px; } .donate-form-box .top-title h2 { font-size: 26px; line-height: 34px; font-weight: 600; } .donate-form-box .top-title h2 br{ display: none; } .about-style1_content-box .inner-content .bottom-box { margin-top: 30px; flex-direction: column; } .about-style1_content-box .inner-content .bottom-box .name { margin-top: 20px; padding-left: 0px; } .about-style1_content-box .inner-content .bottom-box .signature { padding-right: 0; } .about-style1_content-box .inner-content .bottom-box .signature:before{ display: none; } .about-style1_content-box .inner-content { text-align: left; } .progress-levels-style2 .bottom-box { flex-direction: column; } .progress-levels-style2 .bottom-box .rate-box { margin-bottom: 20px; } /*** Ongoing Projects Area Css ***/ .ongoing-projects_content ul { flex-direction: column; } .single-ongoing-project { margin-right: 0px; } /*** Slogan Area Css ***/ .slogan-content_bottom { flex-direction: column; } .slogan-content_bottom .right { margin-top: 25px; } .slogan-content_bottom .left { flex-direction: column; } .slogan-content_bottom .left .title { padding-left: 0px; text-align: center; margin-top: 20px; } .slogan-content_top { padding: 72px 20px 77px; } .slogan-content_top h2 br{ display: none; } /*** Fact Counter Style2 Area Css ***/ .single-fact-counter-style2 .top { min-height: 160px; } .single-fact-counter-style2 .top .icon-box, .single-fact-counter-style2 .top .count-box { display: block; text-align: center; } .single-fact-counter-style2 .top .icon-box { width: 100%; margin-bottom: 23px; } .single-fact-counter-style2 .outer-box { padding: 60px 30px 53px; padding-right: 30px; } .single-fact-counter-style2 .text { text-align: center; } /*** Header Style Three Css ***/ .header-three { padding-right: 0px; } .header-three .auto-container { padding-left: 30px; padding-right: 20px; } .header-left-three { width: 100%; } .header-right-three { display: none; } /*** Features Style2 Area Css ***/ .features-style2-area { padding: 120px 0px 90px;; } .features-style2_single { margin-bottom: 30px; } /*** About Style2 Area Css ***/ .about-style2_image-box { margin-left: 0px; margin-top: 60px; } .about-style2_image-box img { width: 100%; } .about-style2-area .sec-title{ text-align: center; } .about-style2-area .sec-title h2 br{ display: none; } .about-style2_content-box .inner-content ul li { flex-direction: column; } .about-style2_content-box .inner-content ul li .left { flex-direction: column; margin-bottom: 20px; } .about-style2_content-box .inner-content ul li .left .icon { margin-bottom: 15px; } .about-style2_content-box .inner-content p { text-align: center; } .about-style2_content-box .inner-content ul li .count-outer { margin-left: 0px; } .about-style2_content-box .inner-content ul li .right { padding-left: 0px; } .about-style2_content-box .inner-content ul li .right:before { display: none; } /***Cause Style3 Area Css ***/ .cause-style3-area .auto-container { max-width: 520px; } .single-cause-style1--instyle2 { padding-left: 0px; min-height: auto; } .single-cause-style1--instyle2 .img-holder { position: relative; display: block; min-height: 500px; width: 100%; } .single-cause-style1--instyle2 .text-holder { padding: 45px 20px 50px; } .single-cause-style1--instyle2 .text-holder h3{ font-size: 18px; } .single-cause-style1--instyle2 .text-holder h3 a br{ display: none; } .single-cause-style1--instyle2 .progress-levels .progress-box .skill-percent{ margin: 0; } /*** Mission Vision Area Css ***/ .mission-vision-tabs .tab-buttons .tab-btn { font-size: 16px; width: 200px; display: block; margin-right: 0; margin-bottom: 15px; } .mission-vision-tabs .tabs-content { padding: 40px 30px 70px; } .mission-vision-content-box1 { padding-top: 40px; padding-left: 0px; } .mission-vision-content-box1 h2 br{ display: none; } /*** Features Style3 Area Css ***/ .features-style3-area .auto-container { max-width: 510px; } .features-style3_single .shape-1 { display: none; } .features-style3_single .shape-2 { display: none; } .features-style3_single .img-holder .inner-content h2 { font-size: 30px; margin-bottom: 13px; } /*** Slogan Style2 Area Css ***/ .slogan-style2-area .hand-shape1{ display: none; } .slogan-style2-area .hand-shape2{ display: none; } .slogan-style2-area .hand-shape3{ display: none; } .slogan-style2-area .hand-shape4{ display: none; } .slogan-style2-content .text-box p br{ display: none; } /*** About Style3 Area Css ***/ .about-style3_content { padding-left: 0px; min-height: auto; max-width: 750px; margin: -60px auto 0; } .about-style3_content .img-holder { position: relative; width: 100%; } .about-style3_content .img-holder img{ width: 100%; } .about-style3_content .text-holder { padding-top: 40px; padding-left: 20px; padding-bottom: 70px; padding-right: 20px; } .about-style3_content .text-holder .about-style1_content-box{ margin: 0; text-align: center; } .about-style3_content .text-holder .about-style1_content-box .sec-title h2 br{ display: none; } /*** Features Style4 Area Css ***/ .features-style4-area { padding: 120px 0 60px; } .features-style4_single { max-width: 590px; margin: 0 auto 60px; } /*** Support Green Area Css ***/ .support-green-box2 { padding-top: 50px; padding-left: 0px; } .support-green-box2 .image2 { display: none; } .support-green-box1 .single-cause-style1 .text-holder p br{ display: none; } .support-green-box1 .single-cause-style1 .text-holder { padding: 63px 20px 70px; } .support-green-box2 .image1{ display: none; } /*** Slogan Style3 Area Css ***/ .slogan-style3-area { padding: 120px 0px 150px; } .slogan-style3-area .sec-title h2 br{ display: none; } .slogan-style3-area .sec-title h2 { font-size: 38px; } .slogan-style3-area .btns-box a { margin: 0 0px 15px; } /*** Header Style Four Css ***/ .header-top-four { display: none; } .header-latest-news { display: none; } .header-bottom-four .outer-box { padding-left: 15px; padding-right: 10px; } .header-bottom-four_right .nav-outer.style4 .mobile-nav-toggler { padding: 37px 0 38px; } /*** Header Style Five Css ***/ .header-top-five { display: none; } .header-bottom-five_right .nav-outer.style5 .mobile-nav-toggler{ padding: 37px 0 38px; } .header-bottom-five { margin-top: 0px; } .header-bottom-five .outer-box { padding-left: 15px; padding-right: 10px; } /*** Features Style5 Area Css ***/ .features-style5_box { padding: 60px 20px 0px; } .features-style5_single { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 90px; } .features-style5_single .inner-box:before { display: none; } .features-style5_single .inner-box { padding-left: 20px; padding-right: 20px; margin-bottom: 60px; } .features-style5_single .inner-box .text-holder h3 { font-size: 20px; line-height: 26px; } /*** About Style4 Area Css ***/ .about-style4_image_box { margin-right: 0; max-width: 750px; } .about-style4_content { margin-top: 50px; padding-left: 0px; } /*** Cause Style4 Area Css ***/ .cause-style4-title { flex-direction: column; justify-content: center; align-items: center; text-align: center; padding-bottom: 59px; } .cause-style4-title .right { top: 0; margin-top: 27px; } .cause-style4-content-box_bg { bottom: 152px; } .single-cause-style5 .text-holder.overlay-box { position: relative; opacity: 1.0; transform: perspective(400px) scaleY(1.0); } /*** Fact Counter Style4 Area Css ***/ .single-fact-counter-style4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 50px; } .single-fact-counter-style4:last-child{ margin-bottom: 0; } .single-fact-counter-style4 .bottom .count-box { font-size: 40px; } .single-fact-counter-style4 .bottom .text { margin-top: 11px; } .single-fact-counter-style4 .icon { align-items: center; justify-content: center; margin-bottom: 35px; } .single-fact-counter-style4:last-child .bottom::before{ display: none; } /*** Mission Vision Style2 Area Css ***/ .mission-vision-style2-img { background-position: left top; min-height: 720px; } .mission-vision-style2-content-box { display: block; padding-top: 50px; padding-left: 30px; padding-bottom: 120px; padding-right: 30px; } .mission-vision-style2-content-box .inner { max-width: 100%; } /*** Event Details Area Css ***/ .event-details_content { padding-right: 0px; } .sidebar-content-box { float: none; margin-top: 180px; } .sidebar-content-box:before { top: -120px; left: -10000000px; right: -1000000px; } .event-details-image-box .category { left: 20px; bottom: 20px; } .event-details-text-box { padding: 53px 20px 60px; } .event-details-text-box h2 { font-size: 26px; line-height: 36px; font-weight: 600; } .event-details-text-box h2 br{ display: none; } .event-details-text-box .event-info li { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; border-right: none; margin-bottom: 40px; } .event-details-text-box .event-info li:last-child{ margin-bottom: 0; } .event-details-text-box .bottom-box { flex-direction: column; justify-content: center; align-items: center; } .event-details-text-box .bottom-box .social-share { align-items: center; flex-direction: column; justify-content: center; text-align: center; } .event-details-text-box .bottom-box .social-share .title { padding-right: 0; margin: 18px 0 9px; } .recent-campaigns li .title-box h4 a br { display: none; } /*** Team Style3 Area Css ***/ .team-style3-area { padding: 120px 0px 90px; } /*** Faq Style1 Area Css ***/ .accordion-box .accordion { padding-left: 20px; padding-right: 50px; } .accordion-box .accordion .accord-btn h4 { font-size: 18px; line-height: 26px; font-weight: 600; } .accordion-box .accordion .accord-btn h4 br{ display: none; } .accordion-box .accordion .accord-btn::after { right: -30px; } /*** Error Page Area Css ***/ .error-content .title { position: relative; display: block; color: var(--thm-black); font-size: 120px; line-height: 110px; font-weight: 900; text-transform: uppercase; margin: 17px 0 23px; } /*** Cause Page Three Featured Cause Css ***/ .cause-page3-featured-cause-content { padding-left: 0; min-height: auto; max-width: 700px; width: 100%; margin: 0 auto; } .featured-cause-image-box { position: relative; max-width: 100%; width: 100%; } .single-cause-style1--instyle2.featured-cause-content-box .text-holder { padding: 45px 30px 45px; } /*** Cause Details Area Css ***/ .cause-details_content { padding-right: 0px; } .cause-details-image-box .category { left: 20px; bottom: 20px; } .cause-details_content .donate-form-box--style2 { padding: 53px 30px 60px; max-width: 100%; } .cause-details_content .donate-form-box--style2 .top-title h2 br{ display: none; } .cause-details_content .donate-form-box--style2 .donation_wrapper > .single_amount_wrapper { display: block; margin: 0 0px 25px; max-width: 150px; width: 100%; text-align: center; margin: 0 auto; } .cause-details_content .donate-form-box--style2 .donation_wrapper > .single_amount_wrapper > .single_amount { margin-bottom: 10px; } .cause-details_content .donate-form-box--style2 .donation_wrapper .bottom-box { flex-direction: column; justify-content: center; align-items: center; } .cause-details_content .donate-form-box--style2 .donation_wrapper .bottom-box .social-share { position: relative; flex-direction: column; } .cause-details_content .donate-form-box--style2 .donation_wrapper .bottom-box .social-share .title { display: block; padding-right: 0px; margin: 15px 0 7px; } /*** Breadcrumb Area Css ***/ .breadcrumb-area .title h2 { font-size: 38px; line-height: 1.2em; } .breadcrumb-area .title h2 br{ display: none; } .breadcrumb-area .inner-content .border-box { margin: 21px auto 24px; } /*** Blog Page Two Css ***/ .blog2-content-box { padding-right: 0px; } .single-blog-style2 .text-holder { padding: 45px 30px 50px; } .single-blog-style2 .text-holder .blog-title { font-size: 22px; line-height: 32px; } .blog-style3-text-holder { padding: 51px 30px 56px; } .blog-style3-text-holder .blog-title a br{ display: none; } .single-blog-style2 .text-holder .meta-box { display: block; } .single-blog-style2 .text-holder .meta-info { margin-top: 10px; padding-left: 0px; } /*** Blog Details Area Css ***/ .blog-details-content { padding-right: 0px; } .post-tag-share-box { flex-direction: column; justify-content: center; align-items: center; text-align: center; } .post-tag-share-box .tag-box ul li { float: none; margin-right: 0px; margin: 0 3px 5px; } .post-tag-share-box .share-box { margin-top: 10px; } .author-box-holder { padding: 40px 30px 40px; text-align: center; } .author-box-holder .inner-box { padding-left: 0px; } .author-box-holder .inner-box .img-box { position: relative; margin: 0 auto; } .author-box-holder .inner-box .text-box { margin-top: 25px; padding-left: 0px; } .author-box-holder .inner-box .text-box .author-social-links ul li { float: none; margin-right: 0; margin: 0 2px; } .single-comments-box { padding-left: 0px; min-height: auto; } .single-comments-box .img_box { position: relative; top: 0px; left: 0; } .single-comments-box .text_box { margin-top: 25px; padding-left: 0px; } /*** Contact Style1 Area Css ***/ .contact-style1_form { padding-right: 0px; } } @media only screen and (min-width: 768px){ .main-menu .navigation > li > ul, .main-menu .navigation > li > ul > li > ul, .main-menu .navigation > li .megamenu { display:block !important; visibility:hidden; opacity:0; } } @media only screen and (max-width: 1199px) { .main-header .main-menu { position: relative; display: block; width: 100%; float: none; } .main-header .nav-outer .main-menu, .sticky-header{ display: none !important; } .nav-outer .mobile-nav-toggler{ display: block; } .mobile-nav-toggler .icon-bar { position: relative; display: block; background: var(--thm-primary); height: 2px; width: 30px; margin: 7px 5px; } .nav-outer.style3 .mobile-nav-toggler .icon-bar{ background: #ffffff; } } @media only screen and (min-width: 1200px) and (max-width: 1450px) { .fact-counter_box { margin-left: 0px; margin-right: 0px; } } @media only screen and (min-width: 1200px) and (max-width: 1750px) { /*** Event Style1 Area Css ***/ .event-style1_content-box .sec-title { padding-bottom: 136px; } .event-style1_content-box .sec-title h2 br{ display: none; } .single-event-style1 .title h2 a br{ display: none; } .event-style1-area .owl-nav-style-one.owl-theme .owl-nav { top: -95px; right: auto; left: 0; } /*** Header Style Three Css ***/ .header-three .auto-container { padding-left: 30px; } .header-left-three { width: 90%; } .main-menu.style3 .navigation> li { margin-right: 15px; } .main-menu.style3 .navigation> li:last-child { margin-right: 0; } .outer-search-box-style2{ display: none; } .header-right-three .header-right_buttom .btns-box .btn-one { padding-left: 20px; padding-right: 20px; } /*** Main Slider Style3 Css ***/ .main-slider.style3 .slide .image-layer-bg { width: 78%; } .main-slider.style3 .content .big-title h2 { font-size: 48px; } .main-slider.style3 .content .text p { font-size: 18px; line-height: 30px; } .main-slider.style3 .content .btns-box { padding-top: 41px; } } @media only screen and (min-width: 1200px) and (max-width: 1550px) { /*** Fact Counter Style2 Area Css ***/ .single-fact-counter .top { min-height: 160px; } .single-fact-counter .top .icon-box, .single-fact-counter .top .count-box { display: block; text-align: center; } .single-fact-counter .top .icon-box { width: 100%; margin-bottom: 23px; } .single-fact-counter-style2 .outer-box { padding: 60px 30px 53px; padding-right: 30px; } .single-fact-counter .text { text-align: center; } .header-top-two .auto-container { padding: 0 30px; } .header-bottom-two .auto-container { padding: 0 30px; } .main-menu.style2 .navigation> li { margin-right: 20px; } .header-right_buttom.style2 .outer-search-box-style1{ display: none; } .features-style3_single .img-holder .inner-content h2 { font-size: 32px; margin-bottom: 12px; } } @media only screen and (min-width: 1200px) and (max-width: 1250px){ /*** Cause Style3 Area ***/ .single-cause-style1--instyle2 .text-holder { padding: 45px 20px 50px; } .single-cause-style1 .text-holder h3{ font-size: 18px; } .single-cause-style1 .text-holder h3 a br{ display: none; } } @media only screen and (min-width: 1200px) and (max-width: 1390px) { /*** Main Slider Css ***/ .main-slider .auto-container { padding: 0px 120px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { /*** Main Slider Css ***/ .main-slider .auto-container { padding: 0px 120px; } .main-slider .content .big-title { margin-top: 12px; margin-bottom: 29px; } .main-slider .content .big-title h2 { font-size: 40px; line-height: 1.25em; } /*** Main Slider Style2 Css ***/ .main-slider.style2 .slide { padding: 145px 0px 150px; } .main-slider.style2 .content .image-box img{ width: 70%; opacity: 0.70; } .main-slider.style2 .content .big-title h2 { font-size: 62px; } /*** Main Slider Style3 Css ***/ .main-slider.style3 .auto-container { padding-left: 30px; } .main-slider.style3 .slide .image-layer-bg { width: 72%; } .main-slider.style3 .content .big-title h2 { font-size: 48px; } .main-slider.style3 .content .text p { font-size: 18px; line-height: 30px; } .main-slider.style3 .content .btns-box { padding-top: 41px; } /*** Main Slider Style4 Css ***/ .main-slider.style4 .content .big-title h2 { font-size: 70px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /*** Main Slider Css ***/ .main-slider .auto-container { padding: 0px 120px; } .main-slider .content .big-title { margin-top: 12px; margin-bottom: 29px; } .main-slider .content .big-title h2 { font-size: 40px; line-height: 1.25em; } .main-slider .content .big-title h2 br{ display: none; } /*** Main Slider Style2 Css ***/ .main-slider.style2 .slide { padding: 145px 0px 150px; } .main-slider.style2 .content .image-box{ display: none; } .main-slider.style2 .content .big-title h2 { font-size: 42px; } .main-slider.style2 .man-shape img{ width: 60%; opacity: 0.70; } /*** Main Slider Style3 Css ***/ .main-slider.style3 .auto-container { padding-left: 30px; } .main-slider.style3 .slide .image-layer-bg { width: 100%; } .main-slider.style3 .content .big-title h2 { font-size: 48px; } .main-slider.style3 .content .text p { font-size: 18px; line-height: 30px; } .main-slider.style3 .content .btns-box { padding-top: 41px; } /*** Main Slider Style4 Css ***/ .main-slider.style4 { margin-top: 0; } .main-slider.style4 .content .big-title h2 { font-size: 50px; } .main-slider.style4 .content .sub-title-box { font-size: 34px; line-height: 50px; padding: 15px 50px; } .main-slider.style4 .content .sub-title-box .sub-title-box-bg { background-size: contain; } .main-slider.style4 .content .text p { font-size: 18px; line-height: 30px; } /*** Main Slider Style5 Css ***/ .main-slider.style5 { margin-top: 0; } .main-slider.style5 .slide { padding: 252px 0px 150px; } .main-slider.style5 .content .big-title h2 { font-size: 66px; } .main-slider.style5 .content h4 { font-size: 38px; } .main-slider .owl-theme .owl-nav { top: 55%; transform: scaleX(1.0) translateY(-30px); } } @media only screen and (min-width: 500px) and (max-width: 767px) { /*** Main Slider Css ***/ .main-slider .owl-theme .owl-nav { display: none; } .main-slider .auto-container { padding: 0px 50px; padding-right: 50px; } .main-slider.style1 .auto-container { padding: 0px 20px; padding-left: 20px; } .main-slider .content .big-title { margin-top: 10px; margin-bottom: 27px; } .main-slider .content .big-title h2 { font-size: 30px; line-height: 1.25em; } .main-slider .content .big-title h2 br{ display: none; } .main-slider .content .text { padding-top: 24px; } .main-slider .content .text p { font-size: 18px; line-height: 30px; font-weight: 400; } .main-slider .content .btns-box { padding-top: 31px; } .main-slider.style1 .banner-carousel.owl-carousel .owl-dots { display: none; } /*** Main Slider Style2 Css ***/ .main-slider.style2 .slide { padding: 145px 0px 150px; } .main-slider.style2 .content .image-box{ display: none; } .main-slider.style2 .content .big-title h2 { font-size: 42px; } .main-slider.style2 .content .big-title h2 br{ display: none; } .main-slider.style2 .man-shape img{ width: 60%; opacity: 0.70; } /*** Main Slider Style3 Css ***/ .main-slider.style3 { padding-right: 0px; } .slider-social-links-box { display: none; } .main-slider.style3 .slide { padding: 0px 0px 150px; } .main-slider.style3 .auto-container { padding-left: 20px; padding-right: 20px; } .main-slider.style3 .slide .image-layer-bg { width: 100%; bottom: 0; } .main-slider.style3 .content .big-title h2 { font-size: 38px; } .main-slider.style3 .content .text p { font-size: 18px; line-height: 30px; } .main-slider.style3 .content .btns-box { padding-top: 41px; } .slide-image-box { position: relative; width: 100%; height: 400px; } .main-slider.style3 .content{ padding-top: 175px; } /*** Main Slider Style4 Css ***/ .main-slider.style4 { margin-top: 0; } .main-slider.style4 .content .big-title h2 { font-size: 50px; line-height: 1.1em; } .main-slider.style4 .content .sub-title-box { font-size: 34px; line-height: 50px; padding: 15px 50px; } .main-slider.style4 .content .sub-title-box .sub-title-box-bg { background-size: contain; } .main-slider.style4 .content .text p { font-size: 18px; line-height: 30px; } /*** Main Slider Style5 Css ***/ .main-slider.style5 { margin-top: 0; } .main-slider.style5 .slide { padding: 252px 0px 150px; } .main-slider.style5 .content .big-title h2 { font-size: 46px; } .main-slider.style5 .content h4 { font-size: 28px; } .main-slider.style5 .content .btns-box { align-items: flex-start; flex-direction: column; padding-top: 43px; } .main-slider.style5 .content.middle .btns-box { align-items: center; flex-direction: column; } .main-slider.style5 .content .btns-box a.marlft15 { margin-left: 0; margin-top: 10px; } .main-slider.style5 .owl-theme .owl-nav { top: 55%; transform: scaleX(1.0) translateY(-30px); } } @media only screen and (max-width: 499px) { /*** Main Slider Css ***/ .main-slider .owl-theme .owl-nav { display: none; } .main-slider .auto-container { padding: 0px 30px; padding-right: 30px; } .main-slider.style1 .auto-container { padding: 0px 20px; padding-left: 20px; } .main-slider .content .big-title { margin-top: 10px; margin-bottom: 27px; } .main-slider .content .big-title h2 { font-size: 30px; line-height: 1.25em; } .main-slider .content .big-title h2 br{ display: none; } .main-slider .content .text { padding-top: 24px; } .main-slider .content .text p { font-size: 18px; line-height: 30px; font-weight: 400; } .main-slider .content .btns-box { padding-top: 31px; display: block; align-items: flex-start; flex-direction: column; } .main-slider .content .btns-box a.marlft15 { margin-top: 10px; margin-left: 0; } .main-slider.style1 .banner-carousel.owl-carousel .owl-dots { display: none; } /*** Main Slider Style2 Css ***/ .main-slider.style2 .slide { padding: 145px 0px 150px; } .main-slider.style2 .content .image-box{ display: none; } .main-slider.style2 .content .big-title h2 { font-size: 32px; } .main-slider.style2 .content .big-title h2 br{ display: none; } .main-slider.style2 .man-shape img{ width: 60%; opacity: 0.70; } /*** Main Slider Style3 Css ***/ .main-slider.style3 { padding-right: 0px; } .slider-social-links-box { display: none; } .main-slider.style3 .slide { padding: 0px 0px 150px; } .main-slider.style3 .auto-container { padding-left: 20px; padding-right: 20px; } .main-slider.style3 .slide .image-layer-bg { width: 100%; bottom: 0; } .main-slider.style3 .content .big-title h2 { font-size: 38px; } .main-slider.style3 .content .text p { font-size: 18px; line-height: 30px; } .main-slider.style3 .content .btns-box { padding-top: 41px; } .slide-image-box { position: relative; width: 100%; height: 400px; } .main-slider.style3 .content{ padding-top: 175px; } /*** Main Slider Style4 Css ***/ .main-slider.style4 { margin-top: 0; } .main-slider.style4 .content .big-title h2 { font-size: 40px; line-height: 1.1em; } .main-slider.style4 .content .sub-title-box { font-size: 24px; line-height: 40px; padding: 15px 50px; } .main-slider.style4 .content .sub-title-box .sub-title-box-bg { background-size: contain; } .main-slider.style4 .content .text p { font-size: 18px; line-height: 30px; } /*** Main Slider Style5 Css ***/ .main-slider.style5 { margin-top: 0; } .main-slider.style5 .slide { padding: 252px 0px 150px; } .main-slider.style5 .content .big-title h2 { font-size: 36px; } .main-slider.style5 .content h4 { font-size: 28px; } .main-slider.style5 .content .btns-box { align-items: flex-start; flex-direction: column; padding-top: 43px; } .main-slider.style5 .content.middle .btns-box { align-items: center; flex-direction: column; } .main-slider.style5 .content .btns-box a.marlft15 { margin-left: 0; margin-top: 10px; } .main-slider.style5 .owl-theme .owl-nav { top: 55%; transform: scaleX(1.0) translateY(-30px); } } @media only screen and (max-width: 1199px) { .order-2 { -ms-flex-order: 2; order: 2; } .order-1 { -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .order-box-2 { -ms-flex-order: 2; order: 2; } .order-box-1 { -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 300px) and (max-width: 767px) { .order-box-2 { -ms-flex-order: 2; order: 2; } .order-box-1 { -ms-flex-order: 1; order: 1; } }