/* Minification failed. Returning unminified contents.
(173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(304,21): run-time error CSS1039: Token not allowed after unary operator: '-color-dakr-1'
(305,31): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(306,31): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-2'
(307,31): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-3'
(308,31): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-4'
(309,33): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-1'
(345,31): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-block'
(346,38): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-block-strong'
(348,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(351,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-2'
(354,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-3'
(357,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-4'
(360,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(363,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(364,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(373,20): run-time error CSS1039: Token not allowed after unary operator: '-menu-bar-height-scrolled'
(377,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(380,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-large'
(397,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(401,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(404,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(407,21): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(414,55): run-time error CSS1024: Expected media identifier, found '{'
(419,2): run-time error CSS1019: Unexpected token, found '}'
(421,38): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(450,20): run-time error CSS1039: Token not allowed after unary operator: '-full-wrapper-margin-x'
(453,21): run-time error CSS1039: Token not allowed after unary operator: '-container-width'
(457,5): run-time error CSS1030: Expected identifier, found ','
(459,41): run-time error CSS1031: Expected selector, found ')'
(459,41): run-time error CSS1025: Expected comma or open brace, found ')'
(463,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(487,35): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(496,35): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(546,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(557,63): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1'
(563,48): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(563,69): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(563,91): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1'
(569,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light-1-a'
(570,29): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(573,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(574,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(588,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(589,23): run-time error CSS1039: Token not allowed after unary operator: '-font-global'
(596,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(598,33): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(601,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-4'
(652,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(679,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-1'
(697,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1'
(807,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(810,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(826,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(837,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(840,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(859,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(871,23): run-time error CSS1039: Token not allowed after unary operator: '-font-serif'
(876,22): run-time error CSS1039: Token not allowed after unary operator: '-font-alt'
(905,28): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-3'
(906,22): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-2'
(907,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-4'
(908,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(912,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3a'
(913,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-6'
(927,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(940,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(1189,37): run-time error CSS1039: Token not allowed after unary operator: '-ease-elastic-1'
(1189,73): run-time error CSS1039: Token not allowed after unary operator: '-ease-elastic-1'
(1189,107): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(1237,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-a'
(1242,35): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(1259,30): run-time error CSS1039: Token not allowed after unary operator: '-ease-elastic-2'
(1281,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(1284,30): run-time error CSS1039: Token not allowed after unary operator: '-ease-elastic-2'
(1312,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(1321,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(1365,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(1370,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(1375,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(1380,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(1385,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(1386,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(1391,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(1392,24): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(1396,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(1397,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(1404,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(1429,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-4'
(1430,22): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-3'
(1434,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(1435,22): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-4'
(1440,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(1443,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(1444,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light-1'
(1450,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(1451,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(1465,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(1482,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-block'
(1498,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(1502,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-2'
(1506,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-3'
(1510,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-4'
(1514,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-block-strong'
(1516,40): run-time error CSS1030: Expected identifier, found 'i'
(1516,41): run-time error CSS1031: Expected selector, found ')'
(1516,41): run-time error CSS1025: Expected comma or open brace, found ')'
(1540,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3a'
(1546,23): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3a'
(1558,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light-1'
(1561,23): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light-1'
(1564,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1-a'
(1567,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1-a'
(1594,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(1597,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(1623,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(1632,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(1650,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(1660,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(1681,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(1684,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(1700,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(1704,36): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(1715,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(1717,34): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(1727,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(1738,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(1741,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(1743,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(1775,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1'
(1789,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1'
(1795,60): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(1798,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(1803,19): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1'
(1808,35): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(1812,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1'
(1817,48): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(1817,69): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(1817,91): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(1855,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(1885,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-2'
(1886,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(1898,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(1922,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(1958,35): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2001,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(2008,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2115,28): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(2123,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2135,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-2'
(2136,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(2139,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(2145,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2202,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger'
(2204,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(2223,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(2230,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(2233,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2240,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(2267,24): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2315,60): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(2347,45): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2347,66): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2347,88): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(2383,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2384,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2403,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2420,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow'
(2422,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-elastic-2'
(2428,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-strong'
(2471,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2474,56): run-time error CSS1039: Token not allowed after unary operator: '-ease-elastic-2'
(2490,56): run-time error CSS1039: Token not allowed after unary operator: '-ease-elastic-2'
(2545,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2548,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2549,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2579,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2585,42): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(2598,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2625,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2626,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2628,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(2638,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2643,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(2659,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2674,16): run-time error CSS1039: Token not allowed after unary operator: '-full-wrapper-margin-x'
(2689,17): run-time error CSS1039: Token not allowed after unary operator: '-full-wrapper-margin-x'
(2692,16): run-time error CSS1039: Token not allowed after unary operator: '-full-wrapper-margin-x'
(2703,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2705,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2707,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(2711,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2725,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2772,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2784,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2814,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2824,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(2835,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-2'
(2889,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(2899,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1'
(2974,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2975,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3020,37): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(3020,73): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(3021,43): run-time error CSS1039: Token not allowed after unary operator: '-char-index'
(3045,35): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(3045,69): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(3046,43): run-time error CSS1039: Token not allowed after unary operator: '-char-index'
(3070,37): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(3070,71): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(3071,44): run-time error CSS1039: Token not allowed after unary operator: '-char-index'
(3096,37): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(3096,73): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(3097,42): run-time error CSS1039: Token not allowed after unary operator: '-char-index'
(3122,35): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(3122,71): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(3123,43): run-time error CSS1039: Token not allowed after unary operator: '-char-index'
(3148,37): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(3148,73): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(3149,42): run-time error CSS1039: Token not allowed after unary operator: '-word-index'
(3176,42): run-time error CSS1039: Token not allowed after unary operator: '-line-index'
(3203,41): run-time error CSS1039: Token not allowed after unary operator: '-line-index'
(3225,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3226,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3227,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3232,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(3233,27): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(3276,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3277,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3289,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3302,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3315,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3328,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3341,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3354,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3367,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3380,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3393,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3394,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3408,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3421,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3431,37): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(3433,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3446,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3447,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3457,37): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(3459,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3496,18): run-time error CSS1039: Token not allowed after unary operator: '-menu-bar-height'
(3524,18): run-time error CSS1039: Token not allowed after unary operator: '-menu-bar-height'
(3532,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(3540,18): run-time error CSS1039: Token not allowed after unary operator: '-menu-bar-height-scrolled'
(3598,18): run-time error CSS1039: Token not allowed after unary operator: '-menu-bar-height'
(3602,18): run-time error CSS1039: Token not allowed after unary operator: '-menu-bar-height-scrolled'
(3606,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(3633,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(3633,60): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(3636,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(3693,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-5'
(3695,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(3704,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-1'
(3831,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-5'
(3937,18): run-time error CSS1039: Token not allowed after unary operator: '-menu-bar-height'
(3942,18): run-time error CSS1039: Token not allowed after unary operator: '-menu-bar-height-scrolled'
(3956,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(3966,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(3967,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(4113,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(4131,30): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(4143,30): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(4153,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(4157,30): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(4185,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(4191,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(4195,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(4219,23): run-time error CSS1039: Token not allowed after unary operator: '-section-padding-y'
(4220,26): run-time error CSS1039: Token not allowed after unary operator: '-section-padding-y'
(4261,28): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-1'
(4264,28): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-2'
(4267,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(4270,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-2'
(4273,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(4276,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(4279,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-2'
(4282,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-3'
(4285,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-4'
(4288,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient-gray-light-1'
(4291,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient-gray-light-2'
(4294,50): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-2'
(4297,66): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-2'
(4303,50): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(4306,67): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(4309,52): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light-3'
(4309,85): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light-2'
(4312,52): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-3'
(4312,79): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-2'
(4322,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-alpha-1'
(4333,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-alpha-2'
(4344,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient-dark-alpha-1'
(4355,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient-dark-alpha-2'
(4364,46): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-2'
(4372,46): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-2'
(4389,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(4517,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(4520,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-2'
(4523,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-3'
(4526,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-4'
(4530,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(4535,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(4540,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(4545,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(4550,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(4555,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(4560,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(4574,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1'
(4591,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(4599,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1'
(4602,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(4615,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-large'
(4616,60): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(4622,48): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(4622,69): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(4622,91): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(4630,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(4654,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(4657,52): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light-1'
(4672,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(4675,52): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light-1'
(4687,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1'
(4733,35): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(4733,67): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(4733,99): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(4733,130): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(4743,35): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(4743,67): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(4743,99): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(4743,130): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(4749,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(4761,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(4764,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-6'
(4768,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(4819,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(4828,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(4855,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(4861,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(4875,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(4895,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(4900,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(4904,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(4908,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-2'
(4915,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(4929,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(4941,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(4950,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1'
(4953,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(4956,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(4957,32): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(4960,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-4'
(4963,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(4966,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(4972,19): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1'
(5114,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(5130,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(5146,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(5162,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(5190,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(5202,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(5219,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(5228,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(5242,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(5298,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5299,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5310,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5311,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5322,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5323,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5334,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5335,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5346,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5347,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5358,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5359,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5369,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-3'
(5370,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-block'
(5376,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(5387,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(5406,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(5413,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(5433,27): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(5437,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(5459,23): run-time error CSS1039: Token not allowed after unary operator: '-section-padding-y'
(5460,26): run-time error CSS1039: Token not allowed after unary operator: '-section-padding-y'
(5462,38): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(5469,23): run-time error CSS1039: Token not allowed after unary operator: '-section-padding-y'
(5470,26): run-time error CSS1039: Token not allowed after unary operator: '-section-padding-y'
(5472,34): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(5481,38): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(5498,34): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(5519,33): run-time error CSS1039: Token not allowed after unary operator: '-services-text-overlap'
(5536,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(5568,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(5585,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(5590,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5591,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5601,51): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-long'
(5604,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5609,26): run-time error CSS1039: Token not allowed after unary operator: '-services-text-overlap'
(5615,22): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-1'
(5617,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5618,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5626,51): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-long'
(5634,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-4'
(5649,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(5652,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(5670,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(5675,38): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(5703,38): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(5719,37): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(5729,30): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(5742,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(5745,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(5772,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(5779,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(5790,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-block'
(5791,30): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(5795,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-block-strong'
(5805,22): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-2'
(5822,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(5827,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(5828,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(5832,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(5835,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(5850,36): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(5876,36): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(5902,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(5903,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-block'
(5904,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(5908,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-block-strong'
(5920,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(5923,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(5924,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(5927,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(5940,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(5947,22): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-3'
(5957,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(5968,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(5974,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(6002,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(6004,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(6010,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(6021,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(6034,30): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(6043,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(6048,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1'
(6057,51): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(6059,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6060,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6070,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(6082,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(6094,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(6101,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(6112,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light-1-a'
(6124,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(6130,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light-1'
(6131,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(6134,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light-2'
(6135,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-2'
(6138,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light-3'
(6139,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-3'
(6142,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light-4'
(6143,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-4'
(6146,16): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light-1'
(6149,16): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light-2'
(6152,16): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light-3'
(6155,16): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light-4'
(6206,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(6210,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-elastic-1'
(6222,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(6223,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow'
(6229,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(6239,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(6253,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(6255,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(6257,45): run-time error CSS1030: Expected identifier, found 'a'
(6257,57): run-time error CSS1031: Expected selector, found ')'
(6257,57): run-time error CSS1025: Expected comma or open brace, found ')'
(6273,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(6298,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-block'
(6335,33): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(6345,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(6349,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(6369,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(6370,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(6380,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(6461,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(6463,60): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(6467,35): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(6480,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1'
(6495,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-3'
(6507,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(6512,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1'
(6519,42): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-3'
(6528,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(6531,45): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(6531,66): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(6531,88): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(6540,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(6556,33): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-3'
(6562,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(6594,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(6599,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(6606,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(6609,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(6610,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(6638,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(6651,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(6670,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(6687,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(6698,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(6701,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(6713,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(6714,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-block'
(6725,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(6728,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(6729,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(6732,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(6741,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(6750,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(6753,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(6785,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(6793,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(6804,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(6805,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(6807,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-block'
(6808,30): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(6812,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-block-strong'
(6824,16): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(6846,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-2'
(6851,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-2'
(6878,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(6880,30): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(6881,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(6888,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(6892,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(6896,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(6906,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(6956,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(6959,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(6984,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(6995,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(6997,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(7010,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(7012,30): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(7023,34): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(7024,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(7028,35): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(7029,38): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(7074,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(7077,35): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(7081,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(7088,60): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(7094,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1'
(7103,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(7116,45): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(7116,66): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(7116,88): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(7131,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-block'
(7136,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(7139,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(7146,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(7152,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(7153,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(7156,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(7166,23): run-time error CSS1039: Token not allowed after unary operator: '-font-alt'
(7176,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(7187,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(7191,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(7213,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(7273,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(7291,22): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-2'
(7294,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(7321,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(7328,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(7334,29): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(7347,29): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(7359,30): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(7362,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(7379,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(7384,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(7392,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(7409,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(7418,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(7424,37): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(7424,73): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(7432,41): run-time error CSS1030: Expected identifier, found ','
(7432,55): run-time error CSS1031: Expected selector, found ')'
(7432,55): run-time error CSS1025: Expected comma or open brace, found ')'
(7458,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(7461,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(7468,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(7469,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-block'
(7470,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(7475,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-block-strong'
(7495,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(7496,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(7523,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(7526,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(7539,22): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-2'
(7556,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(7580,29): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(7592,22): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-2'
(7607,42): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(7632,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(7644,30): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(7666,30): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(7685,42): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(7746,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(7766,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow'
(7767,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-elastic-2'
(7771,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-strong'
(7782,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(7788,30): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(7799,29): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(7825,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(7835,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(7836,22): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-1'
(7840,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(7847,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(7854,42): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(7868,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(7958,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(7961,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-6'
(8011,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(8021,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(8046,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(8057,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(8099,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(8109,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(8140,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(8149,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(8230,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(8234,24): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(8237,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(8241,24): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(8259,28): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-3'
(8279,28): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-3'
(8300,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(8304,24): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(8307,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(8311,24): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(8368,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(8369,60): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(8377,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(8399,45): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(8399,66): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(8399,88): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(8444,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(8476,23): run-time error CSS1039: Token not allowed after unary operator: '-font-global-alt'
(8480,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(8483,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-6'
(8492,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(8493,30): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(8494,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(8509,30): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(8510,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(8551,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(8588,28): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-3'
(8589,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(8590,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(8595,34): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(8596,35): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(8607,30): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(8620,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(8622,32): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(8634,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(8635,32): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(8647,22): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-1'
(8663,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(8685,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(8688,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(8706,30): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(8714,23): run-time error CSS1039: Token not allowed after unary operator: '-font-alt'
(8725,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(8738,42): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(8760,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(8767,30): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(8792,42): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(8835,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(8836,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(8837,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-block'
(8840,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(8857,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(8867,30): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(8883,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(8885,32): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(8897,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(8898,32): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(8913,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(8916,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(8917,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(8924,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(8927,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(8940,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(8941,60): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(8945,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(8961,45): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(8961,66): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(8961,88): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(8999,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(9002,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9060,23): run-time error CSS1039: Token not allowed after unary operator: '-font-alt'
(9062,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9068,24): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9092,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9097,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(9100,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9125,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9135,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(9139,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1'
(9145,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9153,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(9210,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(9227,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9232,22): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-2'
(9241,23): run-time error CSS1039: Token not allowed after unary operator: '-font-alt'
(9248,23): run-time error CSS1039: Token not allowed after unary operator: '-font-alt'
(9255,35): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(9271,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(9294,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9314,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9327,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9347,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9370,44): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9370,65): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9374,42): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(9397,19): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9404,25): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9451,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9462,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9516,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9519,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9549,34): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(9550,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(9551,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-block'
(9556,39): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(9557,42): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(9563,39): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(9564,42): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(9567,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(9568,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(9579,32): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(9583,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3a'
(9589,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(9590,32): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(9593,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9596,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-3'
(9622,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(9636,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(9651,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9668,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(9691,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9696,42): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(9701,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9725,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9740,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow'
(9742,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-elastic-2'
(9764,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9772,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(9778,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(9781,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light-1'
(9790,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(9806,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9812,42): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(9855,32): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(9872,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9875,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(9907,30): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(9921,30): run-time error CSS1039: Token not allowed after unary operator: '-ease-elastic-1'
(9943,30): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(9952,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9982,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(9992,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(9996,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(10022,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(10061,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(10065,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(10071,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(10074,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(10077,30): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(10078,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(10081,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(10112,28): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-5'
(10116,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(10117,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(10118,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(10122,24): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(10130,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(10134,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(10144,22): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-1'
(10149,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(10152,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(10154,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(10158,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(10163,23): run-time error CSS1039: Token not allowed after unary operator: '-font-serif'
(10164,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(10183,35): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-5'
(10190,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-6'
(10205,24): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-4'
(10206,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-5'
(10209,24): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-5'
(10212,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-5'
(10218,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(10221,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-6'
(10229,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-6'
(10252,28): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-5'
(10253,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(10258,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(10259,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(10263,24): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(10264,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(10268,24): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(10269,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(10274,24): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-5'
(10275,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(10281,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(10284,24): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(10289,24): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(10305,33): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-5'
(10306,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-4'
(10330,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(10332,30): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(10333,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(10336,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(10345,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(10349,24): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-4'
(10350,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-5'
(10353,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-5'
(10359,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-6'
(10383,35): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-5'
(10387,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(10397,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(10419,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-3'
(10423,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(10442,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-4'
(10452,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-3'
(10456,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-3'
(10460,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-5'
(10468,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-6'
(10476,28): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-5'
(10477,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-4'
(10480,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(10481,30): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(10482,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(10486,24): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3a'
(10487,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(10491,24): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(10492,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(10501,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-2'
(10511,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-4'
(10517,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-3'
(10521,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-6'
(10524,31): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(10527,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-5'
(10535,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-2'
(10541,36): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-5'
(10549,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-4'
(10553,32): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(10556,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-3'
(10567,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-6'
(10573,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-5'
(10596,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-block'
(10597,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(10600,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-block-strong'
(10641,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(10670,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(10674,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(10675,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(10681,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dak-mode-gray-1'
(10718,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(10721,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(10733,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(10754,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(10778,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(10781,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(10784,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(10785,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(10796,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(10800,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(10801,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(10866,26): run-time error CSS1039: Token not allowed after unary operator: '-team-item-descr-height'
(10872,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(10900,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow'
(10901,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-elastic-2'
(10905,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-strong'
(10911,29): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-long'
(10934,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(10958,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow'
(10959,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-elastic-2'
(10963,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-strong'
(10988,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11003,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(11011,29): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-long'
(11034,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11038,32): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(11060,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow'
(11061,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-elastic-2'
(11065,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-strong'
(11086,35): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11111,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(11117,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(11164,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11180,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow'
(11181,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-elastic-2'
(11185,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-strong'
(11198,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(11199,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-block'
(11239,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(11240,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(11249,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(11260,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11271,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11276,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(11304,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11324,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11328,32): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(11349,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11353,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11365,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-b'
(11369,32): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(11373,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-1-a'
(11390,37): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(11390,73): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(11391,43): run-time error CSS1039: Token not allowed after unary operator: '-char-index'
(11496,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(11497,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-block'
(11503,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11509,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(11536,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(11537,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(11543,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(11558,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-1'
(11587,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light-1'
(11608,24): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-5'
(11612,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-1'
(11616,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11617,24): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-5'
(11617,50): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-5'
(11624,24): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(11627,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(11630,24): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3a'
(11630,45): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3a'
(11634,24): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(11634,54): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(11634,84): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11661,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11668,24): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-5'
(11669,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11673,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(11675,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11682,24): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-4'
(11720,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11735,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(11748,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(11753,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11756,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(11764,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11780,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(11809,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3a'
(11810,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(11814,30): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3a'
(11817,29): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3a'
(11820,31): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3a'
(11823,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3a'
(11842,35): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11852,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11855,32): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11856,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(11874,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11878,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(11910,35): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11920,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11923,32): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11924,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(11939,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11943,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(11976,35): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11987,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11990,32): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(11991,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(12007,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(12011,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-default'
(12025,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(12037,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(12048,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(12049,31): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-short'
(12066,37): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(12118,22): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-1'
(12119,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(12126,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(12128,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(12151,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3a'
(12165,22): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-1'
(12174,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(12184,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3a'
(12188,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(12199,28): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-1'
(12200,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(12204,28): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-3'
(12213,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(12235,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(12236,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(12239,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3a'
(12266,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(12299,28): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-3'
(12300,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(12301,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-block'
(12307,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(12308,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(12319,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(12320,32): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(12375,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(12400,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12406,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12743,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12854,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13086,32): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(13090,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(13112,26): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-block'
(13149,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(13153,34): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(13222,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13238,28): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-5'
(13239,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(13541,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-3'
(13542,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(13550,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(13551,38): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(13558,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13559,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13570,44): run-time error CSS1039: Token not allowed after unary operator: '-ease-out-medium'
(13572,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13573,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13639,8): run-time error CSS1030: Expected identifier, found ' '
(14041,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14042,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14044,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(14045,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14047,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14048,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14050,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14051,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14054,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(14055,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14058,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14059,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14062,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14063,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14066,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(14067,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14070,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14071,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14074,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14075,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%'
(14079,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(14080,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%'
(14084,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14085,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%'
(14089,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14090,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14094,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(14095,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14099,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14100,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14104,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14105,6): run-time error CSS1035: Expected colon, found '{'
(14107,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(14108,6): run-time error CSS1035: Expected colon, found '{'
(14110,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14111,6): run-time error CSS1035: Expected colon, found '{'
(14113,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14114,8): run-time error CSS1035: Expected colon, found '{'
(14116,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(14117,8): run-time error CSS1035: Expected colon, found '{'
(14119,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14120,8): run-time error CSS1035: Expected colon, found '{'
(14123,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14124,8): run-time error CSS1035: Expected colon, found '{'
(14126,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(14127,8): run-time error CSS1035: Expected colon, found '{'
(14129,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14130,8): run-time error CSS1035: Expected colon, found '{'
(14133,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14134,6): run-time error CSS1035: Expected colon, found '{'
(14136,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(14137,6): run-time error CSS1035: Expected colon, found '{'
(14139,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14140,6): run-time error CSS1035: Expected colon, found '{'
(14173,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14176,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14179,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14184,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14187,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14192,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14195,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14198,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14203,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14206,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14208,5781): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14208,5805): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14208,5835): run-time error CSS1019: Unexpected token, found '@keyframes'
(14208,5851): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14299,37): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(14360,23): run-time error CSS1039: Token not allowed after unary operator: '-font-alt'
(14402,23): run-time error CSS1039: Token not allowed after unary operator: '-font-alt'
(14433,23): run-time error CSS1039: Token not allowed after unary operator: '-font-alt'
(14437,23): run-time error CSS1039: Token not allowed after unary operator: '-font-alt'
(14443,23): run-time error CSS1039: Token not allowed after unary operator: '-font-alt'
(14451,23): run-time error CSS1039: Token not allowed after unary operator: '-font-alt'
(14455,23): run-time error CSS1039: Token not allowed after unary operator: '-font-alt'
(14460,23): run-time error CSS1039: Token not allowed after unary operator: '-font-alt'
(14467,23): run-time error CSS1039: Token not allowed after unary operator: '-font-alt'
(14471,23): run-time error CSS1039: Token not allowed after unary operator: '-font-alt'
(14476,23): run-time error CSS1039: Token not allowed after unary operator: '-font-global'
(14499,23): run-time error CSS1039: Token not allowed after unary operator: '-font-alt'
(14514,23): run-time error CSS1039: Token not allowed after unary operator: '-font-global'
(14528,17): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-3'
(14535,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(14538,35): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(14546,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(14552,22): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light-1'
(14557,16): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(14560,19): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(14561,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(14562,40): run-time error CSS1039: Token not allowed after unary operator: '-ease-default'
(14567,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(14576,16): run-time error CSS1030: Expected identifier, found ' '
(14583,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-2'
(14588,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-mode-gray-1'
(14592,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(14607,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
 */
@charset "utf-8";
/*------------------------------------------------------------------
[Master Stylesheet]

Project: Resonance
Version: 1.0.3
Last change: 26 November 2023
Primary use: Multipurpose Template  
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[Table of contents]

1. Icon fonts.
2. Variables.
3. Common styles.
4. Page loader.
5. Typography.
    5.1. Headings styles.
6. Links.
7. Buttons.
    7.1. Mobile menu button fix.
8. Forms fields.
    8.1. Input underline.
    8.2. Input Gradient.
9. Home sections.
    9.1. Header common styles.
    9.2. Scroll down icon.
    9.3. Scroll down icon type 1.
    9.4. Scroll down icon type 2.
    9.5. Scroll down type 3.
    9.6. Scroll down icon type 4.
    9.7. Home section status.
    9.8. Home section social media links.
    9.9. HTML5 BG Video.
    9.10. Section edge figure.
    9.11. Section BG svg shape.
    9.12. Fullwidth gallery.
    9.13. Typed text.
    9.14. Stack Images.
10. Custom appear animation.
    10.1. Splitting JS chars animation.
    10.2. Splitting JS chars animation 1.
    10.3. Splitting JS chars animation 2.
    10.4. Splitting JS chars animation long.
    10.5. Splitting JS chars animation long 1.
    10.6. Splitting JS words animation.
    10.7. Splitting JS lines animation.
    10.8. Splitting JS lines animation long.
    10.9. Appearing animation styles.
11. Classic menu bar.
    11.1. Logo (in navigation panel).
    11.2. Menu sub.
    11.3. Menu sub multi.
    11.4. Mobile nav.
    11.5. Mobile nav menu sub.
    11.6. Mobile nav menu sub multi.
    11.7. Dark panel style.
    11.8. Transparent panel style.
    11.9. Menu social links.
12. Sections styles.
    12.1. Common section styles.
    12.2. Decorative elements.
    12.3. Marquee text line.
13. Split section.
14. Services.
15. Services 2.
16. Services 3.
17. Services 4.
18. Services 5.
19. Services 6.
20. Services 7.
21. Services 8.
22. Team.
23. Team 1.
24. Features.
25. Features 1.
26. Features 2.
27. Alt features.
28. Spot box.
29. Numbers.
    29.1. Numbers 1.
    29.2. Numbers 2.
    29.3. Numbers 3.
30. Steps.
    30.1. Steps 1.
    30.2. Steps 2.
31. Portfolio.
    31.1. Works filter.
    31.2. Works grid.
32. Portfolio 1.
33. Portfolio 2.
34. Portfolio 3.
35. Portfolio 4.
36. Portfolio 5.
37. Call action 1 section.
38. Call action 2 section.
39. Call action 3 section.
40. Call action 4 section.
41. Images compositions.
    41.1. Images composition 1.
    41.2. Images composition 2.
    41.3. Images composition 3.
    41.4. Images composition 4.
    41.5. Images composition 5.
    41.6. Images composition 6.
    41.7. Images composition 7.
    41.8. Images composition 8.
    41.9. Images composition 9.
42. Work process.
43. Logotypes.
    43.1. Logo carousel.
    43.2. Logo grid.
44. Post previews.
45. Post previews 1.
46. Post previews 2.
47. Post previews 3.
48. Newsletter.
    48.1. Newsletter elegant.
    48.2. Newsletter strong.
    48.3. Newsletter modern.
49. Contact.
50. Contact 1.
51. Contact 2.
52. Google maps.
53. Footer.
54. Footer 1.
55. Footer 2.
56. Blog.
    56.1. Pagination.
    56.2. Comments.
    56.3. Sidebar.
57. Pricing.
58. Shortcodes.
    58.1. Lightbox modal.
    58.2. Owl carousel.
    58.3. Testimonials 4.
    58.4. Testimonials 5.
    58.5. Testimonials 6.
    58.6. Tabs.
    58.7. Tabs minimal.
    58.8. Tabs alternative.
    58.9. Tooltips.
    58.10. Alert messages.
    58.11. Accordion.
    58.12. Toggle.
    58.13. Accorfion style 1.
    58.14. Progress bars.
    58.15. Alt progress bars.
    58.16. Icons examples.
    58.17. Morphext.
59. Skip to content link.
60. Cookies.
61. Intro page.
-------------------------------------------------------------------*/


/* ==============================
   Icon fonts
   ============================== */
  
@import url("icons.css");
@import url("icomoon.css");
@import url("font-awesome-brands.css");


/* ==============================
   Variables
   ============================== */
  
:root{
    --font-global: 'DM Sans', sans-serif;
    --font-alt: 'DM Sans', sans-serif;
    --font-serif: Georgia, 'Times New Roman', Times, serif;
    --full-wrapper-margin-x: 30px;
    --container-width: 1350px;
    --section-padding-y: 120px;
    --menu-bar-height: 85px;
    --menu-bar-height-scrolled: 65px;
    --color-dark-1: #010101;
    --color-dark-2: #171717;
    --color-dark-3: #272727;
    --color-dark-3a: #333;
    --color-dark-4: #555;
    --color-gray-1: #757575;
    --color-gray-2: #888;
    --color-gray-3: #999;
    --color-gray-light-1: #f1f1f1;
    --color-gray-light-2: #f7f7f7;
    --color-gray-light-3: #e5e5e5;
    --color-gray-light-4: #d5d5d5;
    --color-gray-light-5: #ccc;
    --color-gray-light-6: #bbb;
    --color-dark-mode-gray-1: rgba(255,255,255, .7);
    --color-dark-mode-gray-2: rgba(255,255,255, .1275);
    --color-primary-1: #4567ed;
    --color-primary-1-a: #375ae3;    
    --color-primary-light-1: #e3effe;
    --color-primary-light-1-a: #bcd1f1;
    --color-primary-2: #7752e7;
    --color-primary-light-2: #e7defe;
    --color-primary-3: #b947d9;
    --color-primary-light-3: #f7defe;
    --color-primary-4: #e748b1;
    --color-primary-light-4: #ffe1f5; 
    --color-secondary-1: #fbe3a1;   
    --gradient-primary-1: linear-gradient( 90deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-primary-1-a: linear-gradient( 90deg, var(--color-primary-4) 25%, var(--color-primary-3) 40%, var(--color-primary-2) 60%, var(--color-primary-1) 75%);
    --gradient-primary-1-b: linear-gradient( 45deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-primary-1-c: linear-gradient( 0deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-gray-light-1: linear-gradient(0deg, #f5f5f5 0%, #fff 100%);
    --gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f5f5f5 100%);
    --gradient-dark-alpha-1: linear-gradient( 90deg, var(--color-dark-1) 40%, transparent 87%);
    --gradient-dark-alpha-2: linear-gradient( 90deg, transparent 13%, var(--color-dark-1) 60%);
    --gradient-primary-alpha-1: linear-gradient( 90deg, var(--color-primary-1) 40%, transparent 87%);
    --gradient-primary-alpha-2: linear-gradient( 90deg, transparent 13%, var(--color-primary-1) 60%);
    --border-radius-default: 4px;
    --border-radius-large: 30px;
    --box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05),0px 1px 1px 0px rgba(0, 0, 0, 0.03),0px 3px 5px 0px rgba(0, 0, 0, 0.03);
    --box-shadow-strong: 0px 5px 10px 0px rgba(0, 0, 0, 0.08),0px 1px 1px 0px rgba(0, 0, 0, 0.06),0px 3px 5px 0px rgba(0, 0, 0, 0.06);
    --box-shadow-block: 0px 3px 50px 0px rgba(0, 0, 0, 0.05);
    --box-shadow-block-strong: 0px 3px 50px 0px rgba(0, 0, 0, 0.15);  
    --transition-default: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    --ease-default: cubic-bezier(0, 0, 0.58, 1);
    --ease-out-long: cubic-bezier(0,.5,0,1);
    --ease-out-medium: cubic-bezier(0,.57,.55,1);
    --ease-out-short: cubic-bezier(.15,.7,.78,1);
    --ease-elastic-1: cubic-bezier(0.68,-0.55,0.27,1.55);
    --ease-elastic-2: cubic-bezier(0.68,-3,0.27,5);
}


/* ==============================
   Common styles
   ============================== */
  
:root{
    scroll-behavior: auto;
}
html{
    -ms-overflow-style: scrollbar;
}
body{
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;    
}
main{
    overflow: clip;
}
iframe{
    border: none;
}
a, b, div, ul, li{
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-tap-highlight-color: transparent; 
    -moz-outline-: none;
}
a:focus:not(.focus-visible),
a:active,
section:focus,
div:active,
div:focus{
    -moz-outline: none;
    outline: none;
}
a:focus.focus-visible,
button:focus.focus-visible,
div:focus.focus-visible{
    -moz-outline: 3px dotted #36a367 !important;
    outline: 3px dotted #36a367 !important;
    outline-offset: 0 !important;
}
img:not([draggable]), embed, object, video{
    max-width: 100%;
    height: auto;
}
.image-fullwidth img{
    width: 100%;
    height: auto;
}
.min-height-80vh{
    min-height: 80vh;
}
.min-height-90vh{
    min-height: 90vh;
}
.min-height-100vh{
    min-height: 100vh !important;
    min-height: 100svh !important;
}
.align-center{ text-align:center !important; }
.left{ float:left !important; }
.right{ float:right !important; }
.hidden{ display:none !important;}
.relative{ position: relative !important;}
.z-index-1{ z-index: 1 !important;}
.z-index-n1{ z-index: -1 !important;}
.no-hover{ cursor: default !important;}
.wch-unset{ will-change: unset !important; }
.white{ color: #fff !important; }
.black{ color: var(--color-dakr-1) !important; }
.color-primary-1{ color: var(--color-primary-1) !important; }
.color-primary-2{ color: var(--color-primary-2) !important; }
.color-primary-3{ color: var(--color-primary-3) !important; }
.color-primary-4{ color: var(--color-primary-4) !important; }
.color-secondary-1{ color: var(--color-secondary-1) !important; }
.opacity-003{ opacity: .03 !important; }
.opacity-004{ opacity: .04 !important; }
.opacity-005{ opacity: .05 !important; }
.opacity-006{ opacity: .06 !important; }
.opacity-007{ opacity: .07 !important; }
.opacity-008{ opacity: .08 !important; }
.opacity-009{ opacity: .09 !important; }
.opacity-01{ opacity: .1 !important; }
.opacity-015{ opacity: .15 !important; }
.opacity-02{ opacity: .2 !important; }
.opacity-025{ opacity: .25 !important; }
.opacity-03{ opacity: .3 !important; }
.opacity-035{ opacity: .35 !important; }
.opacity-04{ opacity: .4 !important; }
.opacity-045{ opacity: .45 !important; }
.opacity-05{ opacity: .5 !important; }
.opacity-055{ opacity: .55 !important; }
.opacity-06{ opacity: .6 !important; }
.opacity-065{ opacity: .65 !important; }
.opacity-07{ opacity: .7 !important; }
.opacity-075{ opacity: .75 !important; }
.opacity-08{ opacity: .8 !important; }
.opacity-085{ opacity: .85 !important; }
.opacity-09{ opacity: .9 !important; }
.opacity-095{ opacity: .95 !important; }
.opacity-1{ opacity: 1 !important; }
.size-13 { font-size: 13.5px !important; }
.size-14{ font-size: 14px !important; }
.size-15{ font-size: 15px !important; }
.size-16{ font-size: 16px !important; }
.size-17{ font-size: 17px !important; }
.size-18{ font-size: 18.5px !important; }
.size-20{ font-size: 20px !important; }
.size-22{ font-size: 22px !important; }
.size-24{ font-size: 24px !important; }
.box-shadow{ box-shadow: var(--box-shadow-block) !important;}
.box-shadow-strong{ box-shadow: var(--box-shadow-block-strong) !important;}
.border-color-primary-1{
    border: 1px solid var(--color-primary-1);
}
.border-color-primary-2{
    border: 1px solid var(--color-primary-2);
}
.border-color-primary-3{
    border: 1px solid var(--color-primary-3);
}
.border-color-primary-4{
    border: 1px solid var(--color-primary-4);
}
.border-dark{
    border: 1px solid var(--color-dark-mode-gray-2) !important;
}
.bg-border-dark{
    background: var(--color-dark-3) !important;
    border: 1px solid var(--color-dark-mode-gray-2) !important;
}
.stick-fixed{
    position: fixed !important;
    top: 0;
    left: 0;
}
.block-sticky{
    position: sticky;
    top: calc(var(--menu-bar-height-scrolled) + 40px);
    left: 0;
}
.round{
    border-radius: var(--border-radius-default) !important;
}
.round-large{
    border-radius: var(--border-radius-large) !important;
}
.circle{
    border-radius: 100px !important;
}
.circle-large{
    border-radius: 700px !important;
}
.round.overflow-hidden,
.round-large.overflow-hidden,
.circle.overflow-hidden,
.circle-large.overflow-hidden{
    isolation: isolate;
    transform: translateZ(0);
}
::selection{
    color: #fff;
    background: var(--color-primary-1);
}
.light-content ::selection{
    color: #fff;
    background: var(--color-primary-1);
}
.animate, .animate *{
    transition: var(--transition-default);
}
.parallax-mousemove{
   transition: var(--transition-default);
   -moz-transition: none !important;
   will-change: transform;
}
.parallax-mousemove-follow{
    -moz-transition: none !important;
}
@media not all and (min-resolution:.001dpcm) { @media {
    .parallax-mousemove,
    .parallax-mousemove-follow{
       transition: none !important;
    }
}}
[data-rellax-x]{
    transition: transform 0.25s var(--ease-out-short);
    transition-delay: 0.0025s;
    will-change: transform;
}
[data-rellax-y]{
    transition: transform 0.25s cubic-bezier(0, 0, 0.58, 1);
    transition-delay: 0.0025s;
    will-change: transform;
}
.no-animate{    
    -webkit-transition-property: none !important;
    -moz-transition-property: none !important;
    -o-transition-property: none !important;
    transition-property: none !important; 
}
.clearlist, .clearlist li{
    list-style: none;
    padding: 0;
    margin: 0;
    background: none;
}
.clearlinks a{
    text-decoration: none;
    color: unset;
}
.clearlinks a:hover{
    color: unset !important;
}
.full-wrapper{
    margin: 0 var(--full-wrapper-margin-x);
}
.container{
    max-width: var(--container-width);
    padding: 0 30px;
}
.row:not(
.g-0, .g-1, .g-2, .g-3, .g-4, .g-5,
.gx-0, .gx-1, .gx-2, .gx-3, .gx-4, .gx-5,
.gy-0, .gy-1, .gy-2, .gy-3, .gy-4, .gy-5){
    --bs-gutter-x: 30px;
}
.row.gx-huge{
    --bs-gutter-x: 276px;
}
.icon-ellipse{
    position: relative;
    top: -0.085em;
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    background: currentColor;
    border-radius: 50%;
}
.text-outline-cont{
    position: relative;
    display: inline-block;
}
.text-outline{
    position: relative;
}
.text-outline-1{
    position: absolute;
    top: -0.36em;
    left: 0;
    color: #fff;
    -webkit-text-stroke: 1px var(--color-dark-1);
    opacity: .2;
    pointer-events: none;
}
.text-outline-2{
    position: absolute;
    top: -0.72em;
    left: 0;
    color: #fff;
    -webkit-text-stroke: 1px var(--color-dark-1);
    opacity: .1;
    pointer-events: none;
}
.light-content .text-outline-1{
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    opacity: .17;
}
.light-content .text-outline-2{
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    opacity: .07;
}


/* ==============================
   Page loader
   ============================== */

.page-loader{
    display:block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fefefe;
    z-index: 100000; 
}
.loader{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 1px solid rgba(0,0,0, 0.15);
    border-right: 1px solid rgba(0,0,0, 0.15);
    border-bottom: 1px solid rgba(0,0,0, 0.15);
    border-left: 1px solid rgba(0,0,0, .55);
    border-radius: 50%;
    animation: spinner 700ms infinite linear;
    will-change: transform;  
    z-index: 100001;
}

.page-loader.dark{
    background: var(--color-dark-1);   
}
.page-loader.dark .loader{
    border-top: 1px solid rgba(255,255,255, 0.15);
    border-right: 1px solid rgba(255,255,255, 0.15);
    border-bottom: 1px solid rgba(255,255,255, 0.15);
    border-left: 1px solid rgba(255,255,255, .5);
}

.page-loader.gradient .loader{
    border-color: transparent;
    background:	linear-gradient(to right, white, white), var(--gradient-primary-1); 
	-webkit-background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
}
.page-loader.gradient.dark .loader{
    border-color: transparent !important;
    background:	linear-gradient(to right, var(--color-dark-1), var(--color-dark-1)), var(--gradient-primary-1); 
    -webkit-background-clip: padding-box, border-box;
	background-origin: padding-box, border-box; 
}

.page-loader.color .loader{
    border-color: var(--color-primary-light-1-a);
    border-left-color: var(--color-primary-1);
}

@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* ==============================
   Typography
   ============================== */
  
body{
    color: var(--color-dark-1);
    font-family: var(--font-global);
    font-size: 18px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.67; 
}
a{
    color: var(--color-dark-1);
    text-decoration: underline;
    transition: color 0.1s var(--ease-default);
}
a:hover{
    color: var(--color-dark-4);
    text-decoration: underline;
}
b, strong{
    font-weight: 500;
}
mark{
    position: relative;
    padding: 0;
    color: inherit;
    background-color: transparent;
    background-image: linear-gradient(90deg,rgba(17,17,17,.1) 0,rgba(17,17,17,.1) 100%);
    background-repeat: no-repeat;
    background-size: 100% .3em;
    background-position: 0 110%;
}
.light-content mark{
    background-image: linear-gradient(90deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 100%);
}
.mark-decoration-1{
    position: relative;
    display: inline-block;
}
.mark-decoration-1:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.4em;
    width: 100%;
    height: 0.5357em;
    background-image: url(../images/mark-decoration-1.svg);
    background-repeat: no-repeat;
    background-size: auto 0.55357em;
    background-position: 0 0;
    pointer-events: none;
}
.light-content .mark-decoration-1:before{
    background-image: url(../images/mark-decoration-1-white.svg);
}
.mark-decoration-2{
    position: relative;
    display: inline-block;
}
.mark-decoration-2:before{
    content:"";
    position: absolute;
    top: -0.09em;
    left: -0.2em;
    bottom: -0.09em;
    right: -0.2em;    
    display: block;
    border: 1px solid var(--color-dark-1);
    border-radius: 50%;
    opacity: 0.7;
    transform: rotate(-7deg);
    pointer-events: none;
}
.mark-decoration-3-wrap{
    position: relative;
    display: inline-block;
    isolation: isolate;
}
.mark-decoration-3{
    position: absolute;
    left: 0;
    bottom: 0.12em;
    display: block;
    width: 100%;
    height: 0.2em;    
    z-index: -1;
}
.mark-decoration-3:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-secondary-1);
}
.light-content .mark-decoration-3:before{
    opacity: .37;
}
.mark-decoration-4{
    position: relative;
    display: inline-block;
}
.mark-decoration-4:before{
    content:"";
    position: absolute;
    bottom: 0.12em;
    left: 0;  
    display: block;
    width: 100%;
    height: 7px;
    opacity: 0.2;
    background: var(--gradient-primary-1);
    pointer-events: none;
    z-index: -1;
}
.light-content .mark-decoration-4:before{
    opacity: 0.375;
}
.mark-decoration-5{
    position: relative;
    display: inline-block;
    isolation: isolate;
}
.mark-decoration-5:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.4em;
    width: 100%;
    height: 0.5357em;
    background-image: url(../images/demo-corporate/mark-decoration-1.svg);
    background-repeat: no-repeat;
    background-size: auto 0.25892em;
    background-position: 0 0;
    pointer-events: none;
    z-index: -1;    
}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
    margin-bottom: 1em;
    font-weight: 500;
    line-height: 1.2;   
}

h1, .h1{
    margin-bottom: 0.5em;
    font-size: 42px;
    letter-spacing: -0.04em;
}
h2, .h2{
    margin-bottom: 0.5em;
    font-size: 36px;
    letter-spacing: -0.03em;
}
h3, .h3{
    margin-bottom: 0.7em;
    font-size: 28px;
    letter-spacing: -0.03em;
}
h4, .h4{
    font-size: 24px;
}
h5, .h5{
    font-size: 20px;
}
h6, .h6{
    font-size: 16px;
    font-weight: 700;
}
p{
    margin: 0 0 1.5em 0;
}
ul, ol{
    margin: 0 0 1.5em 0;
}
blockquote{
    margin: 0 0 2em 0;
    padding: 0;
    border: none;
    background: none;
    font-style: normal;
    line-height: 1.47;
}
blockquote p{
    position: relative;
    margin-bottom: 0.7em;
    font-size: 140%;
    font-style: normal;
    letter-spacing: -0.01em;
    line-height: 1.5;
}
blockquote footer{
    font-size: 15px;
    font-weight: 400;
}
.testimonial{
    position: relative;
    margin: 0 0 1.5em 0;
    padding-left: 1.9778em;
    border: none;
    background: none;
    font-size: 46px;    
    border: none;
}
.testimonial p{
    position: relative;
    margin-bottom: .85em;
    font-size: 46px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: -0.025em;
    line-height: 1.217;
}
.testimonial footer{
    font-size: 18px;
    font-weight: 500;
}
.testimonial .small{
    font-size: 15px;
    font-weight: 400;
    color: var(--color-gray-1);
}
.light-content .testimonial .small{
    color: var(--color-dark-mode-gray-1);
}
.testimonial .blockquote-icon{
    position: absolute;
    top: 0.15em;
    left: 0;
    width: .88em;
    height: .88em;
    background: #fff;
    border-radius: 50%;
    font-family: Georgia, serif;
    font-size: 1.5em;
    line-height: 1.45em;
    text-align: center;
}
.light-content .testimonial .blockquote-icon{
    color: var(--color-dark-1);
}
dl dt{
    margin-bottom: .5em;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.0039em;
}
dl dd{
    margin-bottom: 1.9em;
    color: var(--color-gray-1);
}
.light-content dl dd{
    color: var(--color-dark-mode-gray-1);
}
pre{
    background-color: #f9f9f9;
    border-color: #ddd;
}
hr{
    background-color: #000;
    opacity: .1;
}
hr.white{
    background-color: #fff;
    opacity: 1;
}
.dark-mode hr.white{
    background-color: #fff;
    opacity: .15;
}
hr.black{
    background-color: var(--color-dark-1);
    opacity: 1;
}
hr.thick{
    height: 2px;
}

.uppercase{
    text-transform: uppercase;
    letter-spacing: 0.025em;
}
.serif{
    font-family: var(--font-serif);
    font-style: italic;
    font-weight: normal;
}
.font-alt{
   font-family: var(--font-alt); 
}
.normal{
    font-weight: normal;
}
.strong{
    font-weight: 700 !important;
}
.lead{
    margin: 0 0 1em 0;
    font-size: 140%;
    font-weight: 400; 
    letter-spacing: -0.012em;
    line-height: 1.5;
}
.lead-alt{
    font-size: 46px;
    font-weight: 500;
    line-height: 1.196;
    letter-spacing: -0.04em;
}
.dropcap{
    float: left;
    font-size: 3em;
    line-height: 1;
    padding: 2px 8px 2px 0;    
}

.highlight pre{
    border: 1px solid var(--color-gray-light-3);
    background: var(--color-gray-light-2);
    color: var(--color-dark-4);
    border-radius: var(--border-radius-default);
}
.light-content .highlight pre{
    border-color: transparent;
    background-color: var(--color-dark-3a);
    color: var(--color-gray-light-6);
}

/* 
 * Headings styles
 */

.hs-wrap{
    position: relative;
    margin: 0 auto;
    padding: 50px 40px;  
    overflow: hidden;  
    text-align: center;   
    border: 1px solid rgba(255,255,255, .05);
    border-radius: var(--border-radius-default);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    isolation: isolate;
    transform: translateZ(0);
}
.hs-wrap:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-dark-1);
    opacity: 0.17;
}
.hs-line{
    position: absolute;
    top: 50%;
    left: 50%;    
    width: 3%;
    height: 160%;    
    mix-blend-mode: difference; 
    pointer-events: none;
}
.hs-line:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transform: translate(-50%, -50%) rotate(30deg);
}
.hs-icon{
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 50px;
}
.hs-icon svg{
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}
@media only screen and (min-width: 992px) {
    .hs-title-overlap{ 
        width: 137% !important; 
        margin-right: -37%;
    }
}
.hs-title-1{
    margin-top: 0;
    font-size: 70px;
    font-weight: 500;
    line-height: 1.085;
    letter-spacing: -0.035em;
}
.hs-title-2{
    margin-top: 0;
    font-size: 120px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.025em;
}
.hs-title-2a{
    margin-top: 0;
    font-size: 112px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.025em;
}
.hs-title-3{
    margin-top: 0;
    font-size: 38px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}
.hs-title-3a{
    margin-top: 0;
    font-size: 38px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.012em;
}
.hs-title-4{
    margin-top: 0;
    font-size: 100px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.01em;
}
.hs-title-4a{
    margin-top: 0;
    font-size: 100px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.01em;
}
.hs-title-5{
    margin-top: 0;
    font-size: 150px;
    font-weight: 500;
    line-height: 0.92;
    letter-spacing: normal;
    text-transform: uppercase;
}
.hs-title-6{
    margin-top: 0;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.hs-title-7{
    margin-top: 0;
    font-size: 160px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.02em;
}
.hs-title-8{
    margin-top: 0;
    font-size: 60px;
    font-weight: 500;
    line-height: 1.085;
    letter-spacing: -0.035em;
}
.hs-title-9{
    margin-top: 0;
    font-size: 65px;
    font-weight: 500;
    line-height: 1.1176;
    letter-spacing: -0.037em;
}
.hs-title-10{
    margin-top: 0;
    font-size: 56px;
    font-weight: 500;
    line-height: 1.1785;
    letter-spacing: -0.037em;
}
.hs-title-11{
    margin-top: 0;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.hs-title-12{
    margin-top: 0;
    font-size: 86px;
    font-weight: 500;
    line-height: 1.085;
    letter-spacing: -0.035em;
}
.hs-title-13{
    margin-top: 0;
    font-size: 82px;
    font-weight: 500;
    line-height: 1.085;
    letter-spacing: -0.035em;
}
.hs-title-13a{
    margin-top: 0;
    font-size: 82px;
    font-weight: 500;
    line-height: 1.085;
    letter-spacing: -0.035em;
}
.hs-line-14{
    font-size: 120px;
    font-weight: 500;
    letter-spacing: -0.03em;
}
.hs-image-1{
    max-width: 0.85em;
    max-height: 0.85em;
    margin-top: -0.2em;
    vertical-align: middle;
}
.hs-image-1{
    width: 0.85em;
    height: 0.85em;
    margin-top: -0.2em;
    vertical-align: middle;
}
.hs-image-2{
    width: 0.75em;
    height: 0.75em;
    margin-top: -0.2em;
    vertical-align: middle;
    border-radius: 50%;
}
.hs-image-3{
    height: 0.75em !important;
    margin-top: -0.2em;
    vertical-align: middle;
    border-radius: 100px;
}
.hs-paragraph-1{
    position: absolute;
    top: 158px;
    left: 0;
    max-width: 256px;
    font-size: 16px;
    line-height: 1.5;
}
.hs-paragraph-2{
    position: absolute;
    top: 160px;
    right: 50px;
    max-width: 350px;
    font-size: 14px;
    text-transform: uppercase;
    text-indent: 4em;
    line-height: 1.5;
    letter-spacing: 0;
}
.hs-descr{
    font-size: 34px;
    font-weight: 400;
    line-height: 1.353;
    letter-spacing: -0.0075em;
}


/* ==============================
   Links
   ============================== */

.link-hover-anim{    
    position: relative;
    display: inline-block;
    padding: 6px 0;
    overflow: hidden;    
    font-size: 17px;    
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1;
    text-decoration: none;
    vertical-align: middle;
    color: currentColor;
    background: none;
    border: none;
    cursor: pointer;
}
.link-hover-anim:hover{
    text-decoration: none !important;
}
.main-nav .link-hover-anim{
    top: 1px;
}
.link-strong{
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 7px 0;
    transition: transform 0.5s var(--ease-elastic-1), opacity 0.5s var(--ease-elastic-1), color 0.2s var(--ease-default);
}
.underline .link-strong{
    border-bottom: 2px solid currentColor;
}
.underline .link-strong i{
    position: relative;
    top: 0.075em;
}
.link-hover-anim:not(.underline) .link-strong i:not([class^="icon-"]){
    position: relative;
    top: -0.05em;
    vertical-align: middle;
}
.link-strong svg{
    position: relative;
    top: -0.1em;
    margin-right: 0.2em;
}
.link-strong-hovered{
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    opacity: 0;
    transform: translateY(150%) translateZ(0.001px) skewY(10deg);
}
.link-hover-anim:hover{
    color: inherit;
}
.link-strong-unhovered{
    display: block;
}
.link-hover-anim:hover .link-strong-unhovered{ 
    opacity: 0;
    transform: translateY(-150%) translateZ(0.001px) skewY(-10deg);
}

.link-hover-anim:hover .link-strong-hovered{;
    opacity: 1;
    transform: translateY(0) translateZ(0.001px) skewY(0);
}
.light-content .link-strong,
.light-content .link-hover-anim{
    color: #fff;
}

.link-hover-anim.link-gradient .link-strong{
    background: var(--gradient-primary-1-a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.link-hover-anim.link-gradient .link-strong i{
    -webkit-text-fill-color: var(--color-primary-1);
}

.link-circle{
    padding-right: 22px;
}
.link-circle:before{
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    right: 7px;
    transform: translate3d(0, -50%, 0.001px);
    display: block;
    width: 51px;
    height: 51px;    
    border: 1px solid currentColor;
    border-radius: 50%;
    transition: all .5s var(--ease-elastic-2);
}
.link-circle:hover:before{
    transform: translate3d(0, -50%, 0.001px) scale(1.1);
}
.link-circle .link-strong{
    padding: 20px 0;
}

.link-circle-1{
    margin-left: -7px;
    padding-left: 27px;
}
.link-circle-1:before{
    content: "";
    position: absolute;
    top: calc(50%);
    left: 7px;
    transform: translate3d(0, -50%, 0.001px);
    display: block;
    width: 60px;
    height: 60px;    
    border: 2px solid var(--color-dark-1);
    border-radius: 50%;
    opacity: .15;
    transition: all .5s var(--ease-elastic-2);
}
.link-circle-1 .link-strong-hovered{
    left: 27px;
}
.light-content .link-circle-1:before{
    border-color: #fff;
    opacity: .25;
}
.link-circle-1:hover:before{
    transform: translate3d(0, -50%, 0.001px) scale(0.88);
}
.link-circle-1 .link-strong{
    padding: 24px 0;
}

  
/* ==============================
   Buttons
   ============================== */
  
.btn-mod,
a.btn-mod{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 13px;
    color: #fff;
    background: var(--color-dark-1);
    border: 1px solid transparent;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: .065em;
    border-radius: 0;
    box-shadow: none;
    transition: var(--transition-default);
    cursor: pointer;
}
.btn-mod:hover,
.btn-mod:focus,
a.btn-mod:hover,
a.btn-mod:focus{
    color: #fff;
    text-decoration: none;
    outline: none;
    border-color: transparent;
    box-shadow: none;
}
.btn-mod:active{
    cursor: pointer !important;
    outline: none !important;
}

.btn-mod i.align-center:before{
    display: block;
    margin: -0.275em 0;
    transform: translateY(0.14em);
}

.btn-mod.btn-small{
    height: auto;
    padding: 6px 15px;
    font-size: 13px;
    letter-spacing: 0.05em;
} 
.btn-mod.btn-medium{
    height: auto;
    padding: 13px 20px 12px;
    font-size: 13px;
    letter-spacing: 0.085em;
} 
.btn-mod.btn-large{
    height: auto;
    padding: 16px 32px 15px;
    font-size: 13px;
    letter-spacing: 0.085em;
} 

.btn-mod.btn-w{
    color: var(--color-dark-1);
    background: #fff;    
}
.btn-mod.btn-w:hover,
.btn-mod.btn-w:focus{
    color: var(--color-dark-1);
    background: rgba(255,255,255, 1);
}

.btn-mod.btn-w-c{
    color: var(--color-primary-1);
    background: #fff;    
}
.btn-mod.btn-w-c:hover,
.btn-mod.btn-w-c:focus{
    color: var(--color-primary-1);
    background: #fff;
}

.btn-mod.btn-border{
    color: var(--color-dark-1);
    border: 1px solid var(--color-dark-1);
    background: transparent;
}
.btn-mod.btn-border:hover,
.btn-mod.btn-border:focus{
    color: var(--color-dark-1);
    border-color: var(--color-dark-1);
}

.btn-mod.btn-border-c{
    color: var(--color-primary-1);
    border: 1px solid var(--color-primary-1);
    background: transparent;
}
.btn-mod.btn-border-c:hover,
.btn-mod.btn-border-c:focus{
    color: #fff;
    border-color: transparent;
    background: var(--color-primary-1);
}

.btn-mod.btn-border-w{
    color: #fff;
    border: 1px solid #fff;
    background: transparent;
}
.btn-mod.btn-border-w:hover,
.btn-mod.btn-border-w:focus{
    border-color: #fff;
}

.btn-mod.btn-border-w-light{
    color: rgba(255,255,255, .8);
    border: 1px solid rgba(255,255,255, .5);
    background: transparent;
}
.btn-mod.btn-border-w-light:hover,
.btn-mod.btn-border-w-light:focus{
    color: #fff;
    border-color: rgba(255,255,255, .8);
}

.btn-mod.btn-gray{
    color: var(--color-dark-4);
    background: var(--color-gray-light-3);
}
.btn-mod.btn-gray:hover,
.btn-mod.btn-gray:focus{
    color: var(--color-dark-3);
    background: var(--color-gray-light-4);
}

.btn-mod.btn-color{
    color: #fff;
    background: var(--color-primary-1);
}
.btn-mod.btn-color-light{
    color: var(--color-primary-1);
    background: var(--color-primary-light-1);
}

.btn-mod.btn-dark,
.btn-mod.btn-dark:hover,
.btn-mod.btn-dark:focus{
    background: var(--color-dark-3) !important;
    border: 1px solid var(--color-dark-mode-gray-2) !important;
    box-shadow: none !important;
}

.btn-mod.btn-circle{
    border-radius: 30px;
}
.btn-circle-alt{
    border-radius: 50%;
}
.btn-circle-alt:hover{
    border-radius: 10px;
}
.btn-mod.btn-round{
    border-radius: var(--border-radius-default);
}
.btn-full{
    width: 100%;
}

.btn-mod.btn-with-icon{
    display: inline-flex;
    align-items: center;    
    height: 42px;
    padding: 0 17px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: none;
    letter-spacing: normal;
    border: none;
    box-shadow: var(--box-shadow-block);
}
.btn-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    margin-left: -10px;
    margin-right: 8px;
    font-size: 16px;
    border-radius: 50%;
}
.btn-icon.color-1{
    color: #fff;
    background: var(--color-primary-1);
}
.btn-icon.color-2{
    color: #fff;
    background: var(--color-primary-2);
}
.btn-icon.color-3{
    color: #fff;
    background: var(--color-primary-3);
}
.btn-icon.color-4{
    color: #fff;
    background: var(--color-primary-4);
}
.btn-mod.btn-with-icon:hover{
    background: #fff;
    box-shadow: var(--box-shadow-block-strong);
}
.btn-mod.btn-with-icon i:not(.btn-icon i){
    position: relative;
    top: 0.05em;
    font-size: 20px;
}

.btn-mod.btn-hover-anim{
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transform: translateZ(0);
}
.btn-mod.btn-hover-anim > span{
    position: relative;
}
.btn-mod.btn-hover-anim:before{
    content: "";
    display: block;
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(.7) translateY(55%);
    background: var(--color-dark-3a);
    border-radius: 100%;
    transition: all 0.25s cubic-bezier(0,0,.31,.99);
}
.btn-mod.btn-hover-anim:hover{
   opacity: 1;
   border-color: var(--color-dark-3a);
}
.btn-mod.btn-hover-anim:hover:before{
   transform: scaleX(2) scaleY(1) translateY(-15%);
}
.btn-mod.btn-w.btn-hover-anim:before{
    background: #ddd;
}
.btn-mod.btn-w.btn-hover-anim:hover{
   border-color: #ddd;
}
.btn-mod.btn-w-c.btn-hover-anim:before{
    background: var(--color-primary-light-1);
}
.btn-mod.btn-w-c.btn-hover-anim:hover{
   border-color: var(--color-primary-light-1);
}
.btn-mod.btn-color.btn-hover-anim:before{
    background: var(--color-primary-1-a);
}
.btn-mod.btn-color.btn-hover-anim:hover{
    border-color: var(--color-primary-1-a);
}

.btn-mod.btn-ellipse,
.btn-mod.btn-ellipse:focus{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 170px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.22;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    background: none;
    transform: rotate(-15deg);
}
.btn-mod.btn-ellipse:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--color-dark-1);
    border-radius: 50%;
    opacity: 97%;
    transition: all .37s var(--ease-out-short);
}
.btn-mod.btn-ellipse > *{
    z-index: 1;
}
.btn-mod.btn-ellipse:hover{
    background: none;
    opacity: 1;
}
.btn-mod.btn-ellipse:hover:before{
    transform: scale(1.1);
}
.btn-mod.btn-ellipse.btn-w:before{
    background: #fff;
}

.btn-mod.btn-ellipse-inner{
    position: relative;
}
.btn-ellipse-inner{
    position: relative;
    overflow: hidden;
}
.btn-ellipse-unhovered{
    display: block;
    padding: 10px;
    transition: all .37s var(--ease-out-short);
}
.btn-ellipse-hovered{
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    padding: 10px;
    opacity: 0;
    transition: all .37s var(--ease-out-short);
}
.btn-mod.btn-ellipse:hover .btn-ellipse-unhovered{
    opacity: 0;
    transform: translate(0,-100%);
}
.btn-mod.btn-ellipse:hover .btn-ellipse-hovered{
    opacity: 1;
    transform: translate(0,-100%);
}

.btn-animate-y{
    position: relative;
    display: block;
    overflow: hidden;
}
.btn-animate-y-1{
    display: block;
    transition: all .37s var(--ease-out-short), opacity .37s linear;
}
.btn-animate-y-2{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transform: translate(0,100%);
    transition: all .37s var(--ease-out-short), opacity .37s linear;
}
.btn-mod:hover .btn-animate-y-1,
a:not(.no-hover):hover .btn-animate-y-1{
    opacity: 0;
    transform: translate(0,-100%);
}
.btn-mod:hover .btn-animate-y-2,
a:not(.no-hover):hover .btn-animate-y-2{
    opacity: 1;
    transform: translate(0,0);
}

.big-icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
    font-size: 30px;
    color: var(--color-dark-1);
    background: #fff;
    border-radius: 50%;
    transition: var(--transition-default);
}
.big-icon i{
    position: relative;
    left: 0.1em;
}
.big-icon-gradient{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    margin: 0 auto 12px;
    overflow: hidden;
    font-size: 30px;
    color: var(--color-dark-1);
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 100px 0px rgba(185, 71, 217, 0.5);
    transition: transform .2s var(--ease-default);
    isolation: isolate;
    transform: translateZ(0);
}
.big-icon-gradient:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--gradient-primary-1-b);
    opacity: .225;
    transition: opacity .1s var(--ease-default);
}
.big-icon-gradient:hover:before{
    opacity: .15;
}
.big-icon-gradient i{
    position: relative;
    left: 0.1em;
}
.big-icon-gradient i:before{
    background: var(--gradient-primary-1-b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.big-icon-border{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
    border: 3px solid var(--color-dark-1);
    text-align: center;
    font-size: 30px;
    color: var(--color-dark-1);
    border-radius: 50%;
    transition: var(--transition-default);
}
.big-icon-border i{
    position: relative;
    left: 0.1em;
}
.big-icon-link{
    display: inline-block;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.3;
    text-decoration: none;
    letter-spacing: -0.02em;
}
.big-icon-link:hover{
    text-decoration: none;
}
.light-content .big-icon-link{
    color: #fff;
}
.big-icon-link-gradient{
    display: inline-block;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.3;
    text-decoration: none;
    letter-spacing: -0.02em;
}
.big-icon-link-gradient:hover{
    text-decoration: none;
}
.light-content .big-icon-link-gradient{
    background: var(--gradient-primary-1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255, .8);
}
.light-content .big-icon-link-gradient:hover{
    -webkit-text-fill-color: rgba(255,255,255, .9);
}
.light-content .big-icon-border{
    color: #fff;
    border-color: #fff;
}

.btn-mod.btn-grad{
    color: #fff !important;
    background-image: var(--gradient-primary-1);
    background-repeat: no-repeat;
    border: none;
}
.btn-mod.btn-border-grad{
	border: 1px solid transparent;
	background:	linear-gradient(to right, white, white), var(--gradient-primary-1-b); 
	-webkit-background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
    color: var(--color-primary-1);
}
.btn-mod.btn-border-grad > span{
    position: relative;
    display: block;
	background: var(--gradient-primary-1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.btn-mod.btn-border-grad > span i{
    -webkit-text-fill-color: var(--color-primary-1);
}
.btn-mod.btn-border-grad .btn-animate-y-1,
.btn-mod.btn-border-grad .btn-animate-y-2{
    background: var(--gradient-primary-1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.main-nav.dark .btn-border-grad{
    background:	linear-gradient(to right, var(--color-dark-1), var(--color-dark-1)), var(--gradient-primary-1-b); 
	-webkit-background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
}

/* 
 * Mobile menu button fix 
 */

.mobile-on .link-hover-anim{
    top: 0;
}
.mobile-on .btn-border,
.mobile-on .btn-border:hover{
    color: #fff !important;
    border-color: #fff !important;
}


/* ==============================
   Forms fields
   ============================== */

.form input[type="text"],
.form input[type="email"],
.form input[type="number"],
.form input[type="url"],
.form input[type="search"],
.form input[type="tel"],
.form input[type="password"],
.form input[type="date"],
.form input[type="color"],
.form select{
    display: inline-block;
    height: 27px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 400;
    color: var(--color-dark-1);
    border: 1px solid rgba(0,0,0, .183);
    padding-top: 0;
    padding-bottom: 2px;
    padding-left: 7px;
    padding-right: 7px;
    border-radius: 0;
    box-shadow: none;    
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
}
.form select:not([multiple]){
    padding-right: 24px !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd" fill="rgb(17, 17, 17)" d="M8.886,0.631 L8.336,0.117 C8.263,0.049 8.178,0.015 8.083,0.015 C7.988,0.015 7.903,0.049 7.830,0.117 L4.506,3.155 L1.183,0.117 C1.109,0.049 1.025,0.015 0.930,0.015 C0.834,0.015 0.750,0.049 0.677,0.117 L0.127,0.631 C0.053,0.699 0.017,0.778 0.017,0.867 C0.017,0.956 0.053,1.035 0.127,1.103 L4.253,4.892 C4.327,4.960 4.411,4.994 4.506,4.994 C4.602,4.994 4.686,4.960 4.759,4.892 L8.886,1.103 C8.959,1.035 8.996,0.956 8.996,0.867 C8.996,0.778 8.959,0.699 8.886,0.631 L8.886,0.631 Z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 9px 5px;    
}
.form select[multiple]{
    height: auto;
}
.form input[type="text"]::placeholder,
.form input[type="email"]::placeholder,
.form input[type="number"]::placeholder,
.form input[type="url"]::placeholder,
.form input[type="search"]::placeholder,
.form input[type="tel"]::placeholder,
.form input[type="password"]::placeholder,
.form input[type="date"]::placeholder,
.form input[type="color"]::placeholder,
.form select::placeholder{
    color: var(--color-gray-2);
    transition: var(--transition-default), font-size 0s;
}
.form input[type="text"]:hover::placeholder,
.form input[type="email"]:hover::placeholder,
.form input[type="number"]:hover::placeholder,
.form input[type="url"]:hover::placeholder,
.form input[type="search"]:hover::placeholder,
.form input[type="tel"]:hover::placeholder,
.form input[type="password"]:hover::placeholder,
.form input[type="date"]:hover::placeholder,
.form input[type="color"]:hover::placeholder,
.form select::placeholder{
    color: var(--color-gray-1);
}
.form input[type="text"]:hover,
.form input[type="email"]:hover,
.form input[type="number"]:hover,
.form input[type="url"]:hover,
.form input[type="search"]:hover,
.form input[type="tel"]:hover,
.form input[type="password"]:hover,
.form input[type="date"]:hover,
.form input[type="color"]:hover,
.form select:hover{
    border-color: rgba(0,0,0, .38);
}
.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form input[type="number"]:focus,
.form input[type="url"]:focus,
.form input[type="search"]:focus,
.form input[type="tel"]:focus,
.form input[type="password"]:focus,
.form input[type="date"]:focus,
.form input[type="color"]:focus,
.form select:focus{
    color: var(--color-dark-1);
    border-color: rgba(0,0,0, .7);
    box-shadow: 0 0 3px rgba(0,0,0, .3);
    outline: none;
}
input[type="text"]:-webkit-autofill,
input[type="email"]:-webkit-autofill,
input[type="number"]:-webkit-autofill,
input[type="url"]:-webkit-autofill,
input[type="search"]:-webkit-autofill,
input[type="tel"]:-webkit-autofill,
input[type="password"]:-webkit-autofill,
input[type="date"]:-webkit-autofill,
input[type="color"]:-webkit-autofill,
textarea:-webkit-autofill,
input[type="text"]:-webkit-autofill:hover,
input[type="email"]:-webkit-autofill:hover,
input[type="number"]:-webkit-autofill:hover,
input[type="url"]:-webkit-autofill:hover,
input[type="search"]:-webkit-autofill:hover,
input[type="tel"]:-webkit-autofill:hover,
input[type="password"]:-webkit-autofill:hover,
input[type="date"]:-webkit-autofill:hover,
input[type="color"]:-webkit-autofill:hover,
textarea:-webkit-autofill:hover,
input[type="text"]:-webkit-autofill:focus,
input[type="email"]:-webkit-autofill:focus,
input[type="number"]:-webkit-autofill:focus,
input[type="url"]:-webkit-autofill:focus,
input[type="search"]:-webkit-autofill:focus,
input[type="tel"]:-webkit-autofill:focus,
input[type="password"]:-webkit-autofill:focus,
input[type="date"]:-webkit-autofill:focus,
input[type="color"]:-webkit-autofill:focus,
textarea:-webkit-autofill:focus{
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000), background-color 1s 900000s ease;
    -webkit-text-fill-color: var(--color-dark-1);
}
.light-content input[type="text"],
.light-content input[type="email"],
.light-content input[type="number"],
.light-content input[type="url"],
.light-content input[type="search"],
.light-content input[type="tel"],
.light-content input[type="password"],
.light-content input[type="date"],
.light-content input[type="color"],
.light-content select{
    color: #fff;
    background: none;
    border-color: rgba(255,255,255, .35);
}
.light-content input[type="text"]:hover,
.light-content input[type="email"]:hover,
.light-content input[type="number"]:hover,
.light-content input[type="url"]:hover,
.light-content input[type="search"]:hover,
.light-content input[type="tel"]:hover,
.light-content input[type="password"]:hover,
.light-content input[type="date"]:hover,
.light-content input[type="color"]:hover,
.light-content select:hover{
    border-color: rgba(255,255,255, .5);
}
.light-content input[type="text"]:focus,
.light-content input[type="email"]:focus,
.light-content input[type="number"]:focus,
.light-content input[type="url"]:focus,
.light-content input[type="search"]:focus,
.light-content input[type="tel"]:focus,
.light-content input[type="password"]:focus,
.light-content input[type="date"]:focus,
.light-content input[type="color"]:focus,
.light-content select:focus{
    color: #fff;
    border-color: rgba(255,255,255, .75);
    background-color: transparent !important;
}
.light-content .form select:not([multiple]){
    background-color: transparent: !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M8.886,0.631 L8.336,0.117 C8.263,0.049 8.178,0.015 8.083,0.015 C7.988,0.015 7.903,0.049 7.830,0.117 L4.506,3.155 L1.183,0.117 C1.109,0.049 1.025,0.015 0.930,0.015 C0.834,0.015 0.750,0.049 0.677,0.117 L0.127,0.631 C0.053,0.699 0.017,0.778 0.017,0.867 C0.017,0.956 0.053,1.035 0.127,1.103 L4.253,4.892 C4.327,4.960 4.411,4.994 4.506,4.994 C4.602,4.994 4.686,4.960 4.759,4.892 L8.886,1.103 C8.959,1.035 8.996,0.956 8.996,0.867 C8.996,0.778 8.959,0.699 8.886,0.631 L8.886,0.631 Z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 9px 5px;    
}
.light-content .form select option{
    background: var(--color-dark-1);
}
.light-content .form input[type="text"]::placeholder,
.light-content .form input[type="email"]::placeholder,
.light-content .form input[type="number"]::placeholder,
.light-content .form input[type="url"]::placeholder,
.light-content .form input[type="search"]::placeholder,
.light-content .form input[type="tel"]::placeholder,
.light-content .form input[type="password"]::placeholder,
.light-content .form input[type="date"]::placeholder,
.light-content .form input[type="color"]::placeholder,
.light-content .form select::placeholder{
    color: rgba(255,255,255, .6);
}
.light-content .form input[type="text"]:hover::placeholder,
.light-content .form input[type="email"]:hover::placeholder,
.light-content .form input[type="number"]:hover::placeholder,
.light-content .form input[type="url"]:hover::placeholder,
.light-content .form input[type="search"]:hover::placeholder,
.light-content .form input[type="tel"]:hover::placeholder,
.light-content .form input[type="password"]:hover::placeholder,
.light-content .form input[type="date"]:hover::placeholder,
.light-content .form input[type="color"]:hover::placeholder,
.light-content .form select::placeholder{
    color: rgba(255,255,255, .75);
}
.light-content input[type="text"]:-webkit-autofill,
.light-content input[type="email"]:-webkit-autofill,
.light-content input[type="number"]:-webkit-autofill,
.light-content input[type="url"]:-webkit-autofill,
.light-content input[type="search"]:-webkit-autofill,
.light-content input[type="tel"]:-webkit-autofill,
.light-content input[type="password"]:-webkit-autofill,
.light-content input[type="date"]:-webkit-autofill,
.light-content input[type="color"]:-webkit-autofill,
.light-content textarea:-webkit-autofill,
.light-content input[type="text"]:-webkit-autofill:hover,
.light-content input[type="email"]:-webkit-autofill:hover,
.light-content input[type="number"]:-webkit-autofill:hover,
.light-content input[type="url"]:-webkit-autofill:hover,
.light-content input[type="search"]:-webkit-autofill:hover,
.light-content input[type="tel"]:-webkit-autofill:hover,
.light-content input[type="password"]:-webkit-autofill:hover,
.light-content input[type="date"]:-webkit-autofill:hover,
.light-content input[type="color"]:-webkit-autofill:hover,
.light-content textarea:-webkit-autofill:hover,
.light-content input[type="text"]:-webkit-autofill:focus,
.light-content input[type="email"]:-webkit-autofill:focus,
.light-content input[type="number"]:-webkit-autofill:focus,
.light-content input[type="url"]:-webkit-autofill:focus,
.light-content input[type="search"]:-webkit-autofill:focus,
.light-content input[type="tel"]:-webkit-autofill:focus,
.light-content input[type="password"]:-webkit-autofill:focus,
.light-content input[type="date"]:-webkit-autofill:focus,
.light-content input[type="color"]:-webkit-autofill:focus,
.light-content textarea:-webkit-autofill:focus{
    -webkit-text-fill-color: #fff;
}
.form input[type="text"].input-lg,
.form input[type="email"].input-lg,
.form input[type="number"].input-lg,
.form input[type="url"].input-lg,
.form input[type="search"].input-lg,
.form input[type="tel"].input-lg,
.form input[type="password"].input-lg,
.form input[type="date"].input-lg,
.form input[type="color"].input-lg,
.form select.input-lg{
    height: 52.5px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
}
.form input[type="text"].input-md,
.form input[type="email"].input-md,
.form input[type="number"].input-md,
.form input[type="url"].input-md,
.form input[type="search"].input-md,
.form input[type="tel"].input-md,
.form input[type="password"].input-md,
.form input[type="date"].input-md,
.form input[type="color"].input-md,
.form select.input-md{
    height: 46px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px;
}
.form input[type="text"].input-sm,
.form input[type="email"].input-sm,
.form input[type="number"].input-sm,
.form input[type="url"].input-sm,
.form input[type="search"].input-sm,
.form input[type="tel"].input-sm,
.form input[type="password"].input-sm,
.form input[type="date"].input-sm,
.form input[type="color"].input-sm,
.form select.input-sm{
    height: 37px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
}
.form input[type=color]{
    padding: 3px !important;
}
.form input.form-check-input{
    border: 1px solid var(--color-gray-1);
}
.form .form-check-label{
    font-weight: 400;
}
.form textarea{
    font-size: 13px;
    font-weight: 400;
    color: var(--color-dark-1);
    border-color: rgba(0,0,0, .183);
    padding: 0 7px;
    outline: none;
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    
    -webkit-appearance: none;
}
.form textarea::placeholder{
    color: var(--color-gray-2);
    transition: var(--transition-default);
}
.form textarea:hover::placeholder{
    color: var(--color-gray-1);
}
.form textarea:hover{
    border-color: rgba(0,0,0, .38);
}
.form textarea:focus{
    color: var(--color-dark-1);
    border-color: rgba(0,0,0, .7);
    box-shadow: 0 0 3px rgba(0,0,0, .3);
}
.light-content textarea{
    color: #fff;
    background: none;
    border-color: rgba(255,255,255, .35);
}
.light-content textarea:hover{
    background: none;
    border-color: rgba(255,255,255, .5);
}
.light-content textarea:focus{
    color: #fff;
    background: none;
    border-color: rgba(255,255,255, .75);
}
.light-content .form textarea::placeholder{
    color: rgba(255,255,255, .6);
}
.light-content .form textarea:hover::placeholder{
    color: rgba(255,255,255, .75);
}
.form textarea.input-lg{
    padding: 12px 20px;
    font-size: 16px;
}
.form textarea.input-md{
    padding: 8px 15px;
    font-size: 15px;
    
}
.form textarea.input-sm{
    padding: 5px 10px;
    font-size: 14px;
}
.form input.input-circle,
.form select.input-circle,
.form textarea.input-circle{
    border-radius: 27px;
}
.form label{
    display: inline-block;
    margin-bottom: 7px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
}
.form .form-group{
    margin-bottom: 21px;
}

.form div.error{
    margin-top: 20px;
    padding: 13px 20px;
    text-align: center;
    background: var(--bs-danger);
    color: #fff;
    border-radius: var(--border-radius-default);
}
.form div.error a,
.form div.error a:hover{
    color: #fff;
}
.form div.error label,
.form div.success label{
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;    
}
.form div.success{
    margin-top: 20px;
    padding: 13px 20px;
    text-align: center;
    background: rgba(50,178,95, .75);
    color: #fff;
    border-radius: var(--border-radius-default);
}

.form-tip,
.form-tip a{
    font-size: 14px;
    line-height: 1.43;
    color: var(--color-gray-1);
}
.form-tip a:hover{
    color: var(--color-dark-1);
}
.form-tip .fa{
    font-size: 12px;
}
.light-content .form-tip,
.light-content .form-tip a{
    color: var(--color-dark-mode-gray-1);
}

.form-control{
    border-radius: 0;
}

/*
 * Input underline
 */

.form input[type="text"].underline,
.form input[type="email"].underline,
.form input[type="number"].underline,
.form input[type="url"].underline,
.form input[type="search"].underline,
.form input[type="tel"].underline,
.form input[type="password"].underline,
.form input[type="date"].underline,
.form input[type="color"].underline,
.form textarea.underline,
.form select.underline{
    border-top: none;
    border-left: none;
    border-right: none;
    padding-left: 0;
    border-width: 2px;
    border-color: var(--color-dark-1);
    border-radius: 0;
}
.form input[type="text"].underline,
.form input[type="email"].underline,
.form input[type="number"].underline,
.form input[type="url"].underline,
.form input[type="search"].underline,
.form input[type="tel"].underline,
.form input[type="password"].underline,
.form input[type="date"].underline,
.form input[type="color"].underline,
.form textarea.underline{
    padding-right: 0;
}
.form input[type="text"].underline:focus,
.form input[type="email"].underline:focus,
.form input[type="number"].underline:focus,
.form input[type="url"].underline:focus,
.form input[type="search"].underline:focus,
.form input[type="tel"].underline:focus,
.form input[type="password"].underline:focus,
.form input[type="date"].underline:focus,
.form input[type="color"].underline:focus,
.form textarea.underline:focus,
.form select.underline:focus{
    box-shadow: none;
}
.light-content .form input[type="text"].underline,
.light-content .form input[type="email"].underline,
.light-content .form input[type="number"].underline,
.light-content .form input[type="url"].underline,
.light-content .form input[type="search"].underline,
.light-content .form input[type="tel"].underline,
.light-content .form input[type="password"].underline,
.light-content .form input[type="date"].underline,
.light-content .form input[type="color"].underline,
.light-content .form textarea.underline,
.light-content .form select.underline{
    border-color: #fff;
}

/*
 * Input Gradient
 */

.input-grad-wrap{
    border: 1px solid transparent;
	background:	linear-gradient(to right, white, white), var(--gradient-primary-1-b); 
	-webkit-background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
}
.form input[type="text"].input-grad,
.form input[type="email"].input-grad,
.form input[type="number"].input-grad,
.form input[type="url"].input-grad,
.form input[type="search"].input-grad,
.form input[type="tel"].input-grad,
.form input[type="password"].input-grad,
.form input[type="date"].input-grad,
.form input[type="color"].input-grad,
.form textarea.input-grad,
.form select.input-grad{
    border: none;
}
.form input[type="text"].input-grad:focus,
.form input[type="email"].input-grad:focus,
.form input[type="number"].input-grad:focus,
.form input[type="url"].input-grad:focus,
.form input[type="search"].input-grad:focus,
.form input[type="tel"].input-grad:focus,
.form input[type="password"].input-grad:focus,
.form input[type="date"].input-grad:focus,
.form input[type="color"].input-grad:focus,
.form textarea.input-grad:focus,
.form select.input-grad:focus{
    border: none;
    box-shadow: none;
}
.light-content .input-grad-wrap{
	background:	linear-gradient(to right, var(--color-dark-1), var(--color-dark-1)), var(--gradient-primary-1-b); 
	-webkit-background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
}


/* ==============================
   Home sections
   ============================== */
  
/*
 * Header common styles
 */

.home-section{
    width: 100%;
    display: block;    
    position: relative;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
}
.home-content{
    width: 100%;
    position: relative;
    text-align: center;
}

/*
 * Scroll down icon
 */

@keyframes scroll-down-anim {
    0%{ transform: translateY(-5px); }
    50%{ transform: translateY(5px); }
    100%{ transform: translateY(-5px); }
}

.scroll-down-wrap{
    position: absolute;
    bottom: 25px;
    left: 50%;
    width: 48px;
    height: 48px;
    margin-left: -24px;    
}
.scroll-down{
    display: flex;
	justify-content: center;
	align-items: center;
    width: 100%;
    height: 100%;
    color: var(--color-dark-1) !important;
    font-size: 22px;   
    text-decoration: none;    
    transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);    
    animation: scroll-down-anim 1.15s infinite; 
}
.scroll-down:before{
    display: block;
    content: "";
    width: 38px;
    height: 38px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #fff;
    box-shadow: var(--box-shadow); 
    z-index: 1;
    transition: all 0.4s var(--ease-elastic-2);
}
.scroll-down:hover{
    text-decoration: none;
}
.scroll-down:hover:before{
    box-shadow: var(--box-shadow-strong);
    transform: translate(-50%, -50%) scale(1.25);
}
.scroll-down i{
    position: relative;
    top: 1px;
    z-index: 2;
}

/*
 * Scroll down icon type 1
 */

.scroll-down-wrap-type-1{
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%; 
}
.scroll-down-1{
    display: inline-flex;
    justify-content: center;
	align-items: center;
    text-decoration: none; 
}
.scroll-down-1-icon{
    position: relative;
    display: inline-flex;
    justify-content: center;
	align-items: center;
    width: 36px;
    height: 36px;
    margin-right: 8px;
    font-size: 24px;    
}
.scroll-down-1-icon:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid var(--color-dark-1);
    border-radius: 50%;
    opacity: .38;
    transition: opacity 0.4s ease, transform 0.4s var(--ease-elastic-2);
}
.scroll-down-1-icon svg,
.scroll-down-1-icon img{
    width: 24px;
    height: 24px;
    opacity: .43;
    transition: all 0.4s ease;
}
.scroll-down-1-icon i{
    opacity: .43;
    transition: all 0.4s ease;
}
.scroll-down-1-text{
    font-size: 14px;
    opacity: .6;
    transition: opacity 0.4s ease, transform 0.4s var(--ease-elastic-2);
}
.scroll-down-1:hover{
    text-decoration: none; 
    color: inherit;
}
.scroll-down-1:hover .scroll-down-1-icon:before{
    opacity: 1;
    transform: scale(1.25);
}
.scroll-down-1:hover .scroll-down-1-icon svg,
.scroll-down-1:hover .scroll-down-1-icon img,
.scroll-down-1:hover .scroll-down-1-icon i{
    opacity: 1;
}
.scroll-down-1:hover .scroll-down-1-text{
    opacity: 1;
    transform: translateX(7px);
}
.light-content .scroll-down-1-icon{
    color: #fff;
}
.light-content .scroll-down-1-icon svg,
.light-content .scroll-down-1-icon img{
    opacity: .65;
}
.light-content .scroll-down-1-icon i{
    opacity: .65;
}
.light-content .scroll-down-1-icon:before{
    border-color: #fff;
    opacity: .5;
}
.light-content .scroll-down-1-text{
    color: #fff;
    opacity: .7;
}

/*
 * Scroll down icon type 2
 */

.scroll-down-wrap-2{
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%; 
    line-height: 0;
}
.scroll-down-2,
.scroll-down-2:hover{
    display: inline-flex;
    justify-content: center;
	align-items: center;
    text-decoration: none;
    color: var(--color-dark-1);
    animation: scroll-down-2 1.5s infinite ease-out;
}
@keyframes scroll-down-2 {
  0% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(10px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateY(-10px);
  }
}
.light-content .scroll-down-2,
.light-content .scroll-down-2:hover{
    color: #fff;
}

/*
 * Scroll down type 3
 */

.scroll-down-3-wrap{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;  
}
.scroll-down-3{
    position: relative; 
    color: var(--color-dark-1);   
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.1em;
    transition: letter-spacing .27s var(--ease-out-medium);
}
.scroll-down-3:hover{    
    color: unset;
    text-decoration: none;
    letter-spacing: 0.2em;
}
.scroll-down-3:after{
    content: "";
    display: block;
    width: 1px;
    height: 106px;
    margin: 6px auto -53px;
    background: var(--color-dark-1);
}
.light-content .scroll-down-3{
    color: #fff;
}
.light-content .scroll-down-3:after{
    background: rgba(193,193, 193, .9);
}

/*
 * Scroll down icon type 4
 */

.scroll-down-wrap-4{
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%; 
}
.scroll-down-4{
    position: relative;
    display: inline-flex;
    justify-content: center;
	align-items: center;
    width: 38px;
    height: 38px;
    text-decoration: none;
    color: var(--color-dark-1);
    border: 2px solid var(--color-dark-1);
    border-radius: 50%;
    transition: all .27s var(--ease-default);
}
.scroll-down-4:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;    
    display: block;
    width: 100%;
    height: 100%;
    background: var(--color-dark-1);
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
    transform: scale(0.3);
    transition: all .27s var(--ease-out-medium);
}
.scroll-down-4:hover{
    color: #fff;
    border-color: transparent;
    text-decoration: none;
}
.scroll-down-4:hover:before{
    opacity: 1;
    transform: scale(1.2);
}
.light-content .scroll-down-4{
    color: #fff;
    border-color: #fff;
}
.light-content .scroll-down-4:hover{
    color: var(--color-dark-1);
    border-color: transparent;
}
.light-content .scroll-down-4:before{
    background: #fff;
}


/*
 * Home section status
 */

.hs-status{
    position: absolute;
    bottom: 30px;
    left: var(--full-wrapper-margin-x);
    width: 180px;
    font-size: 16px;
    line-height: 1.375;
    padding-left: 10px;
    border-left: 2px solid currentColor;
}

/*
 * Home section social media links  
 */

.hs-social{
    position: absolute;
    bottom: 30px;
    right: var(--full-wrapper-margin-x);
}
.hs-social.left{
    left: var(--full-wrapper-margin-x);
    right: auto;
}
.hs-social-link{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-top: 8px;
    font-size: 16px;
    color: var(--color-dark-1);
    text-decoration: none;
    border: 1px solid var(--color-dark-1);
    border-radius: 50%;
    transition: var(--transition-default);
}
.hs-social-link:hover{
    color: #fff;
    background: var(--color-dark-1);
    text-decoration: none;  
}
.hs-social-link svg{
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}
.light-content .hs-social-link{
    color: #fff;
    border-color: #fff;
}
.light-content .hs-social-link:hover{
    color: var(--color-dark-1);
    background: #fff;  
}


/*
 * HTML5 BG Video
 */

.bg-video-wrapper{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.bg-video-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.bg-video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bg-video::-webkit-media-controls,
.bg-video::-webkit-media-controls-panel,
.bg-video::-webkit-media-controls-play-button,
.bg-video::-webkit-media-controls-start-playback-button{
  display: none !important;
  -webkit-appearance: none;
}
a.bg-video-button-muted{
    display: block;
    width: 1em;
    height: 1em;
    position: absolute;
    bottom: 20px;
    left: 20px;    
    font-size: 24px;
    line-height: 1;
    color: var(--color-dark-1);   
    z-index: 1000;
}
a.bg-video-button-pause{
    display:block;
    width: 1em;
    height: 1em;
    position: absolute;
    bottom: 20px;
    left: 60px;    
    font-size: 24px;
    line-height: 1;
    color: var(--color-dark-1);   
    z-index: 1000;
}
.light-content a.bg-video-button-muted,
.light-content a.bg-video-button-pause{
    color: #fff;
}

/*
 * Section edge figure
 */

.edge-top-figure-1{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 15%;
    overflow: hidden;
    background: #fff;
}
.edge-top-figure-1:before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 160%;
    height: 520%;
    background: var(--color-dark-1);
    border-radius: 100%;
}
.edge-top-figure-2{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 15%;
    overflow: hidden;
    background: var(--color-dark-1);
}
.edge-top-figure-2:before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 160%;
    height: 520%;
    background: var(--color-dark-2);
    border-radius: 100%;
}

/*
 * Section BG svg shape
 */

.bg-shape-1{
    position: absolute;
    top: 0;
    right: 0;
    width: 90.1875%;
}
.bg-shape-1 img{
    width: 100%;
}

.bg-shape-2{
    position: absolute;
    top: 0;
    left: 0;
    width: 53.625%;
}
.bg-shape-2 img{
    width: 100%;
}

.bg-shape-3{
    position: absolute;
    top: 0;
    left: 0;
    width: 90.1875%;
}
.bg-shape-3 img{
    width: 100%;
}

.bg-shape-4{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.bg-shape-4 img{
    width: 100%;
}

.bg-shape-5{
    position: absolute;
    top: 0;
    right: 0;
    width: 34.375%;
    height: 100%;
    background: var(--gradient-primary-1-b);
    opacity: .15;
}

.bg-shape-6{
    position: absolute;
    top: 50%;
    right: 100%;
    width: 35.325%;
    padding-top: 35.325%;
    background: var(--gradient-primary-1);
    border-radius: 100%;
    opacity: .15;
    transform: translate(9.7%,-50%) rotate(90deg);
}

.bg-shape-7{
    position: absolute;
    top: -10%;
    left: 0;
    width: 187%;
}
.bg-shape-7 img{
    width: 100%;
}

.bg-line-1{
    position: absolute;
    bottom: 45px;
    left: 0;
    width: 100%;   
}
.bg-line-1 img{
    width: 100%;
}
.bg-line-2 img{
    width: 100%;
}
.bg-line-3 img{
    width: 100%;
}

/*
 * Fullwidth gallery
 */

.fullwidth-gallery-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 100%;
}
.fullwidth-galley-content{
    position: relative;
    z-index: 25;
}
.fullwidth-gallery{
    display: flex !important;
    align-items: stretch;
}
.fullwidth-gallery .owl-wrapper-outer{
    display: flex;
    align-items: stretch;
    height: auto !important;
}
.fullwidth-gallery .owl-wrapper{
    display: flex !important;
    align-items: stretch;
}
.fullwidth-gallery .owl-item{
    display: flex !important;
    align-items: stretch;
    height: 100% !important;
}

/*
 * Typed text
 */

.typewrite .wrap:after{
    animation: blink 1s infinite;
}
@keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}

/* 
 * Stack Images
 */

.stack-images{
    position: relative;
    margin: 0 auto;
    padding: 19.2307% 0;
}
.stack-images-1{
    max-width: 57.692%;
    position: absolute;
    top: 0;
    right: 0;
}
.stack-images-2{
    position: relative;
    max-width: 57.692%;
    margin: 0 auto;
}
.stack-images-3{
    max-width: 57.692%;
    position: absolute;
    bottom: 0;
    left: 0;
}


/* ==============================
   Custom appear animation
   ============================== */
  
/*
 * Splitting JS chars animation
 */

.appear-animate .charsAnimIn .char{
    opacity: 0;
    transform: translateY(.5em) rotate(7deg);
    transform-origin: 0 50%;
    transition: transform .62s var(--ease-out-short), opacity .62s var(--ease-default);
    transition-delay: calc( 0.027s * var(--char-index) );
}
html:not(.mobile) .appear-animate .charsAnimIn .char{
    will-change: opacity, transform;
}
@media print{
    .appear-animate .charsAnimIn .char{
        opacity: 1 !important;
        transform: none !important;
    }
}
.charsAnimIn.animated .char,
.mobile .charsAnimIn .char{
    opacity: 1;
    transform: none;
}

/*
 * Splitting JS chars animation 1
 */

.appear-animate .charsAnimIn-1 .char{
    opacity: 0;
    transform: translateX(.01em) translateY(.27em) translateZ(0) rotate(0.0003deg);
    transition: transform 1s var(--ease-out-short), opacity 1s var(--ease-default);
    transition-delay: calc( 0.037s * var(--char-index) );
}
html:not(.mobile) .appear-animate .charsAnimIn-1 .char{
    will-change: opacity, transform;
}
@media print{
    .appear-animate .charsAnimIn-1 .char{
        opacity: 1 !important;
        transform: none !important;
    }
}
.charsAnimIn-1.animated .char,
.mobile .charsAnimIn-1 .char{
    opacity: 1;
    transform: none;
}

/*
 * Splitting JS chars animation 2
 */

.appear-animate .charsAnimIn-2 .char{
    opacity: 0;
    transform: translateY(0.2em) translateZ(0) rotate(5deg);
    transition: transform 0.5s var(--ease-out-short), opacity 1s var(--ease-default);
    transition-delay: calc( 0.0427s * var(--char-index) );
}
html:not(.mobile) .appear-animate .charsAnimIn-2 .char{
    will-change: opacity, transform;
}
@media print{
    .appear-animate .charsAnimIn-2 .char{
        opacity: 1 !important;
        transform: none !important;
    }
}
.charsAnimIn-2.animated .char,
.mobile .charsAnimIn-2 .char{
    opacity: 1;
    transform: none;
}

/*
 * Splitting JS chars animation long
 */

.appear-animate .charsAnimInLong .char{
    opacity: 0;
    transform: translateX(.5em);
    transform-origin: 0 50%;
    transition: transform .85s var(--ease-out-short), opacity .62s var(--ease-default);
    transition-delay: calc( 0.03s * var(--char-index) );
}
html:not(.mobile) .appear-animate .charsAnimInLong .char{
    will-change: opacity, transform;
}
@media print{
    .appear-animate .charsAnimInLong .char{
        opacity: 1 !important;
        transform: none !important;
    }
}
.charsAnimInLong.animated .char,
.mobile .charsAnimInLong .char{
    opacity: 1;
    transform: none;
}

/*
 * Splitting JS chars animation long 1
 */

.appear-animate .charsAnimInLong-1 .char{
    opacity: 0;
    transform: translateX(.275em);
    transform-origin: 0 50%;
    transition: transform 1s var(--ease-out-short), opacity .62s var(--ease-default);
    transition-delay: calc( 0.039s * var(--char-index) );
}
html:not(.mobile) .appear-animate .charsAnimInLong-1 .char{
    will-change: opacity, transform;
}
@media print{
    .appear-animate .charsAnimInLong-1 .char{
        opacity: 1 !important;
        transform: none !important;
    }
}
.charsAnimInLong-1.animated .char,
.mobile .charsAnimInLong-1 .char{
    opacity: 1;
    transform: none;
}

/*
 * Splitting JS words animation
 */

.appear-animate .wordsAnimIn .word{
    opacity: 0;
    transform: translateY(1em) scale(.75) skew(-5deg) rotate(7deg);
    transform-origin: 0 50%;
    transition: transform 0.5s var(--ease-out-short), opacity 0.5s var(--ease-out-short);
    transition-delay: calc( 0.05s * var(--word-index) );
}
html:not(.mobile) .appear-animate .wordsAnimIn .word{
    will-change: opacity, transform;
}
@media print{
    .appear-animate .wordsAnimIn .word{
        opacity: 1 !important;
        transform: none !important;
    }
}
.wordsAnimIn.animated .word,
.mobile .wordsAnimIn .word{
    opacity: 1;
    transform: none;
}

/*
 * Splitting JS lines animation
 */

.appear-animate .linesAnimIn .word{
    opacity: 0;
    backface-visibility: hidden;   
    transform: translateY(39px) translateZ(0) scale(1.0) rotate(0.02deg);
    transform-origin: 0 50%;
    transition: transform 1s cubic-bezier(0, 0.55, 0.45, 1), opacity 1s cubic-bezier(0, 0.55, 0.45, 1);
    transition-delay: calc( 0.05s * var(--line-index) );
}
html:not(.mobile) .appear-animate .linesAnimIn .word{
    will-change: opacity, transform;
}
@media print{
    .appear-animate .linesAnimIn .word{
        opacity: 1 !important;
        transform: none !important;
    }
}
.linesAnimIn.animated .word,
.mobile .linesAnimIn .word{
    opacity: 1;   
    transform: none;
}

/*
 * Splitting JS lines animation long
 */

.appear-animate .linesAnimInLong .word{
    opacity: 0;
    backface-visibility: hidden;   
    transform: translateY(39px) translateZ(0) scale(1.0) rotate(0.02deg);
    transform-origin: 0 50%;
    transition: transform 1s cubic-bezier(0, 0.55, 0.45, 1), opacity 1s cubic-bezier(0, 0.55, 0.45, 1);
    transition-delay: calc( 0.1s * var(--line-index) );
}
html:not(.mobile) .appear-animate .linesAnimInLong .word{
    will-change: opacity, transform;
}
@media print{
    .appear-animate .linesAnimInLong .word{
        opacity: 1 !important;
        transform: none !important;
    }
}
.linesAnimInLong.animated .word,
.mobile .linesAnimInLong .word{
    opacity: 1;   
    transform: none;
}

/*
 * Appearing animation styles
 */

:root {
	--animate-duration: 1s;
	--animate-delay: 1s;
	--animate-repeat: 1
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: var(--animate-duration);
	animation-duration: var(--animate-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.wow,
.wow-menubar,
.wow-p{
    opacity: 0.001;  
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;    
    -webkit-transform: translateZ(0);
    transform: translateZ(0);  
}
html:not(.mobile) .wow, 
html:not(.mobile) .wow-menubar, 
html:not(.mobile) .wow-p{
    /*will-change: opacity, transform;*/
}
.appear-animate .wow.scaleOutIn{
    opacity: 1;
    transform: scale(1.2);
}
.appear-animate .wow.animated,
.appear-animate .wow.scaleOutIn.animated,
.appear-animate .wow-p.amimated,
.appear-animate .wow-menubar.animated,
.mobile .appear-animate .wow,
.mobile .appear-animate .wow-menubar,
.mobile .appear-animate .wow-p{
    opacity: 1;
    transform: scale(1.0);
}
@media print{
    .wow,
    .wow.scaleOutIn,
    .wow-menubar,
    .wow-p{
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }
}
@keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}
.fadeIn {
	animation-name: fadeIn
}

@keyframes fadeInDown{
    0%{
        opacity: 0;
        transform: translate3d(0,-37px,0)
    }
    to{
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}
.fadeInDown{
    animation-name: fadeInDown
}
@keyframes fadeInUp{
    0%{
        opacity: 0;
        transform: translate3d(0,37px,0);
    }
    to{
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}
.fadeInUp{
    animation-name: fadeInUp;
}
@keyframes fadeInLeft{
    0%{
        opacity: 0;
        transform: translate3d(37px,0,0);
    }
    to{
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}
.fadeInLeft{
    animation-name: fadeInLeft;
}
@keyframes fadeInRight{
    0%{
        opacity: 0;
        transform: translate3d(-37px,0,0);
    }
    to{
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}
.fadeInRight{
    animation-name: fadeInRight;
}
@keyframes fadeInDownShort{
    0%{
        opacity: 0;
        transform: translate3d(0,-12px,0)
    }
    to{
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}
.fadeInDownShort{
    animation-name: fadeInDownShort
}
@keyframes fadeInUpShort{
    0%{
        opacity: 0;
        transform: translate3d(0,12px,0);
    }
    to{
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}
.fadeInUpShort{
    animation-name: fadeInUpShort;
}
@keyframes fadeInLeftShort{
    0%{
        opacity: 0;
        transform: translate3d(12px,0,0);
    }
    to{
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}
.fadeInLeftShort{
    animation-name: fadeInLeftShort;
}
@keyframes fadeInRightShort{
    0%{
        opacity: 0;
        transform: translate3d(-12px,0,0);
    }
    to{
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}
.fadeInRightShort{
    animation-name: fadeInRightShort;
}
@keyframes scalexIn{
    0%{
        opacity: 0;
        transform: scaleX(0);
        transform-origin: left center;        
    }
    to{
        opacity: 1;
        transform: scaleX(1);
        transform-origin: left center;
    }
}
.scalexIn{
    animation-name: scalexIn;
}
@keyframes fadeScaleIn{
    0%{
        opacity: 0;
        transform: scale(.95) translateZ(0.1px);
    }
    to{
        opacity: 1;
        transform: scale(1.00);
    }
}
.fadeScaleIn{
    animation-name: fadeScaleIn;
}
@keyframes scaleOutIn{
    0%{
        transform: scale(1.2) translateZ(0.1px);      
    }
    to{
        transform: scale(1.0);
    }
}
.scaleOutIn{
    animation-name: scaleOutIn;
    animation-timing-function: var(--ease-out-short);
}
@keyframes fadeScaleOutIn{
    0%{
        opacity: 0;
        transform: translateY(10px) translateZ(0.1px) scale(1.1);      
    }
    to{
        opacity: 1;
        transform: scale(1);
    }
}
.fadeScaleOutIn{
    animation-name: fadeScaleOutIn;
}
@keyframes clipRightIn{
	0% {
		clip-path: inset(0 100% 0 0);
	}

	to {
		clip-path: inset(0);
	}
}
.clipRightIn{
	animation-name: clipRightIn;
    animation-timing-function: var(--ease-out-medium);
}
@keyframes fadeRotateIn{
    0%{
        opacity: 0;
        transform: rotateX(60deg) rotateY(10deg) rotateZ(-10deg);
        transform-origin: top;
        animation-timing-function: var(--ease-out-short);        
    }
    to{
        opacity: 1;
        transform: none;
    }
}
.fadeRotateIn{
    animation-name: fadeRotateIn;  
}


/* ==============================
   Classic menu bar
   ============================== */


/*
 * Logo (in navigation panel)
 */

.nav-logo-wrap{
    position: absolute;
    top: 0;
    left: 0;
    flex-shrink: 0;
    z-index: 1;
}
.nav-logo-wrap .logo{
    display: flex;
    align-items: center;
    max-width: 188px;
    height: var(--menu-bar-height);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.nav-logo-wrap .logo img{
    max-height: 100%;
}
.nav-logo-wrap .logo:before,
.nav-logo-wrap .logo:after{
    display: none;
}
.logo,
a.logo:hover{
    font-size: 18px;
    font-weight: 600 !important;
    text-decoration: none;
    color: rgba(0,0,0, .9);
}

/*
 * Desktop nav
 */

.main-nav{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
    height: var(--menu-bar-height) !important;
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
    background: rgba(255,255,255, .98);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.025),0px 1px 1px 0px rgba(0, 0, 0, 0.01),0px 0px 50px 0px rgba(0, 0, 0, 0.07);
    z-index: 1030;
    transition: all 0.2s var(--ease-default);
}
.main-nav.sticky{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.small-height{
    height: var(--menu-bar-height-scrolled) !important;
}
.main-nav-sub{
    flex-grow: 1;
    display: flex;
    position: relative;
}
.inner-nav{
    flex-grow: 1;
    position: relative;
}
.inner-nav ul{
    margin: auto;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0;
    line-height: 1.3;    
}
.inner-nav ul i.align-center:before{
    display: block;
    margin-top: -0.15em;
    transform: translateY(13.5%);
}
.inner-nav ul i.mi-mobile:before{
    margin-left: -0.25em;
    margin-right: -0.25em;
}
.inner-nav > ul{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.inner-nav ul li{
    margin: 0 18px;
    position: relative;
}
.inner-nav ul li:first-child{
    margin-left: 0;
}
.inner-nav ul li:last-child{
    margin-right: 0;
}
.inner-nav > ul.items-end{
    position: absolute;
    top: 0;
    right: 0;
}
.inner-nav ul li a{
    display: inline-block;
    text-decoration: none;  
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.inner-nav > ul > li > a{
    display: table-cell;
    vertical-align: middle;
    height: var(--menu-bar-height); 
    opacity: .65;     
}
.main-nav:not(.mobile-on).small-height .inner-nav > ul > li > a{
    height: var(--menu-bar-height-scrolled) !important;
}
.inner-nav ul li a:hover,
.inner-nav ul li a.active{
    color: var(--color-dark-1);
    opacity: 1;
    text-decoration: none;
}
.body-scrolled .scrolled-hidden{
    display: none;
}
.scrolled-visible{
    display: none;
}
.body-scrolled .scrolled-visible{
    display: block;
}
.mobile-on .scrolled-hidden,
.mobile-on .body-scrolled .scrolled-hidden{
    display: block;
}
.mobile-on .scrolled-visible{
    display: none;
}


/* Menu sub */

.inner-nav .mi-chevron-down{
    margin-left: -0.19em;
    font-size: 16px;
    transition: all 0.2s var(--ease-default), color 0 var(--ease-default);
}
.mi-chevron-right{
    transition: var(--transition-default);
}
.mn-sub{
    display: none;
    width: 220px;
    position: absolute;
    top: 99%;
    left: -25rem;
    padding: 0;
    background: rgba(35,35,35, .9927);
    border-radius: 0 0 3px 3px;
}
.light-content .mn-sub{
    background: rgba(50,50,50, .9927);
}
.transparent .mn-sub,
.inner-nav .mn-sub .mn-sub,
.mn-has-multi a{
    border-radius: 3px;  
}
.transparent .mn-sub > li:first-child > a,
.transparent .mn-sub > li:first-child > a{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.mn-sub > li:last-child > a{
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.main-nav.mobile-on.transparent .mn-sub > li:first-child > a,
.main-nav.mobile-on.transparent .mn-sub > li:first-child > a,
.main-nav.mobile-on .mn-sub > li:last-child > a{
    border-radius: 0;
}
.mn-sub li{
    display: block;
    width: 100%;
    margin: 0 !important;
}
.inner-nav ul li .mn-sub li a,
.mn-group-title{
    display: block;
    width: 100%;
    height: auto !important;
    line-height: 1.3 !important;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 12px 15px;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    text-transform: none;    
    border-left: none;
    border-right: none;
    letter-spacing: 0;
    color: var(--color-gray-light-5) !important;
    outline-offset: -2px !important;
    transition: var(--transition-default);
}
.mobile-on .mn-has-multi > li:last-child > a{
    border-bottom: 1px solid rgba(255,255,255, .065) !important;
}
.mn-sub li a:hover,
.inner-nav ul li .mn-sub li a:hover,
.mn-sub li a.active{
    background: rgba(255,255,255, .09);
    color: var(--color-gray-light-1) !important;
}
.mn-sub:not(.mn-has-multi) li ul{
    left: 100%;
    right: auto;
    top: 0;
    border-left: 1px solid rgba(255,255,255, .07);
}
.inner-nav li .mn-sub.to-left{
    left: auto;
    right: 0;
}
.inner-nav > ul > li:last-child .mn-sub li ul,
.inner-nav > li:last-child .mn-sub li ul,
.inner-nav li .mn-sub li ul.to-left{
    left: auto;
    right: 100%;
    top: 0;
    border-left: none;
    border-right: 1px solid rgba(255,255,255, .07);
}
.mobile-on .inner-nav li:last-child .mn-sub li ul{
    left: auto;
    right: auto;
    top: 0;
}
.mn-wrap{
    padding: 8px;
}

/* Menu sub multi */

.mn-has-multi{
    width: auto !important;
    padding: 15px;
    text-align: left;
    white-space: nowrap;
}
.mn-sub-multi{
    width: 200px !important;
    overflow: hidden;
    white-space: normal;
    float: none !important;
    display: inline-block !important;
    vertical-align: top;
}
.mn-sub-multi > ul{
    width: auto;
    margin: 0;
    padding: 0;
    float: none;
}
.mn-group-title{
    font-size: 18px !important;
}
.mn-group-title:hover{
    background: none !important;
}
.mobile-on .mn-sub-multi > ul{
    left: auto;
    right: auto;
    border: none;
}
.mobile-on .mn-sub-multi{
    display: block;
    width: 100% !important;
}
.mobile-on .mn-sub-multi > ul > li:last-child > a{
    border: none !important;
}
.mobile-on .mn-sub:not(.mn-has-multi) > li:last-child > a{
    border: none !important;
}
.mobile-on .mn-sub-multi:last-child > ul{
    border-bottom: none !important;
}

/*
 * Mobile nav
 */

.mobile-on .desktop-nav{
    display: none;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0 15px;
    z-index: 100;    
}
.mobile-on .full-wrapper .desktop-nav{
    padding: 0;
}
.mobile-on .desktop-nav ul{
    position: relative;
    width: 100%;
    float: none;
    overflow-x: hidden;
    background: rgba(18,18,18, .995);
}
.mobile-on .desktop-nav > ul{
    overflow-y: auto;
    display: block;
}
.mobile-on .desktop-nav ul li{
    display: block;
    float: none !important;
    overflow: hidden;
}
.mobile-on .desktop-nav ul li ul{
    padding: 0;
    border-bottom: 1px solid rgba(255,255,255, .1);
}
.mobile-on .desktop-nav ul li a{
    display: block;
    width: 100%;
    height: auto !important;
    line-height: 1.3 !important;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 10px;
    text-align: left;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255, .065);
    color: var(--color-gray-light-5);
    opacity: 1;
    cursor: pointer;
}
.mobile-on .desktop-nav ul li a:hover,
.mobile-on .desktop-nav ul li a.active{
    background: rgba(255,255,255, .025);
    color: #eee;
}
.mobile-on .desktop-nav ul li a:focus{
    outline-offset: -2px !important; 
}

.mobile-nav-display{
    display: none;
}
.mobile-on .mobile-nav-display{
    display: block !important;
}
.mobile-nav-display-i{
    display: none;
}
.mobile-on .mobile-nav-display-i{
    display: inline-block !important;
}
.desktop-nav-display{
    display: block;
}
.mobile-on .desktop-nav-display{
    display: none !important;
}

/* Mobile nav menu sub */

.mobile-on .mn-has-sub > .mi-chevron-down{
    display: block;
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 22px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -12px;
    text-align: center;
    border: 1px solid rgba(255,255,255, .1);
    border-radius: 50%;
}
.mobile-on .mn-has-sub > .mi-chevron-right {
    display: block;
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 22px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -12px;
    text-align: center;
    border: 1px solid rgba(255,255,255, .1);
    transform: rotate(90deg);
    border-radius: 50%;

}
.mobile-on .js-opened > .mn-has-sub > .mi-chevron-down{
    border-color: rgba(255,255,255, .4);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
.mobile-on .js-opened > .mn-has-sub > .mi-chevron-right{
    border-color: rgba(255,255,255, .4);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    transform: rotate(270deg);
}
.mobile-on .inner-nav li{
    margin: 0 !important;
}
.mobile-on .mn-sub{
    display: none;
    opacity: 0;
    position: relative;
    left: 0 !important;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: none !important;
    border-right: none !important;
    border-top: none;
    z-index: 10;
}
.mobile-on .mn-sub li{
    padding-left: 10px;
}
.inner-nav li.js-opened .mn-sub{
    opacity: 1;
}
.mobile-nav{
    display: none;
    margin-left: auto;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    cursor: pointer;
    height: var(--menu-bar-height);    
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition-property:  background, color, height;
}
.main-nav.small-height .mobile-nav{
    height: var(--menu-bar-height-scrolled);
}
.mobile-nav:active{
    box-shadow: 0 0 35px rgba(0,0,0,.05) inset;
}
.mobile-on .mobile-nav{
    display: flex;
}
.mobile-nav-icon{
    position: relative;
    display: block;
    width: 1.8em;
    height: 2px;
    margin: auto;
    background: var(--color-dark-1);     
}
.mobile-nav-icon:before,
.mobile-nav-icon:after{
    content: "";
    position: absolute;
    top: -0.5em; 
    display: block;
    width: 100%;
    height: 100%;
    background: var(--color-dark-1);
    transition: var(--transition-default);
    will-change: top, transform;
}
.mobile-nav-icon:after{
    top: 0.5em;
}
.mobile-nav.active .mobile-nav-icon{
    background: transparent;
}
.mobile-nav.active .mobile-nav-icon:before{
    top: 0;
    transform: rotate(45deg);
}
.mobile-nav.active .mobile-nav-icon:after{
    top: 0;
    transform: rotate(-45deg);
}


/* Mobile nav menu sub multi */

.mobile-on .mn-has-multi{
    width: auto;
    padding: 0;
    text-align: left;
    white-space: normal;
    
}
.mobile-on .mn-sub{
    width: 100%;
    float: none;
    position: relative;
    overflow-x: hidden;
}
.mobile-on .mn-group-title{
    font-size: 15px !important;
}

/*
 * Dark panel style
 */

.main-nav.light-after-scroll.dark .logo-dark{
    display: none;
}
.main-nav.light-after-scroll.dark .logo-white{
    display: block;
}
.main-nav.light-after-scroll .logo-dark{
    display: block;
}
.main-nav.light-after-scroll .logo-white{
    display: none;
}


.main-nav.dark-after-scroll.dark .logo-dark {
    display: none;
}

.main-nav.dark-after-scroll.dark .logo-white {
    display: block;
}

.main-nav.dark-after-scroll .logo-dark {
    display: block;
}

.main-nav.dark-after-scroll .logo-white {
    display: none;
}



.main-nav.dark{
    background-color: rgba(10,10,10, .905);
    box-shadow: none;
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow:  none;
}
.main-nav.dark-mode{
    background-color: rgba(27,27,27, .905);
}
.main-nav:not(.transparent){
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.main-nav.dark .inner-nav ul > li > a{
    color: #fff;
    opacity: .78;
}
.main-nav.dark .inner-nav ul > li > a:hover,
.main-nav.dark .inner-nav ul > li > a.active{
    color: #fff;
    opacity: 1;
}
.main-nav.dark .inner-nav ul li .mn-sub li a{
    opacity: 1;
}
.main-nav.dark .main-nav-icon-cart{
    opacity: 1;
}
.main-nav.dark .mobile-nav{
    background-color: transparent;
    border-color: transparent;
}
.main-nav.dark .mobile-nav-icon,
.main-nav.dark .mobile-nav-icon:before,
.main-nav.dark .mobile-nav-icon:after{
    background: #fff;
}
.main-nav.dark .mobile-nav.active .mobile-nav-icon{
    background: transparent;
}
.main-nav.mobile-on.dark .inner-nav{
    border-top: 1px solid rgba(100,100,100, .4);
}
.main-nav.dark .logo,
.main-nav.dark a.logo:hover{
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    color: rgba(255,255,255, .9);
}
.main-nav.dark .mn-sub{    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow:  none;
}
.main-nav.dark .mi-chevron-down,
.main-nav.dark.body-scrolled .inner-nav ul > li > a:hover .mi-chevron-down,
.main-nav.dark.body-scrolled .inner-nav ul > li > a.active .mi-chevron-down{
    opacity: 1;
}

/*
 * Transparent panel style
 */

.main-nav.transparent{
    background: transparent !important;
    box-shadow: none;
}
.main-nav.js-transparent{
    transition: all 0.2s var(--ease-default);
}

/*
 * Menu social links
 */

.mn-soc-link{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    font-size: 16px;    
    border-radius: 50%;    
    cursor: pointer;
    isolation: isolate;
    transition: all .2s var(--ease-out-medium);
}
.mn-soc-link:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid currentColor;
    border-radius: 50%;
    opacity: .2;
    transition: all .2s var(--ease-out-medium);
    z-index: -1;
}
.mn-soc-link:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-dark-1);
    border-radius: 50%;
    opacity: 0;
    transform: scale(.25);
    transition: all .2s var(--ease-out-short);
    z-index: -1;
}
.mn-soc-link:hover{
    color: #fff;
}
.mn-soc-link:hover:before{
    opacity: 0;
}
.mn-soc-link:hover:after{
    opacity: 1;
    transform: none;
}
.mn-soc-link.alt,
.mn-soc-link.mn-soc-link-color.alt{
    color: #fff;
}
.mn-soc-link.alt:before{
    opacity: 0;
}
.mn-soc-link.alt:after{
    opacity: 1;
    transform: none;
}
.mn-soc-link.alt:hover{
    opacity: .85;
}
.mn-soc-link.mn-soc-link-color{
    color: var(--color-primary-1);
}
.mn-soc-link.mn-soc-link-color:hover{
    color: #fff;
}
.mn-soc-link.mn-soc-link-color:before{
    border-color: var(--color-primary-1);
    opacity: 1;
}
.mn-soc-link.mn-soc-link-color:after{
    background: var(--color-primary-1);
}
.mn-soc-link.mn-soc-link-color:hover:before{
    opacity: 0;
}

/* ==============================
   Sections styles
   ============================== */

/*
 * Common section styles
 */

.page-section,
.small-section,
.bg-image{
    width: 100%;
    display: block;    
    position: relative;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;    
    padding-top: var(--section-padding-y);
    padding-bottom: var(--section-padding-y);
}
.small-section{
    padding: 100px 0;
}
.fixed-height-large{
    min-height: 800px;
}
.fixed-height-medium{
    min-height: 700px;
}
.fixed-height-small{
    min-height: 600px;
}
.bg-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bg-scroll{
    background-attachment: scroll !important;
    background-position: center center !important;
}
.parallax-1,
.parallax-2,
.parallax-3,
.parallax-4,
.parallax-5,
.parallax-6,
.parallax-7,
.parallax-8,
.parallax-9,
.parallax-10{
    background-position-y: 0;
}
.bg-white{
    background-color: #fff;
}
.bg-gray-light-1{
    background-color: var(--color-gray-light-1);
}
.bg-gray-light-2{
    background-color: var(--color-gray-light-2);
}
.bg-dark-1{
    background-color: var(--color-dark-1) !important;
}
.bg-dark-2{
    background-color: var(--color-dark-2) !important;
}
.bg-dark-3{
    background-color: var(--color-dark-3) !important;
}
.bg-primary-1{
    background-color: var(--color-primary-1) !important;
}
.bg-primary-2{
    background-color: var(--color-primary-2) !important;
}
.bg-primary-3{
    background-color: var(--color-primary-3) !important;
}
.bg-primary-4{
    background-color: var(--color-primary-4) !important;
}
.bg-gradient-gray-light-1{
    background-image: var(--gradient-gray-light-1);
}
.bg-gradient-gray-light-2{
    background-image: var(--gradient-gray-light-2);
}
.bg-gradient-gray-dark-1{
    background-image: linear-gradient(0deg, var(--color-dark-2) 0%, transparent 100%);
}
.bg-gradient-gray-dark-2{
    background-image: linear-gradient(0deg, transparent 0%, var(--color-dark-2) 100%);
}
.bg-gradient-white{
    background-image: linear-gradient(0deg, #fff 0%, transparent 60%);
}
.bg-gradient-dark{
    background-image: linear-gradient(0deg, var(--color-dark-1) 0%, transparent 60%);
}
.bg-gradient-dark-1{
    background-image: linear-gradient(0deg, transparent 85%, var(--color-dark-1) 100%);
}
.bg-gradient-primary-light-1{
    background-image: linear-gradient(-90deg, var(--color-primary-light-3) 0%, var(--color-primary-light-2) 100%);;
}
.bg-gradient-primary-dark-1{
    background-image: linear-gradient(-90deg, var(--color-primary-3) 0%, var(--color-primary-2) 100%);;
}
.bg-gradient-primary-alpha-1:before{
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;    
    background-image: var(--gradient-primary-alpha-1);
    opacity: .97;
}
.bg-gradient-primary-alpha-2:before{
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;    
    background-image: var(--gradient-primary-alpha-2);
    opacity: .97;
}
.bg-gradient-dark-alpha-1:before{
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;    
    background-image: var(--gradient-dark-alpha-1);
    opacity: .97;
}
.bg-gradient-dark-alpha-2:before{
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;    
    background-image: var(--gradient-dark-alpha-2);
    opacity: .97;
}
.section-gradient-top{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5vw;
    background: linear-gradient(180deg, var(--color-gray-light-2) 0%, transparent 100%);
}
.section-gradient-top-dark{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5vw;
    background: linear-gradient(180deg, var(--color-dark-2) 0%, transparent 100%);
}
.bg-blur{
    position: relative;
    margin: 0 auto;  
    overflow: hidden;     
    border: 1px solid rgba(255,255,255, .1);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}
.bg-blur:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-dark-1);
    opacity: 0.17;
}
.light-content{
    color: #fff;
}
.light-content a{
    color: rgba(255,255,255, .8);
}
.light-content a:hover{
    color: #fff;
}
.light-content .section-text{
    color: #fff;
}
.bg-dark-alpha:before,
.bg-dark-alpha .YTPOverlay:before,
.bg-dark-alpha-30:before,
.bg-dark-alpha-30 .YTPOverlay:before,
.bg-dark-alpha-50:before,
.bg-dark-alpha-50 .YTPOverlay:before,
.bg-dark-alpha-70:before,
.bg-dark-alpha-70 .YTPOverlay:before,
.bg-dark-alpha-60:before,
.bg-dark-alpha-60 .YTPOverlay:before,
.bg-dark-alpha-80:before,
.bg-dark-alpha-80 .YTPOverlay:before,
.bg-dark-alpha-90:before,
.bg-dark-alpha-90 .YTPOverlay:before,
.bg-light-alpha:before,
.bg-light-alpha .YTPOverlay:before,
.bg-light-alpha-30:before,
.bg-light-alpha-30 .YTPOverlay:before,
.bg-light-alpha-50:before,
.bg-light-alpha-50 .YTPOverlay:before,
.bg-light-alpha-60:before,
.bg-light-alpha-60 .YTPOverlay:before,
.bg-light-alpha-70:before,
.bg-light-alpha-70 .YTPOverlay:before,
.bg-light-alpha-80:before,
.bg-light-alpha-80 .YTPOverlay:before,
.bg-light-alpha-90:before,
.bg-light-alpha-90 .YTPOverlay:before,
.bg-color-alpha:before,
.bg-color-alpha .YTPOverlay:before,
.bg-color-alpha-30:before,
.bg-color-alpha-30 .YTPOverlay:before,
.bg-color-alpha-50:before,
.bg-color-alpha-50 .YTPOverlay:before,
.bg-color-alpha-60:before,
.bg-color-alpha-60 .YTPOverlay:before,
.bg-color-alpha-70:before,
.bg-color-alpha-70 .YTPOverlay:before,
.bg-color-alpha-80:before,
.bg-color-alpha-80 .YTPOverlay:before,
.bg-color-alpha-90:before,
.bg-color-alpha-90 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.bg-dark-alpha:before,
.bg-dark-alpha .YTPOverlay:before{
    background: #111;
    opacity: .97;
}
.bg-dark-alpha-30:before,
.bg-dark-alpha-30 .YTPOverlay:before{
    background: #111;
    opacity: .3;
}
.bg-dark-alpha-50:before,
.bg-dark-alpha-50 .YTPOverlay:before{
    background: #111;
    opacity: .5;
}
.bg-dark-alpha-60:before,
.bg-dark-alpha-60 .YTPOverlay:before{
    background: #111;
    opacity: .6;
}
.bg-dark-alpha-70:before,
.bg-dark-alpha-70 .YTPOverlay:before{
    background: #111;
    opacity: .7;
}
.bg-dark-alpha-80:before,
.bg-dark-alpha-80 .YTPOverlay:before{
    background: #111;
    opacity: .8;
}
.bg-dark-alpha-90:before,
.bg-dark-alpha-90 .YTPOverlay:before{
    background: #111;
    opacity: .9;
}
.bg-light-alpha:before,
.bg-light-alpha .YTPOverlay:before{
    background: rgba(252,252,252, .97);
}
.bg-light-alpha-30:before,
.bg-light-alpha-30 .YTPOverlay:before{
    background: rgba(252,252,252, .30);
}
.bg-light-alpha-50:before,
.bg-light-alpha-50 .YTPOverlay:before{
    background: rgba(252,252,252, .50);
}
.bg-light-alpha-60:before,
.bg-light-alpha-60 .YTPOverlay:before{
    background: rgba(252,252,252, .60);
}
.bg-light-alpha-70:before,
.bg-light-alpha-70 .YTPOverlay:before{
    background: rgba(252,252,252, .7);
}
.bg-light-alpha-80:before,
.bg-light-alpha-80 .YTPOverlay:before{
    background: rgba(252,252,252, .8);
}
.bg-light-alpha-90:before,
.bg-light-alpha-90 .YTPOverlay:before{
    background: rgba(252,252,252, .9);
}
.bg-color-primary-1{
    background-color: var(--color-primary-1);
}
.bg-color-primary-2{
    background-color: var(--color-primary-2);
}
.bg-color-primary-3{
    background-color: var(--color-primary-3);
}
.bg-color-primary-4{
    background-color: var(--color-primary-4);
}
.bg-color-alpha:before,
.bg-color-alpha .YTPOverlay:before{
    background: var(--color-primary-1);
    opacity: .97;
}
.bg-color-alpha-30:before,
.bg-color-alpha-30 .YTPOverlay:before{
    background: var(--color-primary-1);
    opacity: .3;
}
.bg-color-alpha-50:before,
.bg-color-alpha-50 .YTPOverlay:before{
    background: var(--color-primary-1);
    opacity: .5;
}
.bg-color-alpha-60:before,
.bg-color-alpha-60 .YTPOverlay:before{
    background: var(--color-primary-1);
    opacity: .6;
}
.bg-color-alpha-70:before,
.bg-color-alpha-70 .YTPOverlay:before{
    background: var(--color-primary-1);
    opacity: .7;
}
.bg-color-alpha-80:before,
.bg-color-alpha-80 .YTPOverlay:before{
    background: var(--color-primary-1);
    opacity: .8;
}
.bg-color-alpha-90:before,
.bg-color-alpha-90 .YTPOverlay:before{
    background: var(--color-primary-1);
    opacity: .9;
}
.bg-gradient-light-1{
    position: relative;
    isolation: isolate;
}
.bg-gradient-light-1:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--gradient-primary-1);    
    opacity: .15;
    z-index: -1;
}
.light-content .bg-gradient-light-1:before{
    opacity: .25;
}
.bg-gradient-light-2{
    position: relative;
}
.bg-gradient-light-2:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--gradient-primary-1-b);    
    opacity: .15;
    z-index: -1;
}
.light-content .bg-gradient-light-2:before{
    opacity: .25;
}
.bg-gradient-primary-1{
    background: var(--gradient-primary-1) !important; 
}
.bg-gradient-primary-2{
    background: var(--gradient-primary-1-b) !important; 
}
.bg-border-gradient{
    position: relative;
}
.bg-border-gradient:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    border-radius: var(--border-radius-large);
	background:	linear-gradient(to right, white, white), var(--gradient-primary-1-b); 
	-webkit-background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
    opacity: .3;
}
.light-content .bg-border-gradient:before{
    background:	linear-gradient(to right, var(--color-dark-1), var(--color-dark-1)), var(--gradient-primary-1-b); 
	-webkit-background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
    opacity: .5;
}

.section-caption{
    margin-bottom: 25px;
    color: var(--color-gray-1);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.075em;
}
.light-content .section-caption{
    color: #fff;
}
.section-caption-border{
    display: inline-block;
    padding: 0.45em 0.7em;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.0095em;
    border: 1px solid currentColor;
    border-radius: 70px;
    z-index: 2;
}
.section-caption-fancy{
    display: inline-block;
    padding: 7px 12px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-primary-1);
    text-transform: uppercase;
    letter-spacing: 0.037em;    
    background-image: linear-gradient( 15deg, var(--color-primary-light-1) 0%, transparent 100%);
    border-radius: 100px;
}
.section-caption-fancy.large{
    font-size: 16px;
}
.light-content .section-caption-fancy{  
    color: #fff; 
    background-image: linear-gradient( 15deg, rgba(0,0,0,.5) 0%, transparent 100%);
}
.section-caption-slick{
    display: inline-block;
    padding: 7px 12px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-primary-1);
    text-transform: uppercase;
    letter-spacing: 0.037em;    
    background-image: linear-gradient( 45deg, var(--color-primary-light-1) 0%, transparent 100%);
    border-radius: 100px;
}
.light-content .section-caption-slick{
    color: #fff;  
    background-image: linear-gradient( 45deg, rgba(0,0,0,.5) 0%, transparent 100%);
}
.section-caption-gradient{
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: normal;
    background: var(--gradient-primary-1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section-title{
    font-size: 56px;
    font-weight: 500;
    line-height: 1.107;
    letter-spacing: -0.03em;
}
.section-title-tiny{
    font-size: 19px;
    font-weight: 500;
    letter-spacing: -0.01em; 
}
.section-title-small{
    margin-top: 0;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.03em;
}
.section-title-medium{
    font-size: 82px;
    font-weight: 500;
    letter-spacing: -0.025em;  
}
.section-title-large{
    font-size: 90px;
    font-weight: 500;
    letter-spacing: -0.025em;  
}
.section-title-repeat{
    flex-shrink: 5;
    position: relative;
    display: inline-block;
    font-size: 120px;
    font-weight: 400;
    letter-spacing: -0.03em;
}
.section-title-repeat-left{
    position: absolute;
    top: 0;
    left: calc(-100% - 0.575em);
    width: 100%; 
    color: #fff; 
    text-shadow: -1px -1px 0 var(--color-dark-1), 1px -1px 0 var(--color-dark-1), -1px 1px 0 var(--color-dark-1), 1px 1px 0 var(--color-dark-1);
    opacity: .3;
    pointer-events: none;
}
.section-title-repeat-right{
    position: absolute;
    top: 0;
    right: calc(-100% - 0.575em);
    width: 100%; 
    color: #fff; 
    text-shadow: -1px -1px 0 var(--color-dark-1), 1px -1px 0 var(--color-dark-1), -1px 1px 0 var(--color-dark-1), 1px 1px 0 var(--color-dark-1);
    opacity: .3;
    pointer-events: none;
}
.light-content .section-title-repeat-left,
.light-content .section-title-repeat-right{
    color: var(--color-dark-1);
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.section-title-strong{
    font-size: 80px;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.033em;
}
.section-title-descr{
    font-size: 18px;
    font-weight: 400; 
    color: var(--color-gray-1);
}
.light-content .section-title-descr{
    color: var(--color-gray-light-6);
}
.section-descr{
    margin-top: 0;
    color: var(--color-gray-1);
    font-size: 23px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.005em;
}
.light-content .section-descr{
    color: #fff;
}
.section-descr-medium{
    margin-top: 0;
    font-size: 24px;
    letter-spacing: -0.02em;
}
.section-descr-large{
    margin-top: 0;
    font-size: 30px;
    line-height: 1.5;
    letter-spacing: -0.025em;
}
.section-descr-extralarge{
    margin-top: 0;
    font-size: 42px;
    font-weight: 300;
    line-height: 1.333;
    letter-spacing: -0.0325em;
}


.section-title-image{
    display: inline-block;
    max-width: 0.5em;
    margin: -0.05em 0 0 -0.07em;
    vertical-align: top;    
}
.section-title-image img,
.section-title-image svg{
    vertical-align: top;
}
.section-title-inline{
    position: relative;
    top: 1px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    padding: 2px 10px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #fff;
    background-color: var(--color-dark-1);
    border-radius: 30px;
    transform: rotate(-15deg);
    perspective: 99px;
}
.section-title-inline.rotate-5{
    transform: rotate(-5deg);
}
.light-content .section-title-inline{
    color: var(--color-dark-1);
    background-color: #fff;
}
.section-title-inline-1{
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.section-text{
    font-size: 24px;
    line-height: 1.667;
    letter-spacing: -0.005em;
}
.section-features{
    display: flex;
    flex-wrap: wrap;
}
.section-features li{
    margin: 0 10px 10px 0;
    padding: 14px 22px 12px 22px;
    font-size: 15px;
    border: 1px solid currentColor;
    border-radius: 35px;
    transition: var(--transition-default);
}
.section-features li:hover{
    border-radius: 10px;
}
.features-list{
    color: var(--color-gray-1);
}
.features-list-icon{
    position: relative;
    top: 0.075em;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    font-size: 18px;
    color: #fff;
    background: var(--color-dark-1);
    border-radius: 50%;
}
.features-list-icon svg{
    display: block;
    width: 1em;
    height: 1em;
}
.features-list-icon i{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.light-content .features-list{
    color: #fff;
}
.light-content .features-list-icon{
    color: var(--color-dark-1);
    background: #fff;
}
.features-list-icon.features-list-grad{
    color: #fff;
    background: var(--gradient-primary-1-b);
}
.features-list-icon.features-list-color-1{
    color: #fff;
    background: var(--color-primary-1);
}
.features-list-icon.features-list-color-2{
    color: #fff;
    background: var(--color-primary-2);
}

.section-more{
    display: inline-block;
    padding-bottom: 0;
    position: relative;
    color: var(--color-gray-1);
    font-size: 13px;
    line-height: 1.2;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.section-more i{
    margin-left: -4px;
}
.section-more:hover{
    text-decoration: none;
    color: var(--color-dark-1);
    opacity: 1;
    
}
.light-content .section-more:after{
    background-color: #fff;
}

.section-line{
    width: 80px;
    height: 1px;
    margin: 0 auto 0 0;
    background: var(--color-dark-1);
}
.light-content .section-line{
    background: #fff;
}
.section-line-gradient{
    width: 70px;
    height: 1px;
    margin: 0 auto 0 0;
    background: var(--gradient-primary-1);
}
.text-gray{
    color: var(--color-gray-1);
}
.text-gray a{
    color: var(--color-dark-1);
    transition: all 0.17s var(--ease-default);
}
.text-gray a:hover{
    color: var(--color-dark-4);
}
.light-content .text-gray{
    color: var(--color-dark-mode-gray-1);
}
.light-content .text-gray a{
    color: var(--color-dark-mode-gray-1);
}
.light-content .text-gray a:hover{
    color: #fff;
}
.text-gradient{
	background: var(--gradient-primary-1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section-text .lead-alt{
    margin-top: -0.2em;;
}
.text-link{
    display: inline-block;
    padding-bottom: 2px;
    position: relative;
    color: #171717;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    opacity: .72;
    transition: all 0.17s var(ease-default);
}
.text-link:after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: #171717;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform .25s ease-out;
}
.text-link:hover{
    text-decoration: none;
    color: #171717;
    opacity: 1;
}
.text-link:hover:after{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}
.light-content .text-link:after{
    background-color: #fff;
}
.light-content .text-link{
    color: #fff;
    opacity: .9;
}

/*
 * Decorative elements
 */

.decoration-1{
    position: absolute;
    bottom: -50px;
    left: -73px;
    color: var(-color-dark-1);
    pointer-events: none;
}
.decoration-2{
    position: absolute;
    top: -50px;
    right: 150px;
    color: #e0e0e0;
    pointer-events: none;
}
.decoration-3{
    position: absolute;
    bottom: -150px;
    right: 100px;
    color: var(-color-dark-1);
    pointer-events: none;
}
.decoration-4{
    position: absolute;
    bottom: -30px;
    left: -35px;
    color: #e0e0e0;
    pointer-events: none;
}
.decoration-5{
    position: absolute;
    bottom: 50px;
    right: -55px;
    color: var(-color-dark-1);
    pointer-events: none;
}
.decoration-6{
    position: absolute;
    top: -43px;
    right: -82px;
    color: var(-color-dark-1);
    pointer-events: none;
}
.decoration-7{
    position: absolute;
    top: -25px;
    left: -60px;
    color: var(-color-dark-1);
    pointer-events: none;
}
.decoration-8{
    position: absolute;
    top: -40px;
    left: -80px;
    color: var(-color-dark-1);
    pointer-events: none;
}
.decoration-9{
    position: absolute;
    top: -75px;
    left: -60px;
    color: var(-color-dark-1);
    pointer-events: none;
}
.decoration-10{
    position: absolute;
    bottom: -50px;
    right: -82px;
    color: var(-color-dark-1);
    pointer-events: none;
}
.decoration-11{
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    color: var(-color-dark-1);
    pointer-events: none;
}
.decoration-12{
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: -8.217%;
    margin-left: -10.4651%;
    width: 27.7519%;
    padding-top: 27.7519%;
    background: var(--color-dark-1);
    border-radius: 100%;
    opacity: .037;
    pointer-events: none;
}
.light-content .decoration-12{
    background: #fff;
}
.decoration-13{
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: -8.217%;
    margin-right: -10.4651%;
    width: 27.7519%;
    padding-top: 27.7519%;
    background: var(--color-dark-1);
    border-radius: 100%;
    opacity: .037;
    pointer-events: none;
}
.light-content .decoration-13{
    background: #fff;
}
.decoration-14{
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: -16%;
    margin-left: -23.4375%;
    width: 51.1875%;
    padding-top: 51.1875%;
    background: var(--color-dark-1);
    border-radius: 100%;
    opacity: .037;
    pointer-events: none;
}
.light-content .decoration-14{
    background: #fff;
}
.decoration-15{
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: -16%;
    margin-right: -23.4375%;
    width: 51.1875%;
    padding-top: 51.1875%;
    background: var(--color-dark-1);
    border-radius: 100%;
    opacity: .037;
    pointer-events: none;
}
.light-content .decoration-15{
    background: #fff;
}
.decoration-16{
    position: absolute;
    top: 10px;
    left: 10px;
    color: var(-color-dark-1);
    pointer-events: none;
}
.decoration-17{
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: var(-color-dark-1);
    pointer-events: none;
}
.decoration-18{
    position: absolute;
    top: 80px;
    left: -24px;
    width: 48px;
    height: 48px;
    background: var(--gradient-primary-1-b);
    border-radius: 100%;
    opacity: .87;
    pointer-events: none;
    z-index: 1;
}
.decoration-19{
    position: absolute;
    bottom: 80px;
    right: -24px;
    width: 48px;
    height: 48px;
    background: var(--gradient-primary-1-b);
    border-radius: 100%;
    opacity: .87;
    pointer-events: none;
    z-index: 1;
}
.decoration-20{
    position: absolute;
    bottom: -50px;
    right: -73px;
    color: var(-color-dark-1);
    pointer-events: none;
}
.decoration-21{
    position: absolute;
    top: -190px;
    left: 0;
    color: var(--color-dark-1);
    pointer-events: none;
}
.decoration-image-1{
    position: absolute;
    top: -30px;
    left: 30px;
    width: 14.8837%;
    overflow: hidden;
    border-radius: var(--border-radius-default);
    pointer-events: none;
    isolation: isolate;
    transform: translateZ(0);
}
.decoration-image-1 img{
    width: 100%;
}
.decoration-image-2{
    position: absolute;
    bottom: -30px;
    right: 30px;
    width: 19.3798%;
    overflow: hidden;
    border-radius: var(--border-radius-default);
    pointer-events: none;
    isolation: isolate;
    transform: translateZ(0);
}
.decoration-image-2 img{
    width: 100%;
}

.section-image-1-wrap{    
    position: absolute;
    top: 20px;
    right: 0;
    width: 100%;
}
.section-image-1{
    transform: rotate(3deg);
}
.section-image-behind{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.section-image-behind img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    height: 100%;
}

/* 
 * Marquee text line 
 */

.marquee{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.marquee-track{
    display: table;
    overflow: hidden;
    position: relative;
}
.marquee-track > div{   
    display: table-cell;
    white-space: nowrap;
}

.marquee-animation{   
    animation: marquee-animation 37s linear infinite;
}
@keyframes marquee-animation {
  0%{
      transform: translate3d(0,0,0);
  }
  100%{
      transform: translate3d(-50%,0,0);
  }
}
.marquee-animation-1{   
    animation: marquee-animation-1 80s linear infinite;
    will-change: transform;
}
@keyframes marquee-animation-1 {
  0%{
      transform: translate3d(0,0,0);
  }
  100%{
      transform: translate3d(-50%,0,0);
  }
}
.marquee-animation-1a{   
    animation: marquee-animation-1a 50s linear infinite;
    will-change: transform;
}
@keyframes marquee-animation-1a {
  0%{
      transform: translate3d(0,0,0);
  }
  100%{
      transform: translate3d(-50%,0,0);
  }
}
.marquee-animation-2{
    animation: marquee-animation-2 80s linear infinite;
    will-change: transform;
}
@keyframes marquee-animation-2 {
  0%{
      transform: translate3d(0,0,0);
  }
  100%{
      transform: translate3d(50%,0,0);
  }
}
.marquee-animation-2a{
    animation: marquee-animation-2a 50s linear infinite;
    will-change: transform;
}
@keyframes marquee-animation-2a {
  0%{
      transform: translate3d(0,0,0);
  }
  100%{
      transform: translate3d(50%,0,0);
  }
}
.marquee-animation-3{
    animation: marquee-animation-3 36s linear infinite;
    will-change: transform;
}
@keyframes marquee-animation-3 {
  0%{
      transform: translate3d(0,0,0);
  }
  100%{
      transform: translate3d(-50%,0,0);
  }
}
.marquee-style-1{
    padding: 0.5em 0;
    font-size: 19px;
    color: var(--color-gray-3);
    box-shadow: var(--box-shadow-block);
}
.marquee-style-1 .marquee-track > div{
   padding-right: 2.75em;
}
.marquee-style-1.light-content{
    color: var(--color-dark-mode-gray-1);
}
.marquee-style-2{
    width: 120%;
    margin-left: -10%;
    padding: 0.5em 0;
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #fff;
    background: var(--color-dark-1);
    transform: rotate(-5deg);
}
.marquee-style-2 .marquee-track > div{
   padding-right: 2.75em; 
}
.marquee-style-2.no-rotate{
    transform: none;
}
.marquee-style-3{
    width: 120%;
    margin-left: -10%;
    padding: 20px 0;
    font-size: 150px;
    font-weight: 500;
    line-height: 0.92;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #fff;
    background: var(--color-dark-1);
    transform: rotate(-5deg);
}
.marquee-style-3 .marquee-track > div{
   padding-right: 0.5em; 
}
.light-content .marquee-style-3{
    color: var(--color-dark-1);
    background: #fff;
}
.marquee-style-4{
    width: 120%;
    margin-left: -10%;
    font-size: 70px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    transform: rotate(5deg);
}
.marquee-style-4 .marquee-track{
    border-collapse: separate;
    border-spacing: 10px;
}
.marquee-style-4 .marquee-track > div{
   padding: 0.4em 0.65em;
   background: #fff;
   border: 1px solid var(--color-dark-1);
   border-radius: 100px;
}
.light-content .marquee-style-4 .marquee-track > div{
    background: var(--color-dark-1);
    border-color: #fff;
}
.marquee-style-5{
    width: 100%;
    font-size: 200px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.032em;
}
.marquee-style-5 .marquee-track > div{
   padding-right: 0.7em; 
}


/* ==============================
   Split section
   ============================== */

.split-column-left{
    min-height: 60vh;
    overflow: hidden;
    padding-top: var(--section-padding-y);
    padding-bottom: var(--section-padding-y);
    padding-right: 70px;
    border-bottom-right-radius: var(--border-radius-default);
    isolation: isolate;
    transform: translateZ(0);
}
.split-column-right{
    min-height: 60vh;
    overflow: hidden;
    padding-top: var(--section-padding-y);
    padding-bottom: var(--section-padding-y);
    padding-left: 70px;
    border-top-left-radius: var(--border-radius-default);
    isolation: isolate;
    transform: translateZ(0);
}
.split-image-left{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-bottom-right-radius: var(--border-radius-default);    
    isolation: isolate;
    transform: translateZ(0);
}
.split-image-left > img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.split-image-right{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-top-left-radius: var(--border-radius-default); 
    isolation: isolate;
    transform: translateZ(0);
}
.split-image-right > img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

  
/* ==============================
   Services
   ============================== */

.services-tabs{
    display: block;
    margin: 0;
    padding: 0 calc(40px + var(--services-text-overlap)) 0 0;
    border: none;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.037em;
}
.services-tabs > li{
    display: block;
    margin-bottom: 0.175em;
}
.services-tabs > li > a{
    position: relative;
    display: inline-block;
    padding-bottom: .06em;
    text-decoration: none;
    opacity: .27;
    transition: var(--transition-default);
}
.services-tabs > li > a:before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: currentColor;
    transform-origin: left center;
    transform: scaleX(0);
    transition: all 0.5s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.services-tabs > li a:hover{
    color: unset;
    opacity: .5;
}
.services-tabs > li a.active:before{
    transform: scaleX(1);
}
.services-tabs > li > a > .number{
    position: absolute;
    top: .8em;
    left: calc(100% + 0.5em);
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    opacity: 0;
    transform: translateX(5px);
    transition: var(--transition-default);
}
.services-tabs > li a.active{
    opacity: 1;
}
.services-tabs > li a.active > .number{
    opacity: 1;
    transform: translateX(0);
}
.services-content{
    display: flex;
    width: 100%;
}
.services-content-item{
    position: relative;
    width: 100%;
    min-height: 600px;
    transition: var(--transition-default);
}
img.services-image{
    position: relative;
}
@keyframes services-tabs-animation-1 {
    0% {
        opacity: 0;
        transform: translate(0, 40px);
    }
    100% {
        opacity: 1; 
        transform: translate(0, 0) scale(1);
    }
}
.services-content-item.active img.services-image{
    animation: services-tabs-animation-1 .7s var(--ease-out-long);
}
:root{
    --services-text-overlap: 220px;
}
.services-text{
    position: absolute;
    bottom: 60px;
    left: calc(-1 * var(--services-text-overlap));
    max-width: 410px;    
    z-index: 1;
}
.services-text-container{
    padding: 50px;
    background: var(--color-gray-light-1);
}
@keyframes services-tabs-animation-2 {
    0% {
        transform: translate(0, 20px) scale(.93);
    }
    100% { 
        transform: translate(0, 0) scale(1);
    }
}
.services-content-item.active .services-text{
    animation: services-tabs-animation-2 .7s var(--ease-out-long);
    will-change: transform;
}
.services-title{
    margin-bottom: 0.575em;
    letter-spacing: -0.01em;
}
.services-text .text-gray{
    color: var(--color-dark-4);
}

.light-content .services-tabs > li > a{
    color: #fff;
    opacity: .4;
    transform: translateZ(0);
}
.light-content .services-tabs > li a:hover{
     opacity: .7;   
}
.light-content .services-tabs > li > a.active{
    opacity: 1;
}
.light-content .services-text-container{
    background: var(--color-dark-3);
}
.light-content .services-text .text-gray{
    color: var(--color-dark-mode-gray-1);
}


/* ==============================
   Services 2
   ============================== */

.service-2-item{
    position: relative;
    max-width: 91.582%;
}
.service-2-item:nth-child(even){
    margin-left: auto;
}
.services-2-button{
    position: relative;
    padding: 58px; 
    border: 1px solid var(--color-dark-1);
    border-radius: 200px;   
}
.services-2-title{
    will-change: transform;
    transition: transform .375s var(--ease-out-medium);
}
.services-2-button:hover .services-2-title{
    transform: translateX(10px);
}
.services-2-button:hover .services-2-image{
    transform: translateX(-10px);
}
.services-2-title{
    position: relative;
    padding-left: 0.46em;
    font-size: 82px;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 1.1;
}
.services-2-number{
    position: absolute;
    top: 0.3em;
    left: 0;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 0;
}
.services-2-image{
    max-width: 218px;
    margin-left: auto;
    will-change: transform;
    transition: transform .375s var(--ease-out-medium);
}
.services-2-image img{
    border-radius: 70px;
}
.services-2-descr{
    position: relative;    
    max-width: 600px;
    max-height: 30px;
    overflow: hidden;
    margin-top: -30px;
    margin-left: 100px;
    padding: 0 40px;
    background: #fff;
    font-size: 16px;
    opacity: 0;
    transition: max-height .7s var(--ease-default);
    will-change: max-height;  
}
.services-2-descr.js-visible{
    max-height: 600px;
    opacity: 1;  
}
.services-2-descr-inner{
    opacity: 0;
    transform: translateY(10px);
    transition: all .5s var(--ease-default);
}
.services-2-descr.js-visible .services-2-descr-inner{
    opacity: 1;
    transform: none;
}
.services-2-button-close{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%,-50%) scale(.37);
    width: 60px;
    height: 60px;
    background: var(--color-dark-1);
    border-radius: 50%;
    opacity: 0;
    transition: all .17s var(--ease-out-medium);
    transition-delay: .12s;
}
.services-2-button-close:before,
.services-2-button-close:after{
    content:"";
    position: absolute;
    top: 50%;
    left: 20%;
    display: block;
    width: 60%;
    height: 2px;
    background: #fff;
    transform: translateY(-50%) rotate(-45deg);
}
.services-2-button-close:after{
    transform: translateY(-50%) rotate(45deg);
}
.services-2-button.active .services-2-button-close{
    opacity: 1;
    transform: translate(-50%,-50%) scale(1);
    transition-delay: 0;
}
.light-content .services-2-button{
    border-color: rgba(255,255,255, .5); 
}
.light-content .services-2-descr{
    background: var(--color-dark-1);
}
.light-content .services-2-button-close{
    background: #fff;
}
.light-content .services-2-button-close:before,
.light-content .services-2-button-close:after{
    background: var(--color-dark-1);
}


/* ==============================
   Services 3
   ============================== */

.services-3-item{
    padding: 40px;
    background: #fff;
    box-shadow: var(--box-shadow-block);
    transition: all .2s var(--ease-default);
}
.services-3-item:hover{
    transform: translateY(-5px);
    box-shadow: var(--box-shadow-block-strong);
}
.services-3-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    width: 86px;
    height: 86px;
    font-size: 64px;
    background: var(--color-gray-light-2);
    border-radius: 50%;
    isolation: isolate;
    transform: translateZ(0);
}
.services-3-icon svg,
.services-3-icon img{
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}
.services-3-title{
    font-size: 24px;
    font-weight: 500;
}
.services-3-text{
    color: var(--color-gray-1);
    font-size: 16px;
    line-height: 1.65;
}
.light-content .services-3-item{
    background: var(--color-dark-3);
    border: 1px solid var(--color-dark-mode-gray-2);
}
.light-content .services-3-icon{
    color: #fff;
    background: var(--color-dark-mode-gray-2);
}
.light-content .services-3-text{
    color: var(--color-dark-mode-gray-1);
}


/* ==============================
   Services 4
   ============================== */

.services-4-item{
    position: relative;
    margin-bottom: 0;
}
.services-4-title{
    position: relative;
    display: inline-block;    
    transition: transform .5s var(--ease-out-short);
}
.services-4-title > b{    
    position: absolute;
    display: inline-block;
    top: 0.5em;
    left: 100%;
    font-size: 24px;
    font-weight: 400;
}
.services-4-item:nth-child(even) .services-4-title > b{
    left: auto;
    right: 100%;
}
.services-4-image{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 21.9619vw;
    max-width: 300px;    
    pointer-events: none;
}
.services-4-image img{
    opacity: 0; 
    clip-path: polygon(-5% -5%, 25% 0, 0 105%, 0% 105%);
    transition: clip-path .7s var(--ease-out-short);
}
.services-4-item:hover{
    z-index: 1;
}
.services-4-title:hover{
    transform: translate(0.2em,0);
}
.services-4-title:hover + .services-4-image img{
    opacity: 1;
    clip-path: polygon(-5% -5%, 105% -5%, 105% 105%, 0 105%);
}


/* ==============================
   Services 5
   ============================== */

.services-5-grid{
    margin-top: -30px;
}
.services-5-item{
    width: 100%;
    margin-top: 30px;    
    padding: 30px;
    background: #fff;
    border-radius: var(--border-radius-default); 
    box-shadow: var(--box-shadow-block);
    transition: all .27s var(--ease-default);
}
.services-5-item:hover{
    transform: translateY(-5px);
    box-shadow: var(--box-shadow-block-strong);
}
.services-5-image{
    flex-shrink: 0;
}
.services-5-title{
    margin-bottom: 15px;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -0.0175em;
}
.services-5-text{
    color: var(--color-gray-1);
}
.light-content .services-5-item{
    background: var(--color-dark-3);
    border: 1px solid var(--color-dark-mode-gray-2);
}
.light-content .services-5-text{
    color: var(--color-dark-mode-gray-1);
}

/* ==============================
   Services 6
   ============================== */
  
.services-6-caption{
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-primary-1);
}
.services-6-separator{
    position: relative;
    width: 100%;
    height: 1px;
    margin-bottom: 22px;
    background: var(--color-gray-light-3);
}
.services-6-separator:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 40px;
    height: 1px;
    background: var(--color-primary-1);
}
.services-6-title{
    margin-bottom: 15px;
    font-size: 23px;
    font-weight: 500;
    letter-spacing: -0.01em;
}
.services-6-text{
    font-size: 16px;
    line-height: 1.6875;
    color: var(--color-gray-1);
}
.light-content .services-6-separator{
    background: rgba(255,255,255, .25);
}
.light-content .services-6-text{
    color: var(--color-dark-mode-gray-1);
}


/* ==============================
   Services 7
   ============================== */
  
.services-7-tabs{
    border: none;
}
.services-7-tabs > li{
    display: block;
    width: 100%;
}
.services-7-tabs > li > a{
    position: relative;
    display: block;
    padding: 26px 45px 26px 30px;
    text-decoration: none;
}
.services-7-tabs > li > a:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: var(--color-dark-1);
    opacity: .15;
    transition: all 0.2s var(--ease-default);
}
.services-7-tabs > li > a.active{
    cursor: default;
}
.services-7-tabs > li > a.active:before{
    background: var(--gradient-primary-1-b);
    opacity: 1;
}
.services-7-title{
    margin-bottom: 13px;
    font-size: 21px;
    font-weight: 500;
    letter-spacing: -0.005em;
}
.services-7-text{
    font-size: 16px;
    color: var(--color-gray-1);
}
.services-7-arrow{
    position: absolute;
    top: 25px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    opacity: 0;
    transform: translateX(-5px);  
    transition: all .2s var(--ease-default);
}
.services-7-arrow:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--gradient-primary-1-b);
    border-radius: 100%;
    opacity: .2;
}
.services-7-arrow i:before{
    background: var(--gradient-primary-1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.services-7-tabs > li > a.active .services-7-arrow{
    opacity: 1;
    transform: none;
}
.services-7-content{
    animation: services-7-tabs-animation .7s var(--ease-out-medium);
}
@keyframes services-7-tabs-animation {
    0% {
        transform: translate(0, 10px) scale(.98);
    }
    100% { 
        transform: translate(0, 0) scale(1);
    }
}
.services-7-image{
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius-default);
    isolation: isolate;
    transform: translateZ(0);    
}
.services-7-image:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--gradient-primary-1-b);
    opacity: .2;
    z-index: -1;
}
.services-7-image > img{
    width: 100%;
}
.light-content .services-7-tabs > li > a:before{
    background: #fff;
    opacity: .25;
}
.light-content .services-7-tabs > li > a.active:before{
    background: var(--gradient-primary-1-b);
    opacity: 1;
}
.light-content .services-7-title{
    color: #fff;
}
.light-content .services-7-text{
    color: var(--color-dark-mode-gray-1);
}


/* ==============================
   Services 8
   ============================== */

.services-8-item{
    align-self: stretch;
    margin: -1px 0 0 -1px;
    border: 1px solid var(--color-primary-light-1-a);
    border-right: none;
}
.services-8-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    margin-bottom: 42px;
    color: #fff;
    font-size: 48px;
    background: var(--color-dark-1);
    border-radius: 50%;    
    isolation: isolate;
    transform: translateZ(0);
}
.services-8-icon.color-1{
    color: var(--color-primary-light-1);
    background: var(--color-primary-1);
}
.services-8-icon.color-2{
    color: var(--color-primary-light-2);
    background: var(--color-primary-2);
}
.services-8-icon.color-3{
    color: var(--color-primary-light-3);
    background: var(--color-primary-3);
}
.services-8-icon.color-4{
    color: var(--color-primary-light-4);
    background: var(--color-primary-4);
}
.services-8-icon.color-1 svg{
    fill: var(--color-primary-light-1);
}
.services-8-icon.color-2 svg{
    fill: var(--color-primary-light-2);
}
.services-8-icon.color-3 svg{
    fill: var(--color-primary-light-3);
}
.services-8-icon.color-4 svg{
    fill: var(--color-primary-light-4);
}
.services-8-icon svg{
    width: 1em;
    height: 1em;
    fill: #fff;
}
.services-8-title{
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
}
.services-8-text{
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 1.6;
}
.services-8-category{
    display: inline-block;
    padding: 7px 13px;
    font-size: 17px;
    line-height: 1.2;
    border: 1px solid currentColor;
    border-radius: 30px;
}
.light-content .services-8-item{
    border-color: rgba(255,255,255, .25);
}


/* ==============================
   Team
   ============================== */

.team-item-image{
    position: relative;
    overflow: hidden;
}
.team-item-image img{
    width: 100%;
    transition: all 0.4s ease;
}
.team-item-detail{ 
    display: inline-block;
    max-width: 90%;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%,10px) scale(.85);
    font-size: 16px;
    color: var(--color-dark-1);
    text-align: center;
    opacity: 0;
    z-index: 2;
    transition: all 0.4s var(--ease-elastic-1);
    will-change: transform;
}
.team-item-detail:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: var(--border-radius-default);
    box-shadow: var(--box-shadow);
}
.team-item-descr{
    position: relative;
    line-height: 1.3;
    text-align: center;
    transition: var(--transition-default);
}
.team-item-name{
    margin-top: 15px;
    font-size: 18px;
    font-weight: 500;
}
.team-item-role{
    margin-top: 5px;
    font-size: 15px;
    color: var(--color-gray-1);
}
.team-social-links{
    display: inline-flex;
    flex-direction: row;
    position: relative;
    font-size: 14px;
}
.team-social-links a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    color: var(--color-dark-1);
    text-decoration: none;
    transition: var(--transition-default);
}
.team-social-links a:not(.team-social-links a:last-child){
    border-right: 1px solid rgba(0,0,0, .15);
}
.team-social-links a:hover{
    opacity: .65;
}
.team-social-links svg,
.team-social-links img{
    width: 1em;
    height: 1em;
    fill: currentColor;
}
.light-content .team-item-name{
    color: #fff;
}
.light-content .team-item-role{
    color: var(--color-dark-mode-gray-1);
}

/* Hover state */
.no-mobile .team-item:hover .team-item-detail,
.team-item.js-active .team-item-detail{
    opacity: 1;
    transform: translate(-50%,0) scale(1);
}


/* ==============================
   Team 1
   ============================== */

.team-1-column-sticky{    
    position: sticky;
    top: 0;
    left: 0;
    height: 100vh;
}
.team-1-item{
    text-align: center;
    padding: 36px 32px;
    background: #fff;
    box-shadow: var(--box-shadow-block);
    letter-spacing: 0;
}
.team-1-title{
    margin-top: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.1667;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.team-1-image{
    margin: 0 auto 26px;
    max-width: 160px;
    overflow: hidden;
    border-radius: 80px;
    isolation: isolate;
    transform: translateZ(0);
}
.team-1-role{
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.008em;
}
.team-1-descr{
    line-height: 1.4117;
    letter-spacing: -0.008em;
}
.team-1-social-links > a{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    font-size: 16px;
    text-decoration: none;
    transition: color .27s var(--ease-default);
}
.team-1-social-links > a:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--color-dark-1);
    border-radius: 50%;
    opacity: 0;
    transform: scale(.3);
    transition: all .27s var(--ease-out-medium);
}
.team-1-social-links > a:hover{
    color: #fff;
}
.team-1-social-links > a:hover:before{
    opacity: 1;
    transform: none;
}
.team-1-social-links > a > *{
    position: relative;
    z-index: 1;
}
.team-1-social-links svg{
    display: block;
    width: 16px;
    height: 16px;
    fill: currentColor;
}
.light-content .team-1-item{
    background: var(--color-dark-3);
    border: 1px solid var(--color-dark-mode-gray-2);
    box-shadow: none;
}
.light-content .team-1-social-links > a{
    color: #fff;
}
.light-content .team-1-social-links > a:before{
    background: #fff;
}
.light-content .team-1-social-links > a:hover{
    color: var(--color-dark-1);
}

/* ==============================
   Features
   ============================== */

.features-item{
    padding: 0 15px;
    text-align: center;
}
.features-icon{
    font-size: 72px;
    margin-bottom: 20px;
    line-height: 1.3;
}
.features-icon svg{
    width: 1em;
    height: 1em;
}
.features-title{
    margin-bottom: 5px;
    font-size: 22px;
    font-weight: 400; 
}
.features-descr{
    font-size: 16px;
    font-weight: 400;
    opacity: .75;
}

/* ==============================
   Features 1
   ============================== */

.features-1-number{
    position: absolute;
    top: 7px;
    left: -40px;
    font-size: 20px;
    font-weight: 500;
    text-align: right;
}
.features-1-icon{
    font-size: 64px;
    margin-bottom: 5px;
    line-height: 1;
}
.features-1-icon svg{
    width: 1em;
    height: 1em;
    fill: currentColor;
}
.features-1-title{
    font-size: 56px;
    font-weight: 500; 
    line-height: 1.1;
    letter-spacing: -0.05em;
}
.features-1-descr{
    font-size: 17px;
    line-height: 1.6470;
    letter-spacing: 0;
}

/* ==============================
   Features 2
   ============================== */

.features-2-item{
    position: relative;
    padding: 60px 40px;
    text-align: center;
}
.features-2-item:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius-default);
    border: 1px solid transparent;
	background:	linear-gradient(to right, white, white), var(--gradient-primary-1-b); 
	-webkit-background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
    opacity: .3;
    transition: opacity .27s var(--ease-default);
    z-index: -1;
}
.features-2-item:hover:before{
    opacity: .57;
}
.features-2-label{
    position: absolute;
    top: 18px;
    left: 20px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    background: var(--gradient-primary-1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.features-2-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 94px;
    height: 94px;
    margin: 0 auto 30px;
    overflow: hidden;
    font-size: 48px;
    line-height: 1;
    color: var(--color-primary-3);
    border-radius: 100%;
    isolation: isolate;
    transform: translateZ(0);
}
.features-2-icon:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--gradient-primary-1-b);
    opacity: .15;
    z-index: -1;
}
.features-2-icon i:before{
    background: var(--gradient-primary-1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.features-2-icon svg{
    width: 1em;
    height: 1em;
    fill: url(#gradient-horizontal) var(--color-primary-3);   
}
.features-2-title{
    margin-bottom: 15px;
    font-size: 19px;
    font-weight: 500; 
}
.features-2-descr{
    font-size: 16px;
    color: var(--color-gray-1);
}
.light-content .features-2-item:before{
	background:	linear-gradient(to right, var(--color-dark-1), var(--color-dark-1)), var(--gradient-primary-1-b); 
	-webkit-background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
    opacity: .5;
}
.light-content .features-2-item:hover:before{
    opacity: .75;
}
.light-content .features-2-descr{
    color: var(--color-dark-mode-gray-1);
}


/* ==============================
   Alt features
   ============================== */

.alt-features-grid{
    margin-top: -35px;
}
.alt-features-item{
    margin-top: 35px;
}
.alt-features-item.border-left{
    padding-left: 30px;
    border-left: 1px solid var(--color-gray-light-3);
}
.alt-features-item.box-shadow{
    width: 100%;
    padding: 30px;
    background: #fff;
    border-radius: var(--border-radius-default);
}
.alt-features-icon{
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 0 0 22px 0;
    font-size: 48px;
    text-align: center;
    line-height: 1.3;
    color: currentColor;
}
.alt-features-icon-s{
    position: absolute;
    top: -6px;
    right: -15px;
    width: 24px;
    height: 24px;
    font-size: 24px;
}
.alt-features-icon svg{
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}
.alt-features-title{
    margin-bottom: 11px;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: -0.02em;
    transition: var(--transition-default);
}
.alt-features-descr{
    font-size: 16px;
    line-height: 1.625;
    color: var(--color-gray-1);
}
.light-content .alt-features-item.border-left{
    padding-left: 30px;
    border-color: rgba(255,255,255, .25);
}
.light-content .alt-features-descr{
    color: var(--color-dark-mode-gray-1);
}
.light-content .alt-features-item.box-shadow{
    background: var(--color-dark-3);
    border: 1px solid var(--color-dark-mode-gray-2);
}
.light-content .alt-features-icon{
    color: #fff;
}


/* ==============================
   Spot box
   ============================== */

.spot-box{
    font-size: 15px;
    line-height: 1.7333;
}
.spot-box-icon{
    position: relative;
    width: 46px;
    height: 46px;
}
.spot-box-icon:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--color-dark-1);
    opacity: .1;
    border-radius: 50%;
}
.spot-box-icon:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 17px;
    height: 17px;
    background: var(--color-dark-1);
    border-radius: 50%;
}
.spot-box-text{
    position: relative;
    top: -0.2em;
}


/* ==============================
   Numbers
   ============================== */

.number-title{
    font-size: 80px;
    font-weight: 500;
    line-height: 1;
}
.number-descr{
    color: var(--color-gray-1);
}
.light-content .number-descr{
    color: rgba(255,255,255, .7);
}

/*
 * Numbers 1
 */

.number-1-item{
    display: flex;
}
.number-1-title{
    display: flex;
    align-items: center;
    margin-right: 15px;
    color: var(--color-primary-1);
    font-size: 60px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.05em;
}
.number-1-descr{
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 1.37;
    color: var(--color-gray-1);
}
.light-content .number-1-descr{
    color: var(--color-dark-mode-gray-1);
}

/*
 * Numbers 2
 */

.number-2-item{
    width: 100%;
    padding: 50px 30px;
    text-align: center;
    background: #fff;
    border-radius: var(--border-radius-default);
    box-shadow: var(--box-shadow-block);
}
.number-2-title{
    margin-bottom: 15px;
    font-size: 60px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.05em;
}
.number-2-descr{
    font-size: 16px;
    color: var(--color-gray-1);
}
.light-content .number-2-item{
    background: var(--color-dark-3);
    border: 1px solid var(--color-dark-mode-gray-2);
}
.light-content .number-2-descr{
    color: var(--color-dark-mode-gray-1);
}
    
/*
 * Numbers 3
 */

.number-3-title{
    margin-bottom: 10px;
    color: var(--color-primary-1);
    font-size: 44px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.05em;
}
.number-3-descr{
    font-size: 16px;
    line-height: 1.37;
    color: var(--color-gray-1);
}
.light-content .number-3-descr{
    color: var(--color-dark-mode-gray-1);
}


/* ==============================
   Steps
   ============================== */

/*
 * Steps 1
 */

.steps-1-title{
    position: relative;
    margin-bottom: 12px;
    padding-left: 40px;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.3;
    
}
.steps-1-number{
    position: absolute;
    top: 0.15em;
    left: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: .642em;
    text-align: center;
    background: var(--color-dark-1);
    border-radius: 50%;
}
.steps-1-text{
    font-size: 18px;
    line-height: 1.667;
}
.light-content .steps-1-number{
    color: var(--color-dark-1);
    background: #fff;
}

/*
 * Steps 2
 */

.steps-2-item{
    position: relative;
    padding: 30px;
    color: var(--color-dark-1);
    border-radius: var(--border-radius-default);
    background: rgba(255,255,255, .92);
    box-shadow: var(--box-shadow-block);
    transition: all .2s var(--ease-default); 
}
.steps-2-item:hover{
    background: #fff;
    box-shadow: var(--box-shadow-block-strong);
}
.steps-2-icon{
    margin-top: 2px;
    margin-bottom: 30px;
    margin-right: 30px;
    font-size: 48px;
}
.steps-2-icon svg{
    display: block;
    width: 1em;
    height: 1em;
    fill: var(--color-primary-1);
}
.steps-2-intro{
    margin-top: -2px;
}
.steps-2-title{
    margin-bottom: 9px;
    font-size: 21px;
    font-weight: 500;
}
.steps-2-text{
    font-size: 18px;
    line-height: 1.5;
}
.steps-2-number{
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding: 2px 10px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: var(--color-primary-2);
    border-radius: 100px;
}
.steps-2-item.light-content{
    color: #fff;
    background: var(--color-dark-2);
}
.steps-2-item.light-content a{
    color: #fff;
    text-decoration: underline;
}


/* ==============================
   Portfolio
   ============================== */

/*
 * Works filter
 */

.works-filter{
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    cursor: default;
}
.works-filter a{
    display: inline-block;
    position: relative;
    margin-left: 48px;
    color: var(--color-gray-1);
    text-decoration: none;
    -webkit-transition: var(--transition-default);
    transition: var(--transition-default);
    cursor: pointer;
}
.works-filter a:first-child{
    margin-left: 0;
}
.works-filter a:hover{
    color: var(--color-dark-1);
    text-decoration: none;
}
.works-filter a.active{
    color: var(--color-dark-1);
    cursor: default;
}
.works-filter a.active:hover{
    color: var(--color-dark-1);
}
.works-filter a:after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2px;
    background-color: var(--color-dark-1);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: transform .25s ease-out;
    transition: transform .25s ease-out;
}
.works-filter a.active:after{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.works-filter a:hover:after{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}
.light-content .works-filter a{
    color: #fff;
    opacity: .72;
}
.light-content .works-filter a:hover,
.light-content .works-filter a.active{
    color: #fff;
    opacity: 1;
}
.light-content .works-filter a:after{
    background-color: #fff;
}

/* Works filter elegant */
.works-filter.works-filter-elegant{
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.works-filter.works-filter-elegant a{
    margin-left: 27px;
    padding: 4px 13px;
}
.works-filter.works-filter-elegant a:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid var(--color-dark-1);
    border-radius: 30px;
    opacity: 0;
    transition: var(--transition-default);
}
.works-filter.works-filter-elegant a.active:before{
    opacity: .15;
}
.works-filter.works-filter-elegant a:after{
    display: none;
}
.light-content .works-filter.works-filter-elegant a:before{
    border-color: #fff;
}

/* Works filter fancy */
.works-filter.works-filter-fancy{
    display: flex;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.059em;
    text-transform: uppercase;
}
.works-filter.works-filter-fancy a,
.works-filter.works-filter-fancy a:hover{
    margin: 0;
    padding: 10px 20px;
    color: var(--color-gray-1);
    isolation: isolate;
}
.works-filter.works-filter-fancy a:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--color-dark-1);
    opacity: .3;
    transition: var(--transition-default);
    z-index: -1;
}
.works-filter.works-filter-fancy a:after,
.works-filter.works-filter-fancy a:hover:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: var(--color-primary-1);
    transform: none;
    transition: all .2s var(--ease-out-short);
    z-index: -1;
}
.works-filter.works-filter-fancy a:not(:first-child):before,
.works-filter.works-filter-fancy a:not(:first-child):after{
    width: calc(100% + 1px);
    margin-left: -1px;
    border-left: none;
}
.works-filter.works-filter-fancy a:first-child:before,
.works-filter.works-filter-fancy a:first-child:after{
    border-top-left-radius: var(--border-radius-default);
    border-bottom-left-radius: var(--border-radius-default);
}
.works-filter.works-filter-fancy a:last-child:before,
.works-filter.works-filter-fancy a:last-child:after{
    border-top-right-radius: var(--border-radius-default);
    border-bottom-right-radius: var(--border-radius-default);
}
.works-filter.works-filter-fancy a.active,
.works-filter.works-filter-fancy a.active:hover{
    color: #fff;
}
.works-filter.works-filter-fancy a.active:after{
    opacity: 1;
}
.light-content .works-filter.works-filter-fancy a{
    opacity: 1;
}
.light-content .works-filter.works-filter-fancy a:before{
    border-color: #fff;
}
.light-content .works-filter.works-filter-fancy a{
    color: #fff !important;
}
.light-content .works-filter.works-filter-fancy a:hover{
    color: #fff;
}
.light-content .works-filter.works-filter-fancy a.active{
    color: #fff;
}

/* Works filter gradient */
.works-filter.works-filter-gradient{
    font-size: 15px;
    font-weight: 500;
    letter-spacing: normal;
    z-index: 1;
}
.works-filter.works-filter-gradient a{
    margin-left: 10px;
    padding: 5px 17px;
    transition: none;
}
.works-filter.works-filter-gradient a:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--color-dark-1);
    border-radius: 30px;
    opacity: .15;
    transition: opacity .17s var(--ease-default);
    z-index: -1;
}
.works-filter.works-filter-gradient a:hover{
    color: var(--color-gray-1);
}
.works-filter.works-filter-gradient a:hover:before{
    opacity: .3;
}
.works-filter.works-filter-gradient a.active:before{
    border: 1px solid transparent;
	background:	linear-gradient(to right, white, white), var(--gradient-primary-1-b); 
	-webkit-background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
    opacity: 1;
}
.works-filter.works-filter-gradient a.active{
    background: var(--gradient-primary-1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.works-filter.works-filter-gradient a:after{
    display: none;
}
.light-content .works-filter.works-filter-gradient a,
.light-content .works-filter.works-filter-gradient a:hover{
    color: var(--color-dark-mode-gray-1);
    opacity: 1;
}
.light-content .works-filter.works-filter-gradient a:before{
    border-color: #fff;
    opacity: .25;
}
.light-content .works-filter.works-filter-gradient a:hover:before{
    border-color: #fff;
    opacity: .5;
}
.light-content .works-filter.works-filter-gradient a.active:before{
    border-color: transparent;
	background:	linear-gradient(to right, var(--color-dark-1), var(--color-dark-1)), var(--gradient-primary-1-b); 
	-webkit-background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
    opacity: 1;
}

/* Works filter slick */
.works-filter.works-filter-slick{
    display: inline-block;
    padding: 0 13px;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: normal;
    background: #fff;
    border-radius: 100px;
    box-shadow: var(--box-shadow-block);
}
.works-filter.works-filter-slick a{
    margin: 0;
    padding: 14px 17px;
    color: var(--color-gray-1);
}
.works-filter.works-filter-slick a:hover{
    color: var(--color-dark-1);
}
.works-filter.works-filter-slick a:after{
    display: none;
}
.works-filter.works-filter-slick a.active,
.works-filter.works-filter-slick a.active:hover{
    color: var(--color-dark-1);
}
.works-filter.works-filter-slick a.active:after{
    opacity: 1;
}
.light-content .works-filter.works-filter-slick{
    background: var(--color-dark-3);
    border: 1px solid var(--color-dark-mode-gray-2);
}
.light-content .works-filter.works-filter-slick a{
    color: var(--color-dark-mode-gray-1);
}
.light-content .works-filter.works-filter-slick a:hover,
.light-content .works-filter.works-filter-slick a.active,
.light-content .works-filter.works-filter-slick a.active:hover{
    color: #fff;
}

/* Work filter bold */
.works-filter.works-filter-bold{
    font-family: var(--font-alt);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.works-filter.works-filter-bold a{
    margin-top: 7px;
    margin-left: 27px;
    padding: 4px 13px;
    color: var(--color-dark-1);
    isolation: isolate;
}
.works-filter.works-filter-bold a:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-dark-1);
    border: none;
    border-radius: 30px;
    opacity: 0;
    transition: var(--transition-default);
    z-index: -1;    
}
.works-filter.works-filter-bold a.active,
.works-filter.works-filter-bold a.active:hover{
    color: #fff;    
}
.works-filter.works-filter-bold a.active:before{
    opacity: 1;
}
.works-filter.works-filter-bold a:after{
    display: none;
}
.light-content .works-filter.works-filter-bold a{
    color: #fff;
    opacity: 1;
}
.light-content .works-filter.works-filter-bold a:before{
    background: #fff;
}
.light-content .works-filter.works-filter-bold a.active,
.light-content .works-filter.works-filter-bold a.active:hover{
    color: var(--color-dark-1);    
}

/*
 * Works grid 
 */

.works-grid{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
.work-item{
    width: 25%;;
    margin: 0;  
}
.work-grid-2 .work-item{
    width: 49.99%;
}
.work-grid-3 .work-item{
    width: 33.333%;
}

.works-grid.work-grid-gut{
    margin: -30px 0 0 -30px;
}
.works-grid.work-grid-gut .work-item{
    padding: 30px 0 0 30px;
}
.works-grid.work-grid-gut-sm{
    margin: 0 10px 10px 0;
}
.works-grid.work-grid-gut-sm .work-item{
    padding: 10px 0 0 10px;
}
.works-grid.work-grid-gut-lg{
    margin: -80px 0 0 -70px;
}
.works-grid.work-grid-gut-lg .work-item{
    padding: 80px 0 0 70px;
}
.works-grid.work-grid-gut-xl{
    margin: -80px 0 0 -90px;
}
.works-grid.work-grid-gut-xl .work-item{
    padding: 80px 0 0 90px;
}

.work-item a{
    display: block;    
    padding: 0;
    position: relative;
    box-sizing: border-box;
    text-decoration: none;
}
.work-item a,
.work-item a:hover{
    color: var(--color-dark-1);
    border: none;
}
.light-content .work-item a,
.light-content .work-item a:hover{
    color: #fff;
}
.work-img{
    position: relative;
    overflow: hidden;
    transform: rotate(0.001deg) translateZ(0);
}
.work-img-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-gray-light-2);
}
.light-content .work-img-bg{
    background-color: var(--color-dark-3);
}
.work-img img{
    display: block;
    position: relative;
    width: 100%;    
    overflow: hidden;
    transform: rotate(0.001deg) translateZ(0);
}
.work-intro{
    width: 100%;
    padding-top: 18px;       
    text-align: center;
    transform: translateZ(0);
}
.work-title{
    margin: 0 0 3px 0;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.007em;
    line-height: 1.4;
    text-transform: none;
    transform: translateZ(0);
}
.work-descr{   
    display: block; 
    color: var(--color-gray-1);
    font-size: 15px;
    line-height: 1.4;
    text-transform: none;
    transform: translateZ(0);
}
.light-content .work-descr{    
    color: var(--color-dark-mode-gray-1);
}

/* Work item hover state */
.work-item .work-img,
.work-item .work-img > img{    
    transition: all 2s var(--ease-out-medium);
}
.work-item .work-img{
   clip-path: inset(-1px);
   will-change: clip-path;
}
.work-item a:hover .work-img{
   clip-path: inset(10px);
}
.work-item a:hover .work-img > img{
    transform: scale(1.05) rotate(0.001deg) translateZ(0);
}
.work-item .work-intro{
    transition: all 2s var(--ease-out-medium);
}
.work-item .work-intro.text-start{
    padding-right: 10px;
}
.work-item a:hover .work-intro{
    transform: translate(10px, -10px);
}

/* Work item hover state alt */
.works-grid.work-grid-hover-alt .work-item .work-img{ 
    overflow: hidden;
    transition: all .2s var(--ease-default);  
}
.works-grid.work-grid-hover-alt .work-item .work-img img{ 
    transition: all .27s var(--ease-default);
}
.works-grid.work-grid-hover-alt .work-item a:hover .work-img{
   clip-path: none;
   transform: translateY(-7px) rotate(0.001deg) translateZ(0);
}
.works-grid.work-grid-hover-alt .work-item a:hover .work-img img{
   transform: scale(1) rotate(0.001deg) translateZ(0);
}
.works-grid.work-grid-hover-alt .work-item a:hover .work-intro{
    transform: none;
    opacity: 1;
}

/* Work item round */
.works-grid.work-grid-round .work-item .work-img{ 
    overflow: hidden;
    border-radius: var(--border-radius-default);
    isolation: isolate;
    transform: translateZ(0);
}
.works-grid.work-grid-round .work-item .work-img-bg{ 
    border-radius: var(--border-radius-default);
}

/* Work item with hidden title */
.works-grid.hide-titles .work-item a{
    overflow: hidden;    
}
.works-grid.hide-titles .work-item .work-img{    
    transition: all .37s var(--ease-out-short);
}
.works-grid.hide-titles .work-item a:hover .work-img > img{
    transform: none;
}
.works-grid.hide-titles .work-intro{
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 30px;    
    opacity: 0;
    transition: all .37s var(--ease-default);
}
.works-grid.hide-titles .work-intro:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-dark-1);
    opacity: 0.85;
}
.works-grid.hide-titles .work-intro > *{
    position: relative;
    transform: translateY(25px);
    transition: transform .37s var(--ease-out-short), opacity .37s var(--ease-default);
}
.works-grid.hide-titles .work-title{
    margin-bottom: 5px;
    color: #fff;
    font-size: 21px;
    line-height: 1.2;
}
.works-grid.hide-titles:not(.work-grid-2, .work-grid-3) .work-title{
    font-size: 19px;
}
.works-grid.hide-titles .work-descr{
    color: #fff;
    opacity: .7;
}
.works-grid.hide-titles .work-item a:hover .work-img,
.works-grid.hide-titles .work-item a.focus-visible .work-img{
   clip-path: none;
   transform: scale(1.05) translateZ(0.1px);
}
.works-grid.hide-titles .work-item a:hover .work-intro > *,
.works-grid.hide-titles .work-item a:focus-visible .work-intro > *{
    transform: none;
}
.works-grid.hide-titles .work-item a:hover .work-intro,
.works-grid.hide-titles .work-item a:focus-visible .work-intro{
    transform: none;
    opacity: 1;
}
/* Work item with hidden title hover white */
.works-grid.hide-titles.hover-white .work-intro:before{
    background: #fff;
}
.works-grid.hide-titles.hover-white .work-title{
    color: var(--color-dark-1);
}
.works-grid.hide-titles.hover-white .work-descr{
    color: var(--color-gray-1);
    opacity: 1;
}

/* Work item fancy */
.works-grid.work-grid-fancy .work-item a{
    overflow: hidden;   
    border-radius: var(--border-radius-default);
    box-shadow: var(--box-shadow-block); 
    transition: all .27s var(--ease-default);
    isolation: isolate;
    transform: translateZ(0);
}
.works-grid.work-grid-fancy .work-item a:hover{
    box-shadow: var(--box-shadow-block-strong);
    transform: translateY(-7px);
}
.works-grid.work-grid-fancy .work-item a:hover .work-img > img{
    transform: none;
}
.works-grid.work-grid-fancy .work-intro{
    padding: 30px;
}
.works-grid.work-grid-fancy .work-title{
    font-size: 20px;
}
.works-grid.work-grid-fancy .work-item a:hover .work-img{
   clip-path: none;
}
.works-grid.work-grid-fancy .work-item a:hover .work-intro{
    transform: none;
    opacity: 1;
}
.light-content .works-grid.work-grid-fancy .work-item a{
    background: var(--color-dark-3);
    border: 1px solid var(--color-dark-mode-gray-2);
}

/* Works navigation */
.work-navigation{
    width: 100%;
    background: #fff;    
    font-size: 16px; 
    font-weight: 500;   
    z-index: 99;
}
.work-navigation i{
    position: relative;
    top: -1px;
}
.work-navigation a{
    display: block;
    float: left;
    width: 33.33333%;
    overflow: hidden;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    cursor: default;
}
.work-navigation a,
.work-navigation a:visited{ 
    color: var(--color-gray-1); 
}
.work-navigation a span:hover{ 
    color: var(--color-dark-1); 
}
.work-navigation a span{
    display: inline-block;
    height: 80px;
    line-height: 79px;
    padding: 0 4%;
    background: #fff;
    cursor: pointer;
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.work-navigation span:hover{
    background: var(--color-gray-light-2);
}
.work-prev{
    text-align: left;
}
.work-all{
    text-align: center;
}
.work-next{
    text-align: right;
}
.work-full-media img{
    max-width: 100%;
    height: auto;
}
.work-navigation.light-content a,
.work-navigation.light-content a:visited{ 
    color: var(--color-dark-mode-gray-1); 
}
.work-navigation.light-content a span:hover{ 
    color: #fff; 
}
.work-navigation.light-content a span{
    background-color: transparent;
}
.work-navigation.light-content span:hover{
    background-color: rgba(255,255,255, .05);
}


/* ==============================
   Portfolio 1
   ============================== */

.portfolio-1-item{
    will-change: unset !important;
}
.portfolio-1-image{
    position: relative;
    clip-path: inset(0);
    transform: translateZ(0);
    transition: all 2s var(--ease-out-medium);
    will-change: clip-path;
}
.portfolio-1-image:hover{
    clip-path: inset(10px);
}
.portfolio-1-image-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-gray-light-2);
}
.portfolio-1-title{
    position: relative;
    margin-left: -105px;
    font-size: 82px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.05em;
}
.portfolio-1-title a{
    display: inline-block;
    margin-left: -4px;
    color: unset;
    text-decoration: none;
    transition: letter-spacing .27s var(--ease-out-medium);
    will-change: letter-spacing;
}
.portfolio-1-title a:hover{
    letter-spacing: -0.03em;
}
.portfolio-1-descr{
    font-size: 16px;
}


/* ==============================
   Portfolio 2
   ============================== */
  
.portfolio-2-item{
    will-change: unset !important;
}
.portfolio-2-title{
    font-size: 43px;
    font-weight: 500;    
}
.portfolio-2-title a{
    display: block;
    text-decoration: none;
    transition: all .27s var(--ease-out-medium);
}
.portfolio-2-title a:hover{
    color: inherit;
    text-decoration: none;
}
.portfolio-2-image{
    overflow: hidden;
}
.portfolio-2-image img{
    width: 100%;    
    transform: scale(1.02) translateZ(0.1px);
    transition: all .5s var(--ease-out-short);
}
.portfolio-2-image a:hover img{
    transform: translateZ(0.1px);
}
.light-content .portfolio-2-title a{
    color: #fff;
}

/* ==============================
   Portfolio 3
   ============================== */
  
.portfolio-3-image{
    overflow: hidden;
    border-radius: 50px;
    isolation: isolate;
    transform: translateZ(0);
}
.portfolio-3-image img{
    width: 100%;    
    transform: scale(1.037) translateZ(0.01px);
    transition: all .5s var(--ease-out-short);
}
.portfolio-3-image a:hover img{
    transform: translateZ(0.01px);
}
.portfolio-3-title{
    margin-bottom: 15px;
    font-size: 62px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.portfolio-3-title a{
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-size: 0 1px;
    background-position: 0 calc(100% - 0.125em);
    background-repeat: no-repeat;
    transition: background-size .5s var(--ease-out-medium);
    will-change: background-size;
}
.portfolio-3-title a:hover{
    color: inherit;
    background-size: 100% 1px;
}
.portfolio-3-descr{
    font-size: 15px;
    line-height: 1.2; 
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}
.light-content .portfolio-3-title a{
    color: #fff;
}


/* ==============================
   Portfolio 4
   ============================== */

.portfolio-4-carousel.owl-carousel{
    display: flex !important;
    flex-direction: column;
    width: calc(100% + 10px);
}
.portfolio-4-carousel .owl-wrapper-outer{
    overflow: visible !important;
}
.portfolio-4-carousel .owl-item{
    padding-right: 10px;
}
.portfolio-4-carousel .owl-controls{
    order: 2;
    margin-top: 40px;
}
.portfolio-4-carousel .owl-buttons{
    padding-right: 10px;
    text-align: right;
}
.portfolio-4-carousel .owl-pagination{
    display: none;
}
.portfolio-4-carousel .owl-prev,
.portfolio-4-carousel .owl-next{
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-left: 10px;
    padding: 0;
    font-size: 24px;
    text-align: center;
    color: var(--color-dark-1);
    border-radius: 50%;
    opacity: 1;
    transform: none;
}
.portfolio-4-carousel .owl-prev svg,
.portfolio-4-carousel .owl-next svg{
    position: relative;
}
.portfolio-4-carousel .owl-prev:before,
.portfolio-4-carousel .owl-next:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    box-shadow: var(--box-shadow);
    transition: all 0.4s var(--ease-elastic-2);
}
.portfolio-4-carousel .owl-prev:hover:before,
.portfolio-4-carousel .owl-next:hover:before{
    box-shadow: var(--box-shadow-strong);
    transform: scale(1.07);
}
.portfolio-4-item > a{
    color: unset;
    text-decoration: none;
}
.portfolio-4-image{
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: var(--border-radius-default);
    isolation: isolate;
    transform: translateZ(0);
}
.portfolio-4-image img{
    position: relative;
    transition: all .5s var(--ease-out-short);
}
.portfolio-4-title{
   margin-bottom: 0;
   font-size: 24px;
   font-weight: 500;
   line-height: 1.3;
   letter-spacing: -0.02em;
}
.portfolio-4-intro{ 
   padding-right: 12px;
   transition: all .5s var(--ease-out-short);
}
.portfolio-4-descr{
    font-size: 16px;
}

/* Hover state */
.portfolio-4-item > a:hover .portfolio-4-image > img{
    transform: scale(1.05);
}
.portfolio-4-item > a:hover .portfolio-4-intro{
    transform: translateX(12px);
}


/* ==============================
   Portfolio 5
   ============================== */

.portfolio-5-link{
     text-decoration: none;
}
.portfolio-5-image{
    position: relative;
    margin-bottom: 22px;
    overflow: hidden;
    border-radius: var(--border-radius-default);
    isolation: isolate;
    transform: translateZ(0);
}
.portfolio-5-image-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius-default);
    background: var(--color-gray-light-1);
}
a.portfolio-5-link .portfolio-5-image img{
    transform: translateZ(0.01px);
    transition: all 0.5s var(--ease-out-short);
}
.portfolio-5-title{
    margin-bottom: 18px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    transition: all .27s var(--ease-default);
}
.portfolio-5-title span{
    background-image: linear-gradient(currentColor, currentColor);
    background-size: 0 1px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size .5s var(--ease-out-medium);
    will-change: background-size;
}
.portfolio-5-number{
    margin-bottom: 5px;
    font-size: 54px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.025em;
}
.portfolio-5-number-descr{
    font-size: 18px;
}
.light-content .portfolio-5-image-bg{
    background: var(--color-dark-3);
}

/* Hover state */

a.portfolio-5-link{
    text-decoration: none;
    color: inherit;
}
a.portfolio-5-link:hover .portfolio-5-image img{
    transform: scale(1.05) translateZ(0.01px);
}
a.portfolio-5-link:hover .portfolio-5-title span{
    background-size: 100% 1px;
}


/* ==============================
   Call action 1 section
   ============================== */

.call-action-1-images{
    position: relative;
    overflow: hidden;
}
.call-action-1-images img{
    width: 100%;
}
.call-action-1-image-1{
    width: 78.7234%;
    overflow: hidden;    
}
.call-action-1-image-2{
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    width: 36.2%;
    height: 100%;
}
.call-action-1-image-2-inner{    
    overflow: hidden;
    border-radius: 120px;
    isolation: isolate;
    transform: translateZ(0);
}


/* ==============================
   Call action 2 section
   ============================== */

.call-action-2-images{
    position: relative;
    margin: 15px 33px 0 0;
    border: 1px solid transparent;
}
.call-action-2-image-1{
    position: absolute;
    top: 0;
    left: 0;
    width: 36.85%;
    overflow: hidden;
    transform: translateZ(0) rotate(0.0001deg);
}
.call-action-2-image-2{
    position: relative;
    width: 77.145%;
    margin: 120px auto;
    overflow: hidden;
    transform: translateZ(0) rotate(0.0001deg);
}
.call-action-2-image-3{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 36.85%;
    overflow: hidden;
    transform: translateZ(0) rotate(0.0001deg);
}
.call-action-2-text dt{
    margin-bottom: 0.5em;
    font-size: 20px;
    font-weight: 500;
}
.call-action-2-text dd{
    margin-bottom: 2em;
    font-size: 17px;
    line-height: 1.625;
    color: var(--color-gray-1);
}
.light-content .call-action-2-text dd{
    color: var(--color-gray-light-6);
}


/* ==============================
   Call action 3 section
   ============================== */

.call-action-3-images{
    position: relative;
    width: 100%;
    margin-top: 15px;
}
.call-action-3-image-1{
    width: 67.38%;
    margin-left: auto;
    overflow: hidden;
    -webkit-transform: translateZ(0) rotate(0.0001deg);
    transform: translateZ(0) rotate(0.0001deg);
}
.call-action-3-image-2-wrap{
    position: absolute;
    top: 0;
    left: 54px;
    width: 41.5%;
    height: 100%;
    -webkit-transform: translateZ(0) rotate(0.0001deg);
    transform: translateZ(0) rotate(0.0001deg);
}
.call-action-3-image-2{ 
    overflow: hidden;
    -webkit-transform: translateZ(0) rotate(0.0001deg);
    transform: translateZ(0) rotate(0.0001deg);
}


/* ==============================
   Call action 4 section
   ============================== */

.call-action-4-images{
    position: relative;
    padding-bottom: 24.390%;
}
.call-action-4-images img{
    width: 100%;
}
.call-action-4-image-1{
    width: 73.170%;    
    overflow: hidden;
    border-radius: var(--border-radius-default);
    isolation: isolate;
    transform: translateZ(0);
}
.call-action-4-image-2{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 73.170%;
    overflow: hidden;
    border-radius: var(--border-radius-default);
    isolation: isolate;
    transform: translateZ(0);
}


/* ==============================
   Images compositions
   ============================== */

/*
 * Images composition 1
 */

.composition-1{
    position: relative;
    isolation: isolate;
}
.composition-1 img{
    width: 100%;
}
.composition-1-image-1{
    position: relative;
    width: 65.6915%;
    overflow: hidden;
    border-radius: var(--border-radius-default);
    isolation: isolate;
    transform: translateZ(0);
    z-index: 1;
}
.composition-1-image-2{
    position: relative;
    width: 59.3085%;
    margin-top: -18.6170%;
    margin-left: auto;
    overflow: hidden;
    border-radius: var(--border-radius-default);
    isolation: isolate;
    transform: translateZ(0);
}
.composition-1-decoration-1{
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -13.2978%;
    margin-left: -17.2872%;
    width: 42.0212%;
    opacity: .5;  
    z-index: -1;
}
.composition-1-decoration-2{
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 45.2127%;
    margin-left: 24.734%;
    width: 26.8617%;
    opacity: .95;
    z-index: 1;
}

/*
 * Images composition 2
 */

.composition-2{
    position: relative;
    overflow: hidden;
    isolation: isolate;
}
.composition-2 img{
    width: 100%;
}
.composition-2-image-1{
    position: relative;
    width: 58.5987%;
    margin-top: 29.2993%;
    overflow: hidden;
    border-radius: var(--border-radius-default);
    isolation: isolate;
    transform: translateZ(0);
}
.composition-2-image-2{
    position: relative;
    width: 71.0191%;
    margin-top: -40.1273%;
    margin-left: auto;
    overflow: hidden;
    border-radius: var(--border-radius-default);
    isolation: isolate;
    transform: translateZ(0);
}
.composition-2-decoration{
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 10.9%;
    margin-left: 14.0127%;
    width: 32.1656%;
    opacity: .95;  
    z-index: 1;
}

/*
 * Images composition 3
 */

.composition-3{
    position: relative;
    isolation: isolate;
}
.composition-3 img{
    width: 100%;
}
.composition-3-image-1{
    position: relative;
    width: 65.6915%;
    margin-left: auto;
    overflow: hidden;
    border-radius: var(--border-radius-default);
    isolation: isolate;
    transform: translateZ(0);
}
.composition-3-image-2{
    position: relative;
    width: 59.3085%;
    margin-top: -18.6170%;
    overflow: hidden;
    border-radius: var(--border-radius-default);
    isolation: isolate;
    transform: translateZ(0);
}
.composition-3-decoration-1{
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 9.3085%;
    margin-left: 22%;
    width: 28.4574%;
    opacity: .95;
    z-index: 1;
}
.composition-3-decoration-2{
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 26.0638%;
    margin-right: -19.1489%;
    width: 39.3617%;
    opacity: .7;  
    z-index: -1;
}

/*
 * Images composition 4
 */

.composition-4{
    position: relative;
}
.composition-4 img{
    width: 100%;
}
.composition-4-image-1{
    position: relative;
    width: 86.0084%;
    margin-left: auto;
    overflow: hidden;
    border: 1px solid rgba(0,0,0, .15);
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
}
.composition-4-image-1-inner{
    overflow: hidden;
    border: 10px solid #fff;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
}
.composition-4-image-2{
    position: relative;
    width: 59.7738%;
    margin-top: -36.6720%;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(0,0,0, .15);
    border-bottom-left-radius: 75%;
}
.composition-4-image-2-inner{
    border: 10px solid #fff;
    overflow: hidden;
    border-bottom-left-radius: 75%;
}
.composition-4-decoration{
    position: absolute;
    bottom: 7%;
    right: 15.6704%;
    width: 36.8336%;
    opacity: .95;
    z-index: -1;
}
.composition-4-decoration-1{
    position: absolute;
    bottom: 6.025%;
    right: 7.97%;
    width: 25.1042%;
    opacity: .95;
    z-index: -1;
}
.light-content .composition-4-image-1{
    background: var(--color-dark-1);
    border-color: rgba(255,255,255, .2);
}
.light-content .composition-4-image-1-inner{
    border-color: var(--color-dark-1);
}
.light-content .composition-4-image-2{
    background: var(--color-dark-1);
    border-color: rgba(255,255,255, .2);
}
.light-content .composition-4-image-2-inner{
    border-color: var(--color-dark-1);
}

/*
 * Images composition 5
 */

.composition-5{
    position: relative;
}
.composition-5 img{
    width: 100%;
}
.composition-5-image-1{
    position: relative;
    width: 91.0683%;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--color-gray-light-3);
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    isolation: isolate;
    transform: translateZ(0);
}
.composition-5-image-1-inner{
    overflow: hidden;
    border: 10px solid #fff;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    isolation: isolate;
    transform: translateZ(0);
}
.composition-5-image-2{
    position: relative;
    width: 49.387%;
    margin-top: -24.3432%;
    margin-left: auto;       
    overflow: hidden;
    border: 1px solid var(--color-gray-light-3);
    border-bottom-right-radius: 75%;
    isolation: isolate;
    transform: translateZ(0);
}
.composition-5-image-2-inner{
    overflow: hidden;
    border: 10px solid #fff;
    border-bottom-right-radius: 75%;
    isolation: isolate;
    transform: translateZ(0);
}
.composition-5-decoration{
    position: absolute;
    bottom: 9.25%;
    left: -6.8%;
    width: 39.9299%;
    opacity: .95;
    z-index: -1;
}
.light-content .composition-5-image-1{
    background: var(--color-dark-1);
    border-color: rgba(255,255,255, .2);
}
.light-content .composition-5-image-1-inner{
    border-color: var(--color-dark-1);
}
.light-content .composition-5-image-2{
    background: var(--color-dark-1);
    border-color: rgba(255,255,255, .2);
}
.light-content .composition-5-image-2-inner{
    border-color: var(--color-dark-1);
}

/*
 * Images composition 6
 */

.composition-6{
    position: relative;
}
.composition-6 img{
    width: 100%;
}
.composition-6-image{
    position: relative;
    overflow: hidden;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyAKIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA2MzAgNjI2Ij4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUxNC41MjUsNDkwLjEwNyBDNDE1LjI0Niw1MzEuODk2IDM0OC43NDcsNDE0Ljk1MCAyODkuMDQzLDQ5Ny43NjAgQzI0NC43NjEsNTU5LjE3NyAxNjcuOTM2LDY1OS40OTUgOTYuMDY3LDYxNC4yMjcgQy0zLjIyOCw1NTEuNjg0IC04OC4yMDUsMTE0Ljg5MSAxODMuMDg4LDE0LjQ5NiBDMjg2Ljg5MSwtMjMuOTE3IDQ5MS4zMjEsMTUuMjMxIDU4MS44ODEsMTY3LjAwMSBDNjgxLjcxNCwzMzQuMzEwIDYwNi44MTMsNDUxLjI2MCA1MTQuNTI1LDQ5MC4xMDcgWiIvPgo8L3N2Zz4=);
    -webkit-mask-type: alpha;
    -webkit-mask-size: 100% 100%;
    mask: url(data:image/svg+xml;base64,PHN2ZyAKIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA2MzAgNjI2Ij4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUxNC41MjUsNDkwLjEwNyBDNDE1LjI0Niw1MzEuODk2IDM0OC43NDcsNDE0Ljk1MCAyODkuMDQzLDQ5Ny43NjAgQzI0NC43NjEsNTU5LjE3NyAxNjcuOTM2LDY1OS40OTUgOTYuMDY3LDYxNC4yMjcgQy0zLjIyOCw1NTEuNjg0IC04OC4yMDUsMTE0Ljg5MSAxODMuMDg4LDE0LjQ5NiBDMjg2Ljg5MSwtMjMuOTE3IDQ5MS4zMjEsMTUuMjMxIDU4MS44ODEsMTY3LjAwMSBDNjgxLjcxNCwzMzQuMzEwIDYwNi44MTMsNDUxLjI2MCA1MTQuNTI1LDQ5MC4xMDcgWiIvPgo8L3N2Zz4=);
    mask-type: alpha;
    mask-size: 100% 100%;
}
.composition-6-decoration-1{
    position: absolute;
    top: 0.5%;
    right: 8.887%;
    width: 23.9682%;
}
.composition-6-decoration-2{
    position: absolute;
    bottom: -3.5%;
    left: 25.3968%;
    width: 23.9682%;
}

/*
 * Images composition 7
 */

.composition-7{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.composition-7 img{
    width: 100%;
}
.composition-7-border{
    position: absolute;
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    border-radius: var(--border-radius-default);
	background:	linear-gradient(to right, white, white), var(--gradient-primary-1-b); 
	-webkit-background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
    z-index: 0;
}
.composition-7-inner{
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius-default);
    isolation: isolate;
    transform: translateZ(0);
    z-index: 1;
}
.composition-7-image-1{    
    position: relative;
    width: 14.9903%; 
}
.composition-7-image-2{    
    position: relative;
    width: 24.8549%; 
}
.composition-7-image-3{    
    position: relative;
    width: 30.0773%; 
}
.composition-7-image-4{    
    position: relative;
    width: 21.3733%; 
}
.light-content .composition-7-border{
	background:	linear-gradient(to right, var(--color-dark-1), var(--color-dark-1)), var(--gradient-primary-1-b); 
	-webkit-background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
}

/*
 * Images composition 8
 */

.composition-8{
    position: relative;
}
.composition-8-image{
    position: relative;
    width: 90.7936%;
    margin-left: auto;
    overflow: hidden;
    border-radius: 75px;
    isolation: isolate;
    transform: translateZ(0);
}
.composition-8-image img{
    width: 100%;
}
.composition-8-decoration-1{
    position: absolute;
    top: 0;
    left: 0;
}
.composition-8-decoration-2{
    position: absolute;
    bottom: 17%;
    left: 0;
}

/*
 * Images composition 9
 */

.composition-9{
    position: relative;
}
.composition-9-image{
    position: relative;
    overflow: hidden;
    border: 1px solid var(--color-dark-1);
}
.composition-9-image img{
    width: 100%;
}
.composition-9-decoration-1{
    position: absolute;
    top: -20px;
    left: -40px;
    width: 100%;
    height: 100%;
    border: 1px solid currentColor;
}


/* ==============================
   Work process
   ============================== */
  
.work-process-item:hover .work-process-icon{
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.work-process-heading{
    margin-top: 0;
    margin-bottom: 0.6em;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.196;
    letter-spacing: -0.02em;
}
.work-process-description{
    font-family: var(--font-global-alt);
    font-size: 16px;
    font-weight: 400; /*500*/ 
    line-height: 1.625;
    color: var(--color-gray-1);
}
.light-content .work-process-description{
    color: var(--color-gray-light-6);
}
.work-process-icon{
    width: 1em;
    height: 1em;
    margin: 0 auto 18px auto;
    font-size: 72px;
    text-align: center;
    line-height: 1.3;
    color: var(--color-dark-1)111;
    -webkit-transition: var(--transition-default);
    transition: var(--transition-default);
}
.light-content .work-process-icon{
    color: #fff;
}
.work-process-icon svg{
    display: block;
    width: 1em;
    height: 1em;
}
.work-process-title{
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.03em;
    -webkit-transition: var(--transition-default);
    transition: var(--transition-default);
}


/* ==============================
   Logotypes
   ============================== */

/*
 * Logo carousel
 */

.logo-item{
    height: 120px;
    text-align: center;
    opacity: .75;
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.logo-item:hover{
    opacity: 1;
}
.logo-item img{
    position: relative;
    top: 50%;
    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*
 * Logo grid
 */

.logo-grid{
    margin: -30px -15px 0 -15px;
}
.logo-grid-img{
    margin: 30px 15px 0 15px;
    opacity: .35;
    transition: var(--transition-default);
}
.logo-grid-img:hover{
    opacity: 1;
}
.light-content .logo-grid-img{
    opacity: .8;
}
.light-content .logo-grid-img:hover{
    opacity: 1;
}


/* ==============================
   Post previews
   ============================== */

.post-prev{
   display: flex;
   align-items: stretch;
}
.post-prev-container{
    position: relative;
    display: flex;
    flex-direction: column; 
}
.post-prev-container > *{
    position: relative;
}
.post-prev-container:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid var(--color-gray-light-3);
    border-radius: var(--border-radius-default);
    transition: var(--transition-default);
}
.post-prev-img{
    position: relative;
    overflow: hidden;
    border-top-left-radius: var(--border-radius-default);
    border-top-right-radius: var(--border-radius-default);
    isolation: isolate;
    transform: translateZ(0);
}
.post-prev-img a{
    -webkit-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);   
    transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.post-prev-img img{
    width: 100%;
    transform: translateZ(0.1px);
    transition: all .5s var(--ease-out-short);
}
.post-prev-img a:hover img{
    transform: scale(1.05) translateZ(0.1px);
}
.post-prev-title{
    margin-bottom: 12px;
    font-size: 21px;
    font-weight: 500;
    letter-spacing: -0.008em;
    line-height: 1.476;
}
.post-prev-title a{
    color: var(--color-dark-1);
    text-decoration: none;  
    transition: all 0.27s var(--ease-default);
}
.post-prev-title a:hover{
    opacity: .65;
}
.post-prev-info{
    margin-top: auto;
}
.post-prev-info,
.post-prev-info a{
    font-size: 15px;
    text-decoration: none;
    color: var(--color-gray-1);    
    transition: all 0.27s var(--ease-default);
}
.post-prev-info a:hover{
    text-decoration: underline;
}
.post-prev-info .icon-author{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    background: var(--color-gray-light-1);
    border-radius: 50%;
}
.post-prev-info .icon-author:hover{
    text-decoration: none;
}
.post-prev-author-img{
    margin-top: -2px;
    margin-right: 5px;
    border-radius: 50%;
}
.post-prev-text{
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    color: var(--color-gray-1);
}
.post-prev-title{
    padding-top: 40px;
}
.post-prev-title,
.post-prev-text,
.post-prev-info{
    padding-left: 40px;
    padding-right: 40px;
}
.post-prev-container > *:last-child{
    padding-bottom: 40px;
}
.light-content .post-prev-container:before{
    border-color: rgba(255,255,255, .25);
}
.light-content .post-prev-title a{
    color: #fff;
}
.light-content .post-prev-info,
.light-content .post-prev-info a{
    color: var(--color-dark-mode-gray-1);
}
.light-content .post-prev-text{
    color: var(--color-dark-mode-gray-1);
}
.light-content .post-prev-info .icon-author{
    background: rgba(255,255,255, .2);
}


/* ==============================
   Post previews 1
   ============================== */

.post-prev-1-img{
    margin-bottom: 20px;
    overflow: hidden;
}
.post-prev-1-img img{
    width: 100%;
    transform: translateZ(0.1px);
    transition: all .5s var(--ease-out-short);
}
.post-prev-1-img:hover img{
    transform: scale(1.05) translateZ(0.1px);
}
.post-prev-1-info{
    margin-bottom: 18px;
    font-size: 12px;
    font-family: var(--font-alt);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.post-prev-1-infro-item{
    display: inline-block;
    margin-right: 2px;
    padding: 4px 10px 2px;
    text-decoration: none;
    border: 1px solid currentColor;
    border-radius: 20px;
    transition: var(--transition-default);
}
.post-prev-1-title{
    font-size: 24px;
    line-height: 1.333;
    letter-spacing: -0.01em;
}
.post-prev-1-title a{
    text-decoration: none;    
    background-image: linear-gradient(currentColor, currentColor);
    background-size: 0 1px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size .5s var(--ease-out-medium);
    will-change: background-size;
}
.post-prev-1-title a:hover{
    color: unset;
    background-size: 100% 1px;
}
.post-prev-1-title.large{
    font-size: 30px;
}
.light-content .post-prev-1-title a{
    color: #fff;
}


/* ==============================
   Post previews 2
   ============================== */

.post-prev-2-img{
    margin-bottom: 22px;
    overflow: hidden;
    border-radius: var(--border-radius-default);
    isolation: isolate;
    transform: translateZ(0);
}
.post-prev-2-img img{
    width: 100%;
    transform: translateZ(0.1px);
    transition: all .5s var(--ease-out-short);
}
.post-prev-2-img:hover img{
    transform: scale(1.05) translateZ(0.1px);
}
.post-prev-2-info{
    margin-bottom: 18px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.466;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.post-prev-2-title{
    font-size: 32px;
    font-weight: 400;
    line-height: 1.3125;
    letter-spacing: -0.03em;
}
.post-prev-2-title a{
    text-decoration: none;    
    background-image: linear-gradient(currentColor, currentColor);
    background-size: 0 1px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size .5s var(--ease-out-medium);
    will-change: background-size;
}
.post-prev-2-title a:hover{
    color: unset;
    background-size: 100% 1px;
}
.post-prev-2-text{
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 1.6;
}
.post-prev-2-tags{
    margin-top: -5px;
}
.post-prev-2-tag{
   display: inline-block;
   align-items: center;
   margin-top: 5px;
   padding: 2px 10px;
   font-size: 14px;
   font-weight: 500;
   border: 1px solid currentColor;
   border-radius: 100px;
}
.light-content .post-prev-2-title a{
    color: #fff;
}


/* ==============================
   Post previews 3
   ============================== */

.post-prev-3{
   display: flex;
   align-items: stretch;
}
.post-prev-3-container{
    position: relative;
    display: flex;
    width: 100%;    
    overflow: hidden;
    transition: var(--transition-default); 
    border-radius: var(--border-radius-default);
    box-shadow: var(--box-shadow-block);
    isolation: isolate;
    transform: translateZ(0);
    transition: var(--transition-default);
}
.post-prev-3-container > *{
    position: relative;
}

.post-prev-3-img{
    flex-shrink: 0;
    position: relative;
    min-width: 39.6825%;    
    overflow: hidden;
}
.post-prev-3-img a{
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 100%;
    transition: all 0.2s var(--ease-default);
}
.post-prev-3-img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translateZ(0.01px) rotate(0.003deg);
    transition: all .5s var(--ease-out-short);
}
.post-prev-3-intro{
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 35px 40px;
}
.post-prev-3-title{
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.476;
}
.post-prev-3-title a{
    color: var(--color-dark-1);
    text-decoration: none;  
    transition: all 0.27s var(--ease-default);
}
.post-prev-3-title a:hover{
    opacity: .65;
}
.post-prev-3-info{
    margin-top: auto;
}
.post-prev-3-info,
.post-prev-3-info a{
    font-size: 14px;
    text-decoration: none;
    color: var(--color-dark-1);    
    transition: all 0.27s var(--ease-default);
}
.post-prev-3-info a:hover{
    text-decoration: underline;
}
.post-prev-3-author-img{
    position: relative;
    top: -0.1em;
    margin-right: 2px;
    border-radius: 50%;
}
.post-prev-3-text{
    margin-bottom: 35px;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-gray-1);
}
.light-content .post-prev-3-container{
    background: var(--color-dark-3);
    border: 1px solid var(--color-dark-mode-gray-2);
}
.light-content .post-prev-3-title a{
    color: #fff;
}
.light-content .post-prev-3-info,
.light-content .post-prev-3-info a{
    color: var(--color-dark-mode-gray-1);    
}
.light-content .post-prev-3-text{
    color: var(--color-dark-mode-gray-1);
}
.post-prev-3.gradient .post-prev-3-container{
    box-shadow: none;
}
.post-prev-3.gradient .post-prev-3-container:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    border-radius: var(--border-radius-default);
	background:	linear-gradient(to right, white, white), var(--gradient-primary-1-b); 
	-webkit-background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
    opacity: .3;
    transition: all .27s var(--ease-default);
}
.post-prev-3.gradient .post-prev-3-container:hover{
    box-shadow: none;   
}
.post-prev-3.gradient .post-prev-3-container:hover:before{
    opacity: .57; 
}
.post-prev-3.gradient .post-prev-3-title a:hover{
    opacity: .85;
}
.light-content .post-prev-3.gradient .post-prev-3-container{
    background: none;
    border: none;
}
.light-content .post-prev-3.gradient .post-prev-3-container:before{
	background:	linear-gradient(to right, var(--color-dark-1), var(--color-dark-1)), var(--gradient-primary-1-b); 
	-webkit-background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
    opacity: .5;
}
.light-content .post-prev-3.gradient .post-prev-3-container:hover:before{
    opacity: .75; 
}


/* ==============================
   Newsletter
   ============================== */

.newsletter-label-icon{
    margin-right: 30px;
    font-size: 96px;
    line-height: 1;   
}
.newsletter-label-icon svg{
    width: 1em;
    height: 1em;    
}
.newsletter-label-text{
    max-width: 370px;
    margin-top: 30px;
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.196;
    letter-spacing: -0.03em;
}
.form input.newsletter-field,
.form .newsletter-field-wrap{
    margin-right: 10px;
    flex-grow: 1.5;    
}
.form input.newsletter-field::placeholder{
    color: var(--color-gray-1);
}
.form input.newsletter-field:focus{
    color: var(--color-dark-1);
}
.form input.newsletter-field.error{
    border-color: #dc3545 !important;
}
#subscribe-result{
    height: 0;
}

/*
 * Newsletter elegant
 */

.form.newsletter-elegant input.newsletter-field{
    max-width: unset;
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex-grow: unset;
    font-size: 34px !important;
    font-weight: 400 !important;
    background: transparent;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-width: 1px !important; 
}
.light-content .form.newsletter-elegant input.newsletter-field,
.light-content .form.newsletter-elegant input.newsletter-field::placeholder{
    color: #fff !important;
    border-color: #fff !important;    
}

/*
 * Newsletter strong
 */

.light-content .form.newsletter-strong input.newsletter-field,
.light-content .form.newsletter-strong input.newsletter-field:hover{
    background-color: rgba(255,255,255,.275) !important;    
    border: none;  
}
.light-content .form.newsletter-strong input.newsletter-field::placeholder,
.light-content .form.newsletter-strong input.newsletter-field:hover::placeholder{
    color: #fff;
}

/*
 * Newsletter modern
 */

.form.newsletter-modern input.newsletter-field,
.form.newsletter-modern input.newsletter-field:hover,
.form.newsletter-modern input.newsletter-field::placeholder,
.form.newsletter-modern input.newsletter-field:hover::placeholder{
    max-width: unset;
    width: 100%;
    height: 55px;
    padding: 20px 0;
    font-family: var(--font-alt);
    font-size: 40px;
    color: var(--color-dark-1);
    text-transform: uppercase;
    letter-spacing: 0.02em;    
    border-top: none;
    border-left: none;
    border-right: none;
    border-color: var(--color-dark-1);    
}
.form.newsletter-modern input.newsletter-field:focus{
    box-shadow: none;
}
.form.newsletter-modern input.newsletter-field.error{
    border-color: #dc3545 !important;
}
.light-content .form.newsletter-modern input.newsletter-field,
.light-content .form.newsletter-modern input.newsletter-field:hover,
.light-content .form.newsletter-modern input.newsletter-field::placeholder,
.light-content .form.newsletter-modern input.newsletter-field:hover::placeholder{
    color: #fff;
    border-color: #fff;    
}


/* ==============================
   Contact 
   ============================== */

.contact-item{
    position: relative;
    padding: 0 0 0 74px;
    color: var(--color-dark-1);
}
.contact-item a{    
    color: currentColor;
    text-decoration: none;
    transition: var(--transition-default);  
}
.contact-item a:hover{
    color: var(--color-dark-1);
    text-decoration: none;
}

.ci-icon{
    position: absolute;
    top: 4px;
    left: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;    
    font-size: 24px;
    color: #fff;
    text-align: center;
}
.ci-icon:before{
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--color-dark-1);
    border-radius: 50%;    
}
.ci-icon svg,
.ci-icon img,
.ci-icon i{
    position: relative;
    vertical-align: middle;
}
.ci-icon.ci-icon-grad:before{
    background: var(--gradient-primary-1-b);
    opacity: .15; 
}
.ci-icon.ci-icon-grad i:before{
    background: var(--gradient-primary-1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ci-title{
    margin-bottom: 7px;
    color: var(--color-dark-1);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
}
.ci-text{
    font-size: 18px;
    line-height: 1.625;
    color: var(--color-gray-1);
}
.ci-text.large{
    font-size: 21px;
    line-height: 1.467;
}
.ci-link{
    margin-top: 11px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.ci-link a{
    position: relative;
    text-decoration: none;
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
}
.ci-link a:after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: transform .25s ease-out;
    transition: transform .25s ease-out;
    opacity: .9;
}
.ci-link a:hover{
    text-decoration: none;
    opacity: .9;
}
.ci-link a:hover:after{
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
.light-content .ci-icon{
    color: #fff !important;
}
.light-content .ci-icon:before{
    background-color: #fff;
    opacity: .15;  
}
.light-content .ci-title{
    color: #fff;
}
.light-content .ci-text{
    color: var(--color-dark-mode-gray-1);
}
.light-content .ci-link a{
    color: #fff;
}
.light-content .ci-link a:after{
    background-color: #fff;
}


/* ==============================
   Contact 1
   ============================== */

.contact-1-left{
    width: 100%;
    border-radius: 50px 0 0 50px;
    background: var(--color-dark-1);
}
.contact-1-right{
    width: 100%;
    border-radius: 0 50px 50px 0;
    background: var(--color-gray-light-2);
}
.contact-1-line{
    background-color: #fff;
    opacity: .15;
}
.contact-1-title{
    margin-bottom: 12px;
    font-size: 15px;
    font-family: var(--font-alt);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.07em;
}
.contact-1-text{
    font-size: 30px;
    font-family: var(--font-alt);
    font-weight: 400;
    line-height: 1.28;
}
.contact-1-text a{
    color: unset;
    text-decoration: none;
    transition: opacity .27s var(--ease-default);
}
.contact-1-text{
    letter-spacing: 0;
}
.contact-1-text a:hover{
    opacity: .85;
}
.contact-1-link a{
    font-size: 16px;
    color: rgba(255,255,255, .85);    
    text-decoration: none;
    background-image: linear-gradient(rgba(255,255,255, .65), rgba(255,255,255, .65)), linear-gradient(#fff, #fff);
    background-size: 100% 1px, 0 1px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: all .27s var(--ease-out-medium);
}
.contact-1-link a:hover{
    color: #fff;
    background-size: 100% 1px, 100% 1px;
}

/* ==============================
   Contact 2
   ============================== */

.contact-2{
    position: relative;
}
.contact-2:before,
.contact-2:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1px;
    height: 100%;
    background: var(--color-dark-1);
    opacity: .17;
}
.contact-2:after{
    left: unset;
    right: 0;
}
.contact-2-item{
    display: flex;
    position: relative;
}
.contact-2-item:before{
    content: "";
    position: absolute;
    top: 0;
    left: 1px;
    display: block;
    width: 100%;
    width: calc(100% - 2px);
    height: 1px;
    background: var(--color-dark-1);
    opacity: .17;
}
.contact-2-item:last-child:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 1px;
    display: block;
    width: 100%;
    width: 100%;
    width: calc(100% - 2px);
    height: 1px;
    background: var(--color-dark-1);
    opacity: .17;
}
.contact-2-icon{
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 70px;
    font-size: 24px;
}
.contact-2-icon:before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 1px;
    height: 100%;
    background: var(--color-dark-1);
    opacity: .17;
}
.contact-2-icon svg{
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}
.contat-2-intro{
    padding: 30px;
}
.contact-2-title{
    margin-bottom: 5px;
    font-size: 30px;
    font-weight: 400;
}
.contact-2-text{
    font-size: 18px;
    line-height: 1.44;
}
.contact-2-text a{
    text-decoration: none;    
    background-image: linear-gradient(var(--color-dark-1), var(--color-dark-1));
    background-size: 0 1px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size .5s var(--ease-out-medium);
    will-change: background-size;
}
.contact-2-text a:hover{
    color: unset;
    background-size: 100% 1px;
}
.light-content .contact-2:before,
.light-content .contact-2:after,
.light-content .contact-2-item:before,
.light-content .contact-2-item:last-child:after,
.light-content .contact-2-icon:before{
    background: #fff;
    opacity: .25;
}


/* ==============================
   Google maps 
   ============================== */

.google-map{
    position: relative;
	background: var(--color-dark-1);
}
.google-map > iframe{
    display: block;
    width:100%;
    height: 485px;
    position: relative;
	background-color: var(--color-dark-1) !important;
    z-index: 1;
}
.map-section{
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 !important;
    background: rgba(245,245,245, .93);
    z-index: 2;
    cursor: pointer; 
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.map-section:hover{
    background: rgba(245,245,245, .8);
}
.map-toggle{
    width: 200px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -100px;
    color: #fff;
    text-align: center;
}
.mt-icon{
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 6px auto 9px;
    position: relative;
    color: #fff;
    font-size: 24px; 
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.mt-icon:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--color-dark-1);
    border-radius: 50%;    
}
.mt-icon i,
.mt-icon span{
    position: relative;
}
.mt-text{
    margin-left: 12px;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-dark-1);
    opacity: .8;
}
.mt-close{
    display: none;
}
.mt-open-icon{
    display: inline-block;
    width: 9px; 
    height: 5px;
    position: relative;
    top: -0.1em;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd"  fill="rgb(17, 17, 17)" d="M8.886,0.630 L8.336,0.115 C8.263,0.047 8.178,0.013 8.083,0.013 C7.987,0.013 7.903,0.047 7.830,0.115 L4.506,3.154 L1.183,0.115 C1.109,0.047 1.025,0.013 0.930,0.013 C0.834,0.013 0.750,0.047 0.677,0.115 L0.127,0.630 C0.053,0.697 0.017,0.776 0.017,0.866 C0.017,0.954 0.053,1.034 0.127,1.102 L4.253,4.890 C4.327,4.958 4.411,4.993 4.506,4.993 C4.602,4.993 4.686,4.958 4.759,4.890 L8.886,1.102 C8.959,1.034 8.996,0.954 8.996,0.866 C8.996,0.776 8.959,0.697 8.886,0.630 L8.886,0.630 Z"/></svg>');
}
.mt-close-icon{
    display: inline-block;
    width: 9px; 
    height: 5px;
    position: relative;
    top: -0.1em;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd"  fill="rgb(17, 17, 17)" d="M8.886,0.630 L8.336,0.115 C8.263,0.047 8.178,0.013 8.083,0.013 C7.987,0.013 7.903,0.047 7.830,0.115 L4.506,3.154 L1.183,0.115 C1.109,0.047 1.025,0.013 0.930,0.013 C0.834,0.013 0.750,0.047 0.677,0.115 L0.127,0.630 C0.053,0.697 0.017,0.776 0.017,0.866 C0.017,0.954 0.053,1.034 0.127,1.102 L4.253,4.890 C4.327,4.958 4.411,4.993 4.506,4.993 C4.602,4.993 4.686,4.958 4.759,4.890 L8.886,1.102 C8.959,1.034 8.996,0.954 8.996,0.866 C8.996,0.776 8.959,0.697 8.886,0.630 L8.886,0.630 Z"/></svg>');
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* Map opened */

.map-section.js-active{
    height: 25px;
    background: rgba(245,245,245, .85);
}
.map-section.js-active .mt-text{
    font-size: 16px;
}
.map-section.js-active:hover{
    background: rgba(245,245,245, .95);
}
.map-section.js-active .mt-icon{
    opacity: 0;
}
.map-section.js-active .mt-text{
    position: relative;
    top: -33px;
}

/* Dark style */

.light-content .map-section{
    background: rgba(17,17,17, .92);
}
.light-content .map-section:hover{
    background: rgba(17,17,17, .88);
}
.light-content .map-toggle{
    color: var(--color-dark-1);
}
.light-content .mt-icon{
    color: var(--color-dark-1);
}
.light-content .mt-icon:before{
    background: #fff;    
}
.light-content .mt-text{
    color: #fff;
}
.light-content .mt-open-icon{
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd"  fill="rgb(255, 255, 255)" d="M8.886,0.630 L8.336,0.115 C8.263,0.047 8.178,0.013 8.083,0.013 C7.987,0.013 7.903,0.047 7.830,0.115 L4.506,3.154 L1.183,0.115 C1.109,0.047 1.025,0.013 0.930,0.013 C0.834,0.013 0.750,0.047 0.677,0.115 L0.127,0.630 C0.053,0.697 0.017,0.776 0.017,0.866 C0.017,0.954 0.053,1.034 0.127,1.102 L4.253,4.890 C4.327,4.958 4.411,4.993 4.506,4.993 C4.602,4.993 4.686,4.958 4.759,4.890 L8.886,1.102 C8.959,1.034 8.996,0.954 8.996,0.866 C8.996,0.776 8.959,0.697 8.886,0.630 L8.886,0.630 Z"/></svg>');
}
.light-content .mt-close-icon{
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd"  fill="rgb(255, 255, 255)" d="M8.886,0.630 L8.336,0.115 C8.263,0.047 8.178,0.013 8.083,0.013 C7.987,0.013 7.903,0.047 7.830,0.115 L4.506,3.154 L1.183,0.115 C1.109,0.047 1.025,0.013 0.930,0.013 C0.834,0.013 0.750,0.047 0.677,0.115 L0.127,0.630 C0.053,0.697 0.017,0.776 0.017,0.866 C0.017,0.954 0.053,1.034 0.127,1.102 L4.253,4.890 C4.327,4.958 4.411,4.993 4.506,4.993 C4.602,4.993 4.686,4.958 4.759,4.890 L8.886,1.102 C8.959,1.034 8.996,0.954 8.996,0.866 C8.996,0.776 8.959,0.697 8.886,0.630 L8.886,0.630 Z"/></svg>');
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.map-boxed{
    display: flex;
    align-items: stretch;
    width: 100%;
}
.map-boxed iframe{
    width: 100%;
    height: auto;
    min-height: 360px;
}
.map-boxed-1{
    position: relative;
    width: 100%;
    padding: 5px 0 5px 5px;
    border-top-left-radius: var(--border-radius-default);
    border-bottom-left-radius: var(--border-radius-default);
    box-shadow: var(--box-shadow-block);
}
.map-boxed-1 iframe{
    width: 100%;
    height: 100%;
    border-top-left-radius: calc(var(--border-radius-default) - 5px);
    border-bottom-left-radius: calc(var(--border-radius-default) - 5px);
}
.map-boxed-1 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: calc(var(--border-radius-default) - 5px);
    border-bottom-left-radius: calc(var(--border-radius-default) - 5px);
}
.light-content .map-boxed-1{
    background: var(--color-dark-3);
    border: 1px solid var(--color-dark-mode-gray-2);
}

/* ==============================
   Footer
   ============================== */

.footer{
     font-size: 16px;
}
.footer a{
    transition: all 0.17s var(--ease-default);
}
.footer:not(.light-content) a:hover{
    text-decoration: none;
    color: var(--color-dark-3a) !important;
}
.footer-text a{
    text-decoration: none;
}
footer:not(.light-content) .text-gray a{
    color: var(--color-gray-1);
    transition: all 0.17s var(--ease-default);
}
footer:not(.light-content) .text-gray a:hover{
    color: var(--color-dark-1);
}
.light-content .footer-text{
    color: var(--color-gray-light-3);
}
.footer.light-content a:hover{
    color: #fff !important;
    text-decoration: none;    
}
.footer-made{
    font-size: 14px;
    opacity: .5;
}
.footer-social-links{
    font-size: 16px;
}
.footer-social-links a{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;    
    margin: 3px 10px;
    overflow: hidden; 
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    transition: all .27s var(--ease-out-medium);
}
.footer-social-links a:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    opacity: 0;
    transform: scale(.3);
    transition: all .27s var(--ease-out-medium);
}
.footer-social-links a svg{
    position: relative;
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}
.footer-social-links a i{
    position: relative;
}
.footer-social-links a:hover,
.footer.light-content .footer-social-links a:hover,
.light-content .footer-social-links a:hover{
    color: var(--color-dark-1) !important;
}
.footer-social-links a:hover:before{
    opacity: 1;
    transform: none;
}

.fw-title{
    margin-bottom: 16px;
    font-size: 18px;
    letter-spacing: -0.02em;
}
.fw-menu li:not(:last-child){
    margin-bottom: 3px;
}
.fw-menu li a{
    text-decoration: none;
    color: var(--color-gray-1);
}
.fw-menu svg{
    position: relative;
    top: -0.05em;
    width: 1em;
    height: 1em;
    fill: currentColor;
}
.light-content .fw-menu li a{
    text-decoration: none;
    color: rgba(255,255,255, 0.7);
}

.fw-menu-large{
    font-size: 28px;
    line-height: 1.3;
}
.fw-menu-large li:not(:last-child){
    margin-bottom: 10px;
}
.fw-menu-large li a{
    text-decoration: none;
    color: var(--color-dark-1);
    background-image: linear-gradient(currentColor, currentColor);
    background-size: 0 1px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size .5s var(--ease-out-medium);
    will-change: background-size;
}
.fw-menu-large li a:hover{
    text-decoration: none;
    color: var(--color-dark-1);
    background-size: 100% 1px;
}
.fw-menu-large svg{
    position: relative;
    top: -0.05em;
    width: 1em;
    height: 1em;
    fill: currentColor;
}
.light-content .fw-menu-large li a,
.light-content .fw-menu-large li a:hover{
    color: #fff;
}

/* Link to top */
a.link-to-top,
footer .text-gray a.link-to-top{
    position: relative;
    display: flex;
	justify-content: center;
	align-items: center;    
    width: 48px;
    height: 48px;
    color: var(--color-dark-1);
    font-size: 24px;   
    text-decoration: none;
    transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);    
}
.link-to-top:before{
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background: #fff;
    box-shadow: var(--box-shadow); 
    z-index: 1;
    transition: all 0.4s var(--ease-elastic-2);
}
.link-to-top svg{
    position: relative;
    width: 1em;
    height: 1em;
    z-index: 1;
}
.link-to-top i,
.link-to-top span{
    position: relative;
    transform: rotate(0.001deg) translateZ(0);
    z-index: 1;
}
.link-to-top:hover{
    text-decoration: none;
}
.link-to-top:hover:before{
    transform: scale(1.25);
}
.light-content a.link-to-top,
.light-content a.link-to-top:hover{
    color: var(--color-dark-1) !important;   
}

a.link-to-top.gradient,
a.link-to-top.gradient:hover{
    color: #fff !important;
}
a.link-to-top.gradient:before{
    background: var(--gradient-primary-1-b);
    box-shadow: none;  
}

a.link-to-top.color-light,
a.link-to-top.color-light:hover{
    color: var(--color-primary-1) !important;
}
a.link-to-top.color-light:before{
    background: var(--color-primary-light-1);
    box-shadow: none;  
}

a.link-to-top.color,
a.link-to-top.color:hover{
    color: #fff !important;
}
a.link-to-top.color:before{
    background: var(--color-primary-1);
    box-shadow: none;  
}

/* Link to top 2 */
.link-to-top-2-wrap{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.link-to-top-2{
    position: relative; 
    display: block;
    width: 120px;
    margin: 0 auto;
    color: var(--color-dark-1);   
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.1em;
    transition: letter-spacing .27s var(--ease-out-medium);
}
.link-to-top-2:hover{    
    color: unset;
    text-decoration: none;
    letter-spacing: 0.2em;
}
.link-to-top-2:before{
    content: "";
    display: block;
    width: 1px;
    height: 106px;
    margin: -53px auto 6px;
    background: rgba(193,193, 193, .9);
}


/* ==============================
   Footer 1
   ============================== */

.footer-1{
    font-size: 15px;
    text-transform: uppercase;
}
.footer-1 .small{
    font-size: 13px;
}
.fw-social-inline-item{
    display: inline-block;
}
.fw-social-inline a{
    position: relative;
    display: inline-block;
    margin: 5px 15px 10px;
    text-transform: uppercase;
    letter-spacing: 0.075em;
}
.fw-social-inline .link-hover-anim{
    padding: 0;
}
.fw-social-inline .link-strong{
    padding: 0;
    transition: all 0.35s var(--ease-out-short);
}
.fw-social-inline .link-strong-hovered{
    top: 0;
    transform: translateY(150%) translateZ(0.001px);
}
.fw-social-inline .link-hover-anim:hover .link-strong-unhovered{
    transform: translateY(-150%) translateZ(0.001px);
}
.fw-social-inline .link-strong:before{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--color-dark-1);
    opacity: .5;
    transform-origin: left center;
    transition: all .27s var(--ease-out-medium);
}
.light-content .fw-social-inline a{
    color: #fff;
}
.light-content .fw-social-inline .link-strong:before{
    background: #fff;
}
.footer-text{
    text-transform: none;
}
.footer-text a{
    text-decoration: underline;
}
.fw-top-link{
    text-decoration: none;
}
.light-content  .fw-top-link{
    color: #fff;
    text-decoration: none;
}
.light-content .fw-top-link .icon{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: -8px;
    width: 35px;
    height: 35px;
    vertical-align: middle;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: all .4s var(--ease-out-medium);
}
.light-content .fw-top-link .icon:before{
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    opacity: 0;
    transform: scale(.25);
    transition: all .4s var(--ease-elastic-1);
}
.light-content .fw-top-link .icon svg,
.light-content .fw-top-link .icon img,
.light-content .fw-top-link .icon i{
    position: relative;
}
.fw-top-link-underline{
    position: relative;
}
.fw-top-link-underline:before{
    content:"";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    opacity: .5;
    transform: scaleX(0);
    transform-origin: left center;
    transition: all .4s var(--ease-out-medium);
}
.fw-top-link:hover .fw-top-link-underline:before{
    transform: scaleX(1);
}
.light-content .fw-top-link:hover .icon{
    border-color: transparent;
}
.light-content .fw-top-link:hover .icon{
    color: var(--color-dark-1);
}
.light-content .fw-top-link:hover .icon:before{
    opacity: 1;
    transform: scale(1.1);
}


/* ==============================
   Footer 2
   ============================== */

.footer-2{
    font-size: 18px;
}
.footer-2-social-links{
    font-size: 16px;
}
.footer-2-social-links a{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;   
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    border: 1px solid currentColor;
    border-radius: 50%;
    transition: all .27s var(--ease-out-medium);
}
.footer-2-social-links a:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--color-dark-1);
    border-radius: 50%;
    opacity: 0;
    transform: scale(.5);
    transition: all .27s var(--ease-out-medium);
    will-change: transform, opacity;
}
.footer-2-social-links a svg{
    position: relative;
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}
.footer-2-social-links a i{
    position: relative;
}
.footer-2-social-links a:hover{
    border-color: transparent;
    color: #fff !important;
}
.footer-2-social-links a:hover:before{
    opacity: 1;
    transform: none;
}
.light-content .footer-2-social-links a{
    color: #fff;
}
.footer-2.light-content .footer-2-social-links a:hover,
.light-content .footer-2-social-links a:hover{
    color: var(--color-dark-1) !important;
}
.light-content .footer-2-social-links a:before{
    background: #fff;
}


/* ==============================
   Blog
   ============================== */

.blog-item{
    position: relative;
    margin-bottom: 80px; 
}
.blog-item .lead,
.blog-item blockquote p{
    font-size: 130%;
}
.blog-item .lead{
    margin-bottom: 1.2em;
}
.blog-item blockquote{
    margin-bottom: 1.75em;
}
.blog-media{
    margin-bottom: 30px;
}
.blog-media img,
.blog-media .video,
.blog-media iframe{
    width: 100%;
}
.blog-item-title{
    margin: 0 0 .35em 0;
    padding: 0;
    line-height: 1.2;
}
.blog-item-title a{
    color: var(--color-dark-1);
    text-decoration: none;
}
.blog-item-title a:hover{
    color: var(--color-gray-1);
    text-decoration: none;
}
.blog-item-data{
    margin-bottom: 30px;
    font-size: 15px;
    color: var(--color-gray-1);
}
.blog-item-data a{
    color: var(--color-gray-1);
    text-decoration: none;
    white-space: nowrap;
    -webkit-transition: var(--transition-default);
    transition: var(--transition-default);
}
.blog-item-data a:hover{
    color: var(--color-dark-1);
    text-decoration: none;
}
.blog-item-data i{
    position: relative;
    top: -2px;
    vertical-align: middle;
}
.blog-item-body{
    margin-bottom: 37px;
    font-size: 20px;
}
.blog-item-body h1,
.blog-item-body h2,
.blog-item-body h3,
.blog-item-body h4,
.blog-item-body h5,
.blog-item-body h6{
    margin: 1.3em 0 0.5em 0;
    line-height: 1.3;
}
.blog-item-body blockquote p:before{
    content: '“';
    position: absolute;
    top: -0.23em;
    left: -0.5em;
    font-family: Georgia, "Times New Roman", Serif;
    font-size: 2.38em;
    opacity: .25;
}
.blog-item-more{
    border: 1px solid var(--color-gray-light-5);
    padding: 7px 15px 8px 15px;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-gray-1);
    border-radius: var(--border-radius-default);
    transition: var(--transition-default);
}
.blog-item-more:hover{
    text-decoration: none;
    border-color: var(--color-dark-1);
}
.blog-item-more i{
    position: relative;
    top: -2px;
    vertical-align: middle;
}
a.blog-item-more{
    color: var(--color-gray-1);
    text-decoration: none;
}
a.blog-item-more:hover{
    color: var(--color-dark-1);
}
.blog-item-q{
    margin: 1em 0;
    padding: 0;
    letter-spacing: -0.02em;
    background: none;        
}
.blog-item-q p{
    position: relative;
    background: var(--color-gray-light-1);
    padding: 17px 20px;
    font-size: 26px;
    font-style: normal;
    line-height: 1.6;
    border-radius: var(--border-radius-default);
}
.blog-item-q p a{
    color: var(--color-dark-1);
    text-decoration: none;
    transition: var(--transition-default);
}
.blog-item-q:hover a,
.blog-item-q p a:hover{    
    color: var(--color-gray-1);
    text-decoration: none;
}
.blog-item-q p:before,
.blog-item-q p:after{
    font-family: var(--font-serif);
    transition: var(--transition-default);
}
.blog-item-q p:before{
    content: '“';
    position: absolute;
    top: 10px;
    left: 10px;
}
.blog-item-q p:after{
    content: '”';
}
.blog-item-q p:hover:before,
.blog-item-q p:hover:after{
    color: #777;
}
.blog-page-title{
    margin-bottom: 30px;
    letter-spacing: -0.02em;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-gray-light-5);
}

.light-content .blog-item-title a{
    color: #fff;
}
.light-content .blog-item-title a:hover{
    color: var(--color-gray-light-6);
}
.light-content .blog-item-data{
    color: rgba(255,255,255, .8);
}
.light-content .blog-item-data a{
    color: rgba(255,255,255, .8);
}
.light-content .blog-item-data a:hover{
    color: #fff;
}
.light-content .blog-page-title{
    border-color: rgba(255,255,255, .35);
}
.light-content .blog-item-more{
    border-color: var(--color-dark-4);
    color: var(--color-gray-light-5);
}
.light-content .blog-item-more:hover{
    border-color: var(--color-gray-light-5);
}
.light-content a.blog-item-more{
    color: var(--color-gray-light-5);
}
.light-content a.blog-item-more:hover{
    color: #fff;
}
.light-content .blog-item-q p{
    background-color: var(--color-dark-3);
}
.light-content .blog-item-q p a{
    color: var(--color-gray-light-6);
}
.light-content .blog-item-q:hover a,
.light-content .blog-item-q p a:hover{
    color: #fff;
}
.light-content .blog-item-q p:before,
.light-content .blog-item-q p:after{
    color: var(--color-gray-light-6);
}
.light-content .blog-item-q p:hover:before,
.light-content .blog-item-q p:hover:after{
    color: #fff;
}


/*
 * Pagination
 */

.pagination{
    font-size: 13px;
}
.pagination a,
.pagination span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    margin-right: 5px;
    padding: 9px 16px;
    border: 1px solid var(--color-gray-light-5);
    color: var(--color-gray-1);
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    border-radius: var(--border-radius-default);
    transition: var(--transition-default);
}
.pagination a:hover{
    text-decoration: none;
    border-color: var(--color-dark-1);
    color: var(--color-dark-1);
}
.pagination a.active,
.pagination a.active:hover{
    border-color: var(--color-dark-1);
    color: var(--color-dark-1);
    cursor: default;
}
.pagination span.no-active,
.pagination span.no-active:hover{
    border-color: var(--color-gray-light-5);
    color: var(--color-gray-1);
    cursor: default;
}

.light-content .pagination a{
    border-color: rgba(255,255,255, .35);
    color: var(--color-dark-mode-gray-1);
}
.light-content .pagination a:hover{
    border-color: var(--color-dark-mode-gray-1);
    color: #fff;
}
.light-content .pagination a.active,
.light-content .pagination a.active:hover{
    border-color: var(--color-dark-mode-gray-1);
    color: #fff;
}
.light-content .pagination span.no-active,
.light-content .pagination span.no-active:hover{
    border-color: rgba(255,255,255, .15);
    color: rgba(255,255,255, .37);
}


/*
 * Comments
 */

.comment-item{
    padding-top: 30px !important;
    border-top: 1px dotted var(--color-gray-light-5);
    color: var(--color-dark-4);
    font-size: 17px;
    overflow: hidden;
}
.comment-item:first-child{
    padding-top: 0 !important;
    border-top: none;
}
.comment-list > .comment-item:last-child p:last-child{
    margin-bottom: 0;
}
.media-body{
    overflow: hidden;
}
.comment-avatar{
    width: 50px;
    margin-right: 15px;
    border-radius: 50%;
}
.comment-item-data{
    margin: 0 0 5px;
    font-size: 15px;
}
.comment-item-data a{
    color: var(--color-gray-1);
    text-decoration: none;
    -webkit-transition: var(--transition-default);
    transition: var(--transition-default);
}
.comment-item-data a:hover{
    color: var(--color-dark-1);
    text-decoration: none;
}
.comment-author{
    display: inline-block;
    margin-right: 10px;
    font-weight: 500; 
}
.comment-author a{
    color: var(--color-gray-1);
}

.light-content .comment-item{
    border-color: var(--color-dark-4);
    color: var(--color-gray-light-5);
}
.light-content .comment-item-data a{
    color: var(--color-gray-light-5);
}
.light-content .comment-item-data a:hover{
    color: #fff;
}
.light-content .comment-author a{
    color: var(--color-gray-light-6);
}


/*
 * Sidebar
 */

.widget:not(:last-child){
    margin-bottom: 60px;
}

.widget .img-left{
    margin: 0 10px 10px 0;
}
.widget .img-right{
    margin: 0 0 10px 10px;
}
.widget-title{
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.02em;
    border-bottom: 1px solid var(--color-gray-light-5); 
}
.widget-body{
    font-size: 16px;
    color: var(--color-gray-1);
}
.widget-text{
    line-height: 1.7;
}

.light-content .widget-title{
    border-color: rgba(255,255,255, .35);
}
.light-content .widget-body{
    color: var(--color-dark-mode-gray-1);
}


/* Search widget */
.search-wrap{
    position: relative;
}
.search-field{
    padding-right: 30px !important;
}
.search-button{
    width: 42px;
    height: 50px;
    margin-top: -23px;
    position: absolute;
    top: 50%;
    right: 1px;    
    overflow: hidden;
    background: transparent;
    border: none;
    outline: none;
    color: var(--color-gray-3);
    font-size: 14px;
}
.search-button:hover{
    color: var(--color-dark-1);
}
.light-content .search-button{
    color: rgba(255,255,255, .65);
}
.light-content .search-button:hover{
    color: #fff;
}


/* Widget menu */
.widget-menu{
    font-size: 18px;
}
.widget-menu li{
    padding: 5px 0;
    
}
.widget-menu li a{
    color: var(--color-dark-4);
    text-decoration: none;
    padding-bottom: 2px;
    text-decoration: none;
    border-bottom: 1px solid transparent;    
    -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.widget-menu li a:hover,
.widget-menu li a.active{
    color: var(--color-gray-3);
}
.widget-menu li small{
    font-size: 12px;
    color: var(--color-gray-3); 
}

.light-content .widget-menu li a{
    color: var(--color-gray-light-5);
}
.light-content .widget-menu li a:hover,
.light-content .widget-menu li a.active{
    color: #fff;
}
.light-content .widget-menu li small{
    font-size: 12px;
    color: var(--color-gray-light-6); 
}

/* Widget tags */
.tags a{
    display: inline-block;
    margin: 0 2px 8px 0;
    padding: 5px 7px;
    border: 1px solid var(--color-gray-light-5);
    color: var(--color-dark-4);
    font-size: 15px;
    text-decoration: none;
    border-radius: var(--border-radius-default);
    -webkit-transition: var(--transition-default);
    transition: var(--transition-default);
}
.tags a:hover{
    text-decoration: none;
    border-color: var(--color-dark-3a);
    color: var(--color-dark-1);
}

.light-content .tags a{
    border-color: var(--color-dark-mode-gray-1);
    color: var(--color-dark-mode-gray-1);
}
.light-content .tags a:hover{
    border-color: #fff;
    color: #fff;
}

/* Comments */
.widget-comments{
    color: var(--color-gray-2);
}
.widget-comments li{
    padding: 12px 0;
    border-bottom: 1px dotted #ddd;
}
.widget-comments li:last-child{
    border-bottom: none;
}
.widget-comments li a{
    color: var(--color-dark-4);
    text-decoration: none;
    -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.widget-comments li a:hover{
    color: var(--color-gray-3);
}

.light-content .widget-comments{
    color: var(--color-gray-light-6);
}
.light-content .widget-comments li{
    border-bottom-color: var(--color-dark-mode-gray-2);
}
.light-content .widget-comments li a{
    color: var(--color-gray-light-5);
}
.light-content .widget-comments li a:hover{
    color: #fff;
}

/* Posts */
.widget-posts{
    color: var(--color-gray-2);
}
.widget-posts li{
    padding: 12px 0;
    font-size: 14px;
    line-height: 1.4;
    border-bottom: 1px dotted var(--color-gray-light-5);
}
.widget-posts li:last-child{
    padding-bottom: 0;
    border: none;
}
.widget-posts li a{
    display: block;
    color: var(--color-dark-4);
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;    
    transition: all 0.17s var(--ease-default);
}
.widget-posts li a:hover{
    color: var(--color-gray-3);
}
.widget-posts-img{
    float: left;
    margin: 0 12px 0 0;
}
.widget-posts-descr{
    overflow: hidden;
}

.light-content .widget-posts{
    color: var(--color-gray-light-6);
}
.light-content .widget-posts li{
    border-color: #282828;
}
.light-content .widget-posts li a{
    color: var(--color-gray-light-5);
}
.light-content .widget-posts li a:hover{
    color: #fff;
}


/* ==============================
   Pricing
   ============================== */

.pricing-item{
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
    text-align: center;
}
.pricing-item-inner{
    display: flex;
    align-items: stretch;
    width: 100%;
    background: #fff;
    box-shadow: var(--box-shadow-block);
    transition: var(--transition-default);
}
.pricing-item-inner:hover{
    box-shadow: var(--box-shadow-block-strong);
    transform: translateY(-5px);
}
.pricing-wrap{
    position: relative;
    display: flex;
    flex-direction: column; 
    width: 100%;
    padding: 30px;
    text-align: center;
    overflow: hidden;
}
.pricing-icon{
    position: relative;
    margin-bottom: 17px;
    font-size: 72px;
    line-height: 1;
    z-index: 1;
}
.pricing-icon svg{
    width: 1em;
    height: 1em;
    fill: currentColor;
}
.pricing-title{
    position: relative;
    margin-bottom: 25px;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -0.02em;
    z-index: 1;
}
.pricing-features{
    max-width: 180px;
    margin: 0 auto 40px;    
    text-align: left;
    letter-spacing: 0;
}
.pr-list{
    margin: 0;
    padding: 0;
    color: var(--color-gray-1);
    font-size: 17px;
}
.pr-list li{
    margin-bottom: 12px;
    padding: 0;
    list-style: none;
}
.pr-list li:last-child{
    margin-bottom: 0;
}
.pricing-num{
    position: relative;
    display: inline-block;
    align-self: center;
    font-size: 60px;
    font-weight: 500;
    letter-spacing: -0.057em;
    line-height: 1;
}
.pricing-num sup{    
    position: absolute;
    top: 0.8em;
    left: -0.8em;
    font-size: 20px;
    font-weight: 400;
}
.pr-per{
    margin-bottom: 30px;
    color: var(--color-gray-1);
    font-size: 16px;
}
.light-content .pricing-item-inner{
    background: var(--color-dark-3);
    border: 1px solid var(--color-dark-mode-gray-2);
}
.light-content .pr-list{
    color: #fff;
}
.light-content .pr-per{
    color: var(--color-dak-mode-gray-1);
}

/* ==============================
   Shortcodes
   ============================== */

/*
 * Lightbox modal
 */

.mfp-inline-holder .mfp-content{
    max-width: 800px;
    margin: 0 auto;
    padding: 30px;
    background: #fff;
}

/*
 * Owl carousel
 */

.owl-buttons{
    position: static;
}
.owl-prev,
.owl-next{
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 27px;
    height: 57px;
    padding: 11px;
    box-sizing: content-box;
    font-size: 57px;
    text-align: center;
    color: var(--color-dark-1);
    opacity: .8;
    z-index: 6;  
    transition: var(--transition-default);
}
.owl-prev:hover,
.owl-next:hover{
    opacity: 1;
}
.light-content .owl-prev,
.light-content .owl-next{
    color: #fff;
}
.dark-content .owl-prev,
.dark-content .owl-next{
    color: var(--color-dark-1);
}
.owl-prev{
    left: 20px;
}
.owl-next{
    right: 20px;
}
.owl-prev svg,
.owl-next svg{
    display: block;
    height: 1em;
    filter: drop-shadow(0 1px 0 rgba(255,255,255, .35));
}
.light-content .owl-prev svg,
.light-content .owl-next svg{
    color: #fff;
    filter: drop-shadow(0 1px 0 rgba(0,0,0, .35));
}
.dark-content .owl-prev svg,
.dark-content .owl-next svg{
    color: var(--color-dark-1);
    filter: drop-shadow(0 1px 0 rgba(255,255,255, .35));
}

.owl-pagination{
    display: block;
    width: 100%;
    position: absolute;
    bottom: 30px;
    left: 0;
    text-align: center;
    line-height: 1;
}
.owl-page{
    display: inline-block;
    padding: 7px;
    position: relative;
    z-index: 1000 !important;
}
.owl-page span{
    width: 8px;
    height: 8px;
    display: block;
    background: none;
    border: 1px solid var(--color-dark-1);
    position: relative;    
    border-radius: 50%;   
    transition: var(--transition-default);
}
.owl-page.active span{    
    background: var(--color-dark-1);
    border: 1px solid var(--color-dark-1);
}
.light-content .owl-page span{
    border: 1px solid #fff;
    box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);    
}
.light-content .owl-page.active span{    
    background: #fff;
    border: 1px solid #fff;
}
.dark-content .owl-page span{
    border: 1px solid var(--color-dark-1);
    box-shadow: none;    
}
.dark-content .owl-page.active span{    
    background: var(--color-dark-1);
    border: 1px solid var(--color-dark-1);
}

/* Features slider */
.item-carousel .owl-prev{
    left: -30px;
}
.item-carousel .owl-next{
    right: -30px;
}

.item-carousel{
    padding-bottom: 70px;
}
.item-carousel .owl-pagination{
    bottom: 0;
}
.item-carousel .owl-item{
    padding: 0 50px;
}

/* Logotype slider */
.small-item-carousel.owl-carousel .owl-prev,
.small-item-carousel.owl-carousel .owl-next{
    opacity: 0;
    position: absolute !important;
    height: 1px; 
    width: 1px;
    overflow: hidden;
}

/* Work slider & sontent slider */
.work-full-slider .owl-pagination,
.content-slider .owl-pagination{
    bottom: 15px;
}
.work-full-slider img{
    width: 100%;
}

/* Team carousel */
.team-carousel.owl-carousel{
    width: calc(100% + 30px);
}
.team-carousel .owl-item{
    padding-right: 30px;
}
.team-carousel .owl-item .team-item{
    opacity: 0;
    transform: scale(.85);
    transition: all 0.5s ease;
}
.team-carousel .owl-item.active .team-item{
    opacity: 1;
    transform: scale(1);
}
.team-carousel .owl-pagination{
    display: none;
}
.team-carousel .owl-prev,
.team-carousel .owl-next{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: calc(50% - var(--team-item-descr-height) / 2);
    width: 48px;
    height: 48px;
    padding: 0;
    font-size: 24px;
    text-align: center;
    color: var(--color-dark-1);
    opacity: 1;
}
.team-carousel .owl-prev{
    left: 0;
    transform: translate(-50%, -50%);
}
.team-carousel .owl-next{
    right: 0;
    transform: translate(calc(50% - 30px), -50%);
}
.team-carousel .owl-prev svg,
.team-carousel .owl-next svg{
    position: relative;
    width: 1em;
    height: 1em;
}
.team-carousel .owl-prev:before,
.team-carousel .owl-next:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    box-shadow: var(--box-shadow);
    transition: all 0.4s var(--ease-elastic-2);
}
.team-carousel .owl-prev:hover:before,
.team-carousel .owl-next:hover:before{
    box-shadow: var(--box-shadow-strong);
    transform: scale(1.25);
}

/* Testimonials slider 1 */
.testimonials-slider-1 .owl-item{
    transition: all 1s var(--ease-out-long);
}
.testimonials-slider-1 .owl-item:not(.active){
    opacity: 0;
    transform: scale(0.75);
}
.testimonials-slider-1 .owl-buttons{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.testimonials-slider-1 .owl-prev,
.testimonials-slider-1 .owl-next{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: static;
    width: 48px;
    height: 48px;
    padding: 0;
    font-size: 24px;
    text-align: center;
    color: var(--color-dark-1);
    opacity: 1;
    transform: translate(0,0);
}
.testimonials-slider-1 .owl-next{
    margin-left: 10px;
}
.testimonials-slider-1 .owl-prev svg,
.testimonials-slider-1 .owl-next svg{
    position: relative;
    width: 1em;
    height: 1em;
}
.testimonials-slider-1 .owl-prev:before,
.testimonials-slider-1 .owl-next:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    box-shadow: var(--box-shadow);
    transition: all 0.4s var(--ease-elastic-2);
}
.testimonials-slider-1 .owl-prev:hover:before,
.testimonials-slider-1 .owl-next:hover:before{
    box-shadow: var(--box-shadow-strong);
    transform: scale(1.07);
}
.testimonials-slider-1 blockquote{
    position: relative;
    margin: 0 0 1.5em 0;
    padding-left: 1.9778em;
    font-size: 46px;
    border: none;
    background: none;    
}
.testimonials-slider-1 .blockquote-icon{
    position: absolute;
    top: 0.15em;
    left: 0;
    width: .88em;
    height: .88em;
    background: #fff;
    border-radius: 50%;
    font-family: Georgia, serif;
    font-size: 1.5em;
    line-height: 1.45em;
    text-align: center;
}
.light-content .testimonials-slider-1 .blockquote-icon{
    color: var(--color-dark-1);
}
.testimonials-slider-1 blockquote p{
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
}
.ts1-author{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.45;
}
.ts1-author .small{
    font-weight: 400;
    font-size: 15px;
    color: var(--color-gray-1);
}
.ts1-author-img{
    margin-right: 10px;
}

/* Testimonials slider 2 */
.testimonials-slider-2 .owl-item{
    transition: all 1s var(--ease-out-long);
}
.testimonials-slider-2 .owl-item:not(.active){
    opacity: 0;
    transform: scale(0.75);
}
.testimonials-slider-2 .owl-buttons{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.testimonials-slider-2 .owl-prev,
.testimonials-slider-2 .owl-next{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: static;
    width: 48px;
    height: 48px;
    padding: 0;
    font-size: 24px;
    text-align: center;
    color: var(--color-dark-1);
    border-radius: 50%;
    opacity: 1;
    transform: translate(0,0);
    transition: all 0.27s var(--ease-default);
}
.testimonials-slider-2 .owl-next{
    margin-left: 10px;
}
.testimonials-slider-2 .owl-prev svg,
.testimonials-slider-2 .owl-next svg{
    position: relative;
    width: 1em;
    height: 1em;
}
.testimonials-slider-2 .owl-prev:before,
.testimonials-slider-2 .owl-next:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    box-shadow: var(--box-shadow);
    transition: all 0.4s var(--ease-elastic-2);
}
.testimonials-slider-2 .owl-prev:hover:before,
.testimonials-slider-2 .owl-next:hover:before{
    box-shadow: var(--box-shadow-strong);
    transform: scale(1.07);
}
.testimonials-slider-2 blockquote{
    position: relative;
    margin: 0 0 1.5em 0;
    padding-left: 220px;
    border: none;
    background: none;
    font-size: 43px;
}
.testimonials-slider-2 .blockquote-icon{
    position: absolute;
    top: -0.03em;
    left: 0;
    width: 190px;
    height: 100px;
    font-family: Georgia, serif;
    font-size: 280px;
    line-height: 1;
    text-align: center;
    -webkit-text-stroke: 2px var(--color-dark-1);
    -webkit-text-fill-color: #fff;
}
.testimonials-slider-2 .blockquote-icon img{
    position: relative;
    top: 0.1em;
    left: 0.2em;
    display: block;
    width: 0.35em;
}
.testimonials-slider-2 blockquote p{
    font-size: 43px;
    font-weight: 500;
    line-height: 1.395;
    letter-spacing: -0.03em;
}
.ts2-author{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -0.005em;
}
.ts2-author .small{
    font-weight: 400;
    font-size: 16px !important;
    color: var(--color-gray-1);
}
.ts2-author-img{
    margin-right: 10px;
}
.light-content .ts2-author .small{
    color: var(--color-dark-mode-gray-1);
}

/* Testimonials slider 3 */
.testimonials-slider-3.owl-carousel{
    display: flex !important;
    flex-direction: column;
    width: calc(100% + 30px);
}
.testimonials-slider-3 .owl-wrapper-outer{
    overflow: visible !important;
}
.testimonials-slider-3 .owl-wrapper{
    display: flex !important;
}
.testimonials-slider-3 .owl-item{
    display: flex;
    align-items: stretch;
    padding-right: 30px;
}
.testimonials-slider-3 .owl-controls{
    order: 2;
    margin-top: 40px;
}
.testimonials-slider-3 .owl-buttons{
    padding-right: 30px;
    text-align: right;
}
.testimonials-slider-3 .owl-pagination{
    display: none;
}
.testimonials-slider-3 .owl-prev,
.testimonials-slider-3 .owl-next{
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-left: 10px;
    padding: 0;
    font-size: 24px;
    text-align: center;
    color: var(--color-dark-1);
    border-radius: 50%;
    opacity: 1;
    transform: none;
}
.testimonials-slider-3 .owl-prev:before,
.testimonials-slider-3 .owl-next:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    box-shadow: var(--box-shadow);
    transition: all 0.4s var(--ease-elastic-2);
}
.testimonials-slider-3 .owl-prev:hover:before,
.testimonials-slider-3 .owl-next:hover:before{
    box-shadow: var(--box-shadow-strong);
    transform: scale(1.07);
}
.testimonials-slider-3 .owl-prev svg,
.testimonials-slider-3 .owl-next svg{
    position: relative;
}
.testimonials-3-item{
    position: relative;
    display: flex;
    align-items: stretch;
    padding: 38px;
    background: #fff;
    border-radius: var(--border-radius-default);
    box-shadow: var(--box-shadow-block);
}
.testimonials-3-text{
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}
.testimonials-3-text p{
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: -0.0225em;
}
.testimonials-3-author{
    margin-top: auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: 0;
}
.testimonials-3-author small{
    font-size: 16px;
    font-weight: 400;
}
.testimonials-3-author-img{
    margin-top: 1px;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 50%;
    isolation: isolate;
    transform: translateZ(0);
}
.testimonials-3-icon{
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 42px;
    line-height: 1;
    opacity: .075;
}
.light-content .testimonials-3-item{
    background: var(--color-dark-3);
    border: 1px solid var(--color-dark-mode-gray-2);
}
.light-content .testimonials-3-icon{
    opacity: .125;
}
.testimonials-grad .testimonials-3-icon{
    opacity: .1575;
}
.testimonials-grad .testimonials-3-icon i:before{
    background: var(--gradient-primary-1-b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.light-content .testimonials-grad .testimonials-3-icon{
    opacity: .25;
}

.slider-strong .owl-prev,
.slider-strong .owl-next{
    margin-left: 7px;
    border: 1px solid var(--color-dark-1);
}
.slider-strong .owl-prev:before,
.slider-strong .owl-next:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;    
    display: block;
    width: 100%;
    height: 100%;
    background: var(--color-dark-1);
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
    transform: scale(0.3);
    transition: all .27s var(--ease-out-medium);
}
.slider-strong .owl-prev:hover,
.slider-strong .owl-next:hover{
    color: #fff;
    border-color: transparent;
}
.slider-strong .owl-prev:hover:before,
.slider-strong .owl-next:hover:before{
    opacity: 1;
    transform: scale(1.08);
}
.slider-strong .owl-prev svg,
.slider-strong .owl-next svg{
    width: unset;
    height: unset;
    filter: none;
}
.light-content .slider-strong .owl-prev,
.light-content .slider-strong .owl-next{
    border-color: #fff;
}
.light-content .slider-strong .owl-prev:hover,
.light-content .slider-strong .owl-next:hover{
    border-color: transparent;
}
.light-content .slider-strong .owl-prev:hover svg,
.light-content .slider-strong .owl-next:hover svg{
    color: var(--color-dark-1);
}
.light-content .slider-strong .owl-prev:before,
.light-content .slider-strong .owl-next:before{
    background: #fff;
}

.slider-bold .owl-prev,
.slider-bold .owl-next{
    font-size: 32px;
}
.slider-bold .owl-prev:before,
.slider-bold .owl-next:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-dark-1);
    border-radius: 50%;
    opacity: 0;
    transform: scale(0.75);
    transition: all 0.27s var(--ease-default);
}
.slider-bold .owl-prev svg,
.slider-bold .owl-next svg{
    filter: none;
}
.slider-bold .owl-prev:hover,
.slider-bold .owl-next:hover{
    color: #fff;
}
.slider-bold .owl-prev:hover:before,
.slider-bold .owl-next:hover:before{
    opacity: 1;
    transform: scale(1);
}
.light-content .slider-bold .owl-prev:before,
.light-content .slider-bold .owl-next:before{
    background: #fff;
}
.light-content .slider-bold .owl-prev:hover,
.light-content .slider-bold .owl-next:hover{
    color: var(--color-dark-1);
}
.light-content .slider-bold .owl-prev:hover svg,
.light-content .slider-bold .owl-next:hover svg{
    color: var(--color-dark-1);
}

.slider-gradient .owl-prev:before,
.slider-gradient .owl-next:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--gradient-primary-1-b);
    border-radius: 50%;
    box-shadow: none;
    opacity: .2;
    transition: all 0.27s var(--ease-default);
}
.slider-gradient .owl-prev i:before,
.slider-gradient .owl-next i:before{
    background: var(--gradient-primary-1-a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.slider-gradient .owl-prev:hover:before,
.slider-gradient .owl-next:hover:before{
    opacity: .37;
    box-shadow: none;
    transform: scale(1);
}

/* Owl Carousel Animation */

html:not(.mobile) .owl-animate-chars .char{
    opacity: 0;
    transform: translateY(.5em) rotate(7deg);
    transform-origin: 0 50%;
    transition: transform .62s var(--ease-out-short), opacity .62s var(--ease-default);
    transition-delay: calc( 0.027s * var(--char-index) );
}
html:not(.mobile) .owl-animate-chars .char{
    will-change: opacity, transform;
}
@media print{
    .owl-animate-chars .char{
        opacity: 1 !important;
        transform: none !important;
    }
}
.owl-item.active .owl-animate-chars .char,
.mobile .owl-animate-chars .char{
    opacity: 1;
    transform: none;
}

html:not(.mobile) .owl-animate-fadeInUp{
    opacity: 0;
    transform: translateY(37px) translateZ(0);
    transition: all 1s;
}
.owl-item.active .owl-animate-fadeInUp{
    opacity: 1;
    transform: translateY(0) scale(1);
}

html:not(.mobile) .owl-animate-fadeInDown{
    opacity: 0;
    transform: translateY(-37px) translateZ(0);
    transition: all 1s;
}
.owl-item.active .owl-animate-fadeInDown{
    opacity: 1;
    transform: translateY(0) scale(1);
}

@media print{
    .owl-animate-fadeInUp,
    .owl-animate-fadeInDown{
        -webkit-transition: none !important;
        transition: none !important;
    }
}

.owl-delay-200{
    transition-delay: .20s !important;
}
.owl-delay-250{    
    transition-delay: .25s !important;
}
.owl-delay-300{    
    transition-delay: .3s !important;
}
.owl-delay-350{    
    transition-delay: .35s !important;
}
.owl-delay-400{    
    transition-delay: .4s !important;
}
.owl-delay-450{    
    transition-delay: .45s !important;
}
.owl-delay-500{    
    transition-delay: .5s !important;
}
.owl-delay-550{    
    transition-delay: .55s !important;
}
.owl-delay-600{    
    transition-delay: .6s !important;
}
.owl-delay-650{    
    transition-delay: .65s !important;
}
.owl-delay-700{    
    transition-delay: .7s !important;
}
.owl-delay-750{    
    transition-delay: .75s !important;
}
.owl-delay-800{    
    transition-delay: .8s !important;
}
.owl-delay-850{    
    transition-delay: .85s !important;
}
.owl-delay-900{    
    transition-delay: .9s !important;
}
.owl-delay-950{    
    transition-delay: .95s !important;
}
.owl-delay-1000{    
    transition-delay: 1s !important;
}

/*
 * Testimonials 4
 */

.testimonials-4-item{
    position: relative;
    padding: 30px;
    background: #fff;
    border-radius: var(--border-radius-default);
    box-shadow: var(--box-shadow-block);
}
.testimonials-4-text{
    margin-bottom: 0;
}
.testimonials-4-text p{
    color: var(--color-dark-1);
    font-size: 17px;
    line-height: 1.529;
    letter-spacing: 0;
}
.testimonials-4-author{
    color: var(--color-gray-1);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: 0;
}
.testimonials-4-author .small{
    font-size: 16px;
    font-weight: 400;
}
.testimonials-4-author-img{
    margin-top: 1px;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 50%;
    isolation: isolate;
    transform: translateZ(0);
}
.testimonials-4-icon{
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 30px;
    line-height: 1;
    opacity: .075;
}
.light-content .testimonials-4-item{
    background: var(--color-dark-3);
    border: 1px solid var(--color-dark-mode-gray-2);
}
.light-content .testimonials-4-text p{
    color: #fff;
}
.light-content .testimonials-4-author{
    color: var(--color-dark-mode-gray-1);
}
.light-content .testimonials-4-icon{
    color: #fff;
    opacity: 0.15;
}

/*
 * Testimonials 5
 */

.testimonials-5-stars{
    display: flex;
    justify-content: center;
    margin-bottom: 22px;
    color: var(--color-primary-1);
    font-size: 22px;
}
.testimonials-5-text{
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 1.5;
}
.testimonials-5-caption{
    font-size: 18px;
}

/*
 * Testimonials 6
 */

.testimonials-6-item{
    position: relative;
    margin-bottom: 0;
    font-size: 29px;
}
.testimonials-6-icon{
    position: absolute;
    top: -0.21em;
    left: -0.3em;
    font-family: Georgia, Times, Serif;
    font-size: 11em;
    font-weight: 700;
    line-height: 1;
    color: var(--color-primary-light-1);
}
.testimonials-6-text{
    margin-bottom: 0;
    font-size: 29px;
    font-weight: 400;
    line-height: 1.448;
}
.testimonials-6-author{
    font-size: 18px;
    font-weight: 500;
}
.testimonials-6-position{
    font-size: 16px;
}

/*
 * Tabs
 */

.tpl-tabs{
    border-color: var(--color-gray-light-5);
}
.tpl-tabs > li > a,
.tpl-tabs > li > a:hover{
    color: var(--color-gray-1) !important;
    text-decoration: none;
}
.tpl-tabs > li > .nav-link.active{
    color: var(--color-dark-1) !important;
    border-color: var(--color-gray-light-5) var(--color-gray-light-5) #fff;
}
.tpl-tabs-cont{
    padding: 0;
    line-height: 1.8;
}
.light-content .tpl-tabs{
    border-color: var(--color-dark-mode-gray-1);
}
.light-content .tpl-tabs > li > a{
    color: var(--color-dark-mode-gray-1) !important;    
}
.light-content .tpl-tabs li .nav-link:hover{
    border-color: var(--color-dark-3a) var(--color-dark-3a) transparent;
    color: #fff !important;
}
.light-content .tpl-tabs li .nav-link.active{
    border-color: var(--color-dark-mode-gray-1) var(--color-dark-mode-gray-1) var(--color-dark-1);
    background-color: transparent;
    color: #fff !important;
}

/*
 * Tabs minimal
 */

.tpl-minimal-tabs{
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;    
    border: none;
}
.tpl-minimal-tabs > li{
    display: inline-block;
    padding: 0 5px;
    background: none !important;
}
.tpl-minimal-tabs > li > a,
.tpl-minimal-tabs > li > a:focus{
    padding: 5px 20px 5px;
    text-decoration: none;
    color: var(--color-dark-1);
    background: none;
    border: 1px solid transparent;
    border-radius: 100px !important;
}
.tpl-minimal-tabs > li > a:hover{
    background: none;
    border-color: var(--color-gray-light-5) !important;
    color: var(--color-dark-1);
}
.tpl-minimal-tabs li a.active,
.tpl-minimal-tabs li a.active:hover{
    border: 1px solid var(--color-dark-3) !important;
    background: none !important;
    color: var(--color-dark-1) !important;
    cursor: default;
}
.light-content .tpl-minimal-tabs > li > a{
    color: #fff
}
.light-content .tpl-minimal-tabs > li > a:hover{
    border-color: var(--color-dark-4) !important;
}
.light-content .tpl-minimal-tabs li a.active,
.light-content .tpl-minimal-tabs li a.active:hover{
    border: 1px solid #fff !important;
    color: #fff !important;
}

/*
 * Tabs alternative
 */

.tpl-alt-tabs{
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
    text-align: center;  
    border: none;
}
.tpl-alt-tabs > li{
    width: 220px;
    display: inline-flex;
    align-items: stretch;
    margin-bottom: 30px;
    vertical-align: top;
    float: none;    
    padding: 0;    
    background: none !important;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.005em;
}
.tpl-alt-tabs > li > a{
    position: relative;
    width: 100%;
    padding-top: 0;
    padding-bottom: 30px;
    text-decoration: none;
    color: var(--color-dark-1);
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
}
.tpl-alt-tabs > li > a:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: currentColor;
    opacity: .15;
    transition: all .27s var(--ease-default);
}
.tpl-alt-tabs > li > a:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform: scale(0);
    transform-origin: 0 50%;
    transition: all .37s var(--ease-out-medium);
}
.tpl-alt-tabs > li > a:hover,
.tpl-alt-tabs > li > a:focus{
    background: none;
    color: var(--color-dark-1);
}
.tpl-alt-tabs > li > a .alt-tabs-icon{
    transition: all .27s var(--ease-out-medium);
}
.tpl-alt-tabs > li > a:not(.active):hover .alt-tabs-icon{
    transform: translateY(-8px);
}
.tpl-alt-tabs > li > a.active,
.tpl-alt-tabs > li > a.active:hover,
.tpl-alt-tabs > li > a.active:focus{
    color: var(--color-dark-1) !important;
    cursor: default;
}
.tpl-alt-tabs > li > a.active:after,
.tpl-alt-tabs > li > a.active:hover:after,
.tpl-alt-tabs > li > a.active:focus:after{
    transform: none;
}
.alt-tabs-icon{
    display: block;
    margin: 0 auto 5px auto;
    width: 1em;
    height: 1em;
    font-size: 64px;
    text-align: center;
    line-height: 1.3;
    transition: all .17s var(--ease-default);
}
.alt-tabs-icon svg{
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}
.alt-tabs-icon img{
    width: 100%;
}

.light-content .tpl-alt-tabs > li > a{
    color: #fff; 
}
.light-content .tpl-alt-tabs li a.active,
.light-content .tpl-alt-tabs li a.active:hover,
.light-content .tpl-alt-tabs li a.active:focus{
    color: #fff !important;
}
.light-content .tpl-alt-tabs > li > a:before{
    opacity: .25;
}

/*
 * Tooltips
 */

.dark-mode .tooltip-inner {
    background-color: var(--color-dark-3a);
    border: 1px solid var(--color-dark-mode-gray-2);
    opacity: 1 !important;
}
.dark-mode .tooltip.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--color-dark-3a) !important;
}
.dark-mode .tooltip.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--color-dark-3a) !important;
}
.dark-mode .tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--color-dark-3a) !important;
}
.dark-mode .tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--color-dark-3a) !important;
}

/*
 * Alert messages
 */

.alert{ 
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*
 * Accordion
 */

.accordion{
    border-bottom: 1px solid var(--color-dark-1);
}
.accordion > dt{
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500;
}
.accordion > dt > a{
    display: block;
    position: relative;
    color: var(--color-dark-1);
    text-decoration: none;
    padding: 20px 30px 20px 0;
    border-top: 1px solid var(--color-dark-1);   
    transition: var(--transition-default);
}
.accordion > dt > a:hover{
    text-decoration: none;
}
.accordion > dt > a.active{
    cursor: default;
}
.accordion > dt > a:after{
    content: "\e91f"; 
    display: block;
    width: 1em;
    height: 1em;
    line-height: 1em;
    position: absolute;
    top: 50%;
    right: 3px;
    transform: translateY(-50%);
    color: var(--color-dark-1);
    font-family: 'icons' !important;
    font-size: 22px;
    text-align: center;
    transition: var(--transition-default);
}
.accordion > dt > a.active:after,
.accordion > dt > a.active:hover:after{
    transform: translateY(-50%) rotate(-180deg);
}
.accordion > dd{
    margin-bottom: 1.55em;
    font-size: 18px;
    line-height: 1.625;
}

.light-content .accordion{
    border-color: #fff;
}
.light-content .accordion > dt > a{
    color: #fff;
    border-color: #fff;
}
.light-content .accordion > dt > a:after{
    color: #fff;
}
.light-content .accordion > dd{
    color: #fff;
    font-weight: 400;
}

/*
 * Toggle
 */

.toggle{
    border-bottom: 1px solid var(--color-dark-1);
}
.toggle > dt{
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500;
}
.toggle > dt > a{
    display: block;
    position: relative;
    color: var(--color-dark-1);
    text-decoration: none;
    padding: 20px 30px 20px 0;
    border-top: 1px solid var(--color-dark-1);   
    transition: var(--transition-default);
}
.toggle > dt > a:hover{
    text-decoration: none;
}
.toggle > dt > a:after{
    content: "\e91f"; 
    display: block;
    width: 1em;
    height: 1em;
    line-height: 1em;
    position: absolute;
    top: 50%;
    right: 3px;
    transform: translateY(-50%);
    color: var(--color-dark-1);
    font-family: 'icons' !important;
    font-size: 22px;
    text-align: center;
    transition: var(--transition-default);
}
.toggle > dt > a.active:after,
.toggle > dt > a.active:hover:after{
    transform: translateY(-50%) rotate(-180deg);
}
.toggle > dd{
    margin-bottom: 1.55em;
    font-size: 18px;
    line-height: 1.625;
    opacity: 1;
}

.light-content .toggle{
    border-color: #fff;
}
.light-content .toggle > dt > a{
    color: #fff;
    border-color: #fff;
}
.light-content .toggle > dt > a:after{
    color: #fff;
}
.light-content .toggle > dd{
    color: #fff;
    font-weight: 400;
}

/*
 * Accorfion style 1
 */

.accordion-1{
    border-bottom: 1px solid var(--color-dark-1);
}
.accordion-1 > dt{
    margin-bottom: 0;
    font-size: 31px;
    font-weight: 500;
    text-transform: uppercase;    
}
.accordion-1 > dt > a{
    display: block;
    position: relative;
    color: var(--color-dark-1);
    text-decoration: none;
    padding: 22px 30px 22px 0;
    border-top: 1px solid var(--color-dark-1);   
    transition: var(--transition-default);
}
.accordion-1 > dt > a:hover{
    text-decoration: none;
}
.accordion-1 > dt > a > span{
    position: relative;
    display: inline-block;    
}
.accordion-1 > dt > a > span:before{
    content: "";
    position: absolute;
    top: 0.05em;
    left: calc(100% + 7px);
    width: 5px;
    height: 5px;
    background: var(--color-dark-1);
    border-radius: 3px;
    opacity: 0;
    transform: scale(0);
    transition: var(--transition-default);
}
.accordion-1 > dt > a:hover > span:before{
    opacity: 1;
    transform: none;
}
.accordion-1 > dt > a > .icon-plus{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: block;
    width: 22px;
    height: 22px;
    transition: all .17s var(--ease-out-short);
}
.accordion-1 > dt > a > .icon-plus:before{    
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    width: 100%;
    height: 2px;
    margin: auto;
    background: var(--color-dark-1);
}
.accordion-1 > dt > a > .icon-plus:after{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 2px;
    height: 100%;
    background: var(--color-dark-1);
    transition: all .17s var(--ease-out-short);
}
.accordion-1 > dt > a.active > .icon-plus{
    transform: translateY(-50%) rotate(90deg);
}
.accordion-1 > dt > a.active > .icon-plus:before{
    transform: translateY(-50%) rotate(90deg);
}
.accordion-1 > dd{
    margin-bottom: 1.55em;
    font-size: 16px;
    line-height: 1.625;
    opacity: 1;
}
.accordion-1 > dd > div{
    opacity: 0;
    transform: translateY(7px);
    transition: all .27s .125s var(--ease-default);
}
.accordion-1 > dd.active > div{
    opacity: 1;
    transform: none;
}

.accordion-1.accordion-1-slick > dt{
    font-size: 20px;
    font-weight: 400;    
}
.accordion-1.accordion-1-slick > dt > a{
    padding: 37px 30px 37px 0;
}
.accordion-1.accordion-1-slick > dt > a > span:before{
    width: 4px;
    height: 4px;
}
.accordion-1.accordion-1-slick > dd{
    margin-bottom: 37px;
    font-size: 18px;
}

.light-content .accordion-1{
    border-color: rgba(255,255,255, .9);
}
.light-content .accordion-1 > dt > a{
    color: #fff;
    border-color: rgba(255,255,255, .9);   
}
.light-content .accordion-1 > dt > a > span:before{
    background: #fff;
}
.light-content .accordion-1 > dt > a > .icon-plus:before{    
    background: #fff;
}
.light-content .accordion-1 > dt > a > .icon-plus:after{
    background: #fff;
}

/*
 * Progress bars
 */

.tpl-progress{
    margin-top: 10px;
    margin-bottom: 50px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    overflow: visible;
    height: 5px;
    background: var(--color-gray-light-1);
    border-radius: var(--border-radius-default);
    box-shadow: none;
}
.tpl-progress .progress-bar{
    padding-top: 2px;
    position: relative;
    overflow: visible;
    background-color: var(--color-dark-3);
    font-size: 12px;
    color: var(--color-dark-1);
    text-align: left;
    border-radius: 3px;
}
.tpl-progress .progress-bar > div{
    position: relative;
    top: 12px;
}
.tpl-progress .progress-bar > span{
    display: inline-block;    
    min-width: 24px;
    height: 24px;
    padding: 0 3px;
    position: absolute;
    top: 4px;
    right: -5px;
    text-align: center;
    line-height: 23px;
    letter-spacing: 0;
    border-radius: 15px;

}
.light-content .tpl-progress{
    background: var(--color-dark-3a);
}
.light-content .tpl-progress .progress-bar{
    background: #fff;
    color: #fff;
}

/* Alt progress bars */

.tpl-progress-alt{
    height: 20px;
    line-height: 20px;
    badding-bottom: 1px;
    margin-bottom: 30px;
    background: var(--color-gray-light-1);
    border-radius: 3px;
    box-shadow: none;
}
.tpl-progress-alt .progress-bar{
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    overflow: visible;
    background-color: var(--color-dark-3);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    text-align: left;
    border-radius: 3px;
}

.light-content .tpl-progress-alt{
    background: var(--color-dark-3a);
}
.light-content .tpl-progress-alt .progress-bar{
    background: #fff;
    color: var(--color-dark-1);
}

/*
 * Icons examples
 */

.icons-example-box{
    position: relative;
    width: 100%;
    padding: 30px 20px;
    background-color: var(--color-gray-light-1);
    border-radius: var(--border-radius-default);
    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.icons-example-box:hover{
    background-color: var(--color-gray-light-3);
}
.icons-example-box-icon{
    width: 1em;
    height: 1em;
    margin: 0 auto;
    font-size: 72px;
    text-align: center;
    line-height: 1;
    color: var(--color-dark-1);
}
.icons-example-box-icon svg{
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}
.icons-example-box-number{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 15px;
    opacity: .75;
}
.icons-example-box-class{
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
}

.light-content .icons-example-box{
    background-color: var(--color-dark-3);
    border: 1px solid var(--color-dark-mode-gray-2);
}
.light-content .icons-example-box:hover{
    background-color: var(--color-dark-3a);
}
.light-content .icons-example-box-icon{
    color: #fff;
}

/*
 * Morphext
 */

.morphext > .animated {
    display: inline-block;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
}


/* ==============================
   Skip to content link
   ============================== */
  
.skip-to-content{
    position: absolute;
    top: 3px;
    left: 3px;
    padding: 20px 40px;
    color: #ffffff;
    background: var(--color-dark-1);
    -webkit-transform: translateY(-150%);
    -moz-transform: translateY(-150%);
    transform: translateY(-150%);
    z-index:100000;
}
.skip-to-content:hover,
.skip-to-content:focus,
.skip-to-content.focus-visible{
    color: #ffffff;
    opacity: 1;
    background: #000;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}


/* ==============================
   Cookies
   ============================== */

.cookie-banner{
    position: fixed;
    bottom: 0;
    left: 0;
    max-width: 500px;
    padding: 10px;
    z-index: 999;
}
.cookie-banner-inner{
    padding: 20px;
    background-color: #fff;
    border: 1px solid var(--color-gray-light-3); 
    border-radius: var(--border-radius-default);
    box-shadow: var(--box-shadow-block);
}
.cookie-banner-text {
    font-size: 16px;
}
.light-content .cookie-banner-inner{
    background-color: var(--color-dark-3);
    border: 1px solid var(--color-dark-mode-gray-2);
}


/* ==============================
   Intro page
   ============================== */

.section-showcases{
    position: relative;
    padding-top: 67%;
    background: var(--color-dark-1);
    border: 0.625vw solid var(--color-dark-1);
    border-radius: 60px;
    overflow: hidden;
    transform: translateZ(0);
    isolation: isolate;
}
.section-showcases-container{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    overflow: hidden;    
    isolation: isolate;
}
.section-showcases-column{
    width: 24.6875%;
    padding-left: 0.625vw;
    z-index: -1;
}
.section-showcases-column:first-child{
    width: 12.6875%;
}
.section-showcases-column:last-child{
    width: 13.25%;
}
.section-showcases-column:first-child{
    padding-left: 0;
}
.section-showcases-item{
    padding-top: 0.625vw;
}
.section-showcases-item:first-child{
    padding-top: 0;
}
.section-showcases-column:nth-child(2),
.section-showcases-column:nth-child(4){
    margin-top: -5%;
}

.works-grid.grid-intro-1 .work-item .work-img,
.works-grid.grid-intro-1 .work-item .work-img .work-img-bg{
    border-radius: 20px;
}
.works-grid.grid-intro-1 .work-item .work-title{
    font-size: 20px;
}
.works-grid.grid-intro-1 .work-item .work-descr{
    font-size: 18px;
}
.works-grid.grid-intro-2 .work-item .work-img,
.works-grid.grid-intro-2 .work-item .work-img .work-img-bg{
    border-radius: 0;
}
.works-grid.grid-intro-2 .work-item .work-img img{
    border: 2px solid var(--color-dark-1);
    border-radius: 12px;
}
.works-grid.grid-intro-2 .work-item .work-title{
    font-size: 18px;
}
.works-grid.grid-intro-2 .work-item .work-descr{
    font-size: 16px;
}
@charset "utf-8";

/* ==============================
   Small desktop
   ============================== */

@media only screen and (max-width: 1440px) {
    
    .decoration-1{
        left: -30px;
    }
    
}
@media only screen and (max-width: 1366px) {	
    
    root{
        --full-wrapper-margin-x: 30px;
    }
    .container{
        max-width: 1260px;
    }
    .row.gx-huge{
        --bs-gutter-x: calc(-6.527rem + 27.85vw);
    }
    .inner-nav ul li{
        margin: 0 16px;
    }
    .mn-has-multi{
        padding: 7px;
    }
    .mn-sub-multi {
        width: 196px !important;
    }
    .inner-nav ul li .mn-sub li a{
        padding: 10px 14px;
    }
    .stack-images{
        position: relative;
        padding: 12.5% 0;
    }
    .lead-alt{
        font-size: calc(1.896rem + 1.15vw);
    }
    .hs-line{
        height: 87vh;
    }
    .hs-title-1{
        font-size: calc(1.5rem + 3vw);
    }
    .hs-title-2{
        font-size: 8.78477vw;
    }
    .hs-title-2a{
        font-size: 7.5vw;
    }
    .hs-title-3{
        font-size: calc(1.559rem + 0.96vw);
    }
    .hs-title-3a{
        font-size: calc(1.559rem + 0.96vw);
    }
    .hs-title-4{
        font-size: calc(1.19rem + 5.93vw);
    }
    .hs-title-4a{
        font-size: calc(0.39rem + 6.86vw);
    }
    .hs-title-5{
        font-size: 10.9809vw;
    }
    .hs-title-7{
        font-size: 11.7129vw;
    }
    .hs-title-8{
        font-size: calc(1.587rem + 2.53vw);
    }
    .hs-title-9{
        font-size: calc(1.614rem + 2.87vw);
    }
    .hs-title-10{
        font-size: calc(1.827rem + 1.96vw);
    }
    .hs-title-11{
        font-size: calc(0.76rem + 0.57vw);
    }
    .hs-title-12{
        font-size: calc(1.294rem + 4.78vw);
    }
    .hs-title-13{
        font-size: calc(1.37rem + 4.4vw);
    }
    .hs-title-13a{
        font-size: calc(0.717rem + 5.16vw);
    }
    .hs-line-14{
        font-size: calc(1.297rem + 7.27vw);
    }
    .hs-paragraph-1{
        top: 11.713vw;
    }
    .hs-paragraph-2{
        top: 11.7130vw;
        right: 3.66vw;
    }
    .hs-descr{
        font-size:  calc(1.227rem + 1.05vw);
    }
    .section-title{
        font-size: calc(1.179rem + 2.5vw);
    }
    .section-title-small{
         font-size: calc(1.136rem + 1.82vw);
    }
    .section-title-medium{
        font-size: calc(1.735rem + 3.82vw);
    }
    .section-title-large{
        font-size: calc(0.50887rem + 5.99vw);
    }    
    .section-title-repeat{
        font-size: calc(0.358rem + 8.37vw);
    }
    .section-title-strong{
        font-size: calc(1.409rem + 4.21vw);
    }
    .section-descr{
        font-size: calc(1.152rem + 0.33vw);
    }
    .section-descr-large{
        font-size: calc(1.23rem + 0.76vw)
    }
    .section-descr-extralarge{
        font-size: calc(1.156rem + 1.72vw);
    }
    .section-text{
        font-size: calc(1.157rem + 0.4vw);
    }
    
    .services-2-button{
        padding: 4.2459vw;
    }
    .services-2-title{
        font-size: 6.0029vw;
    }
    .services-2-number{
        font-size: 1.9vw;
    }
    .services-2-image{
        max-width: 15.959vw;
    }
    .services-2-descr{
        max-height: 2.1962vw;
        margin-top: -2.1962vw;
        margin-left: 7.3206vw;
        padding: 0 2.9282vw;
        font-size: calc(0.83rem + 0.2vw);
    }
    .services-2-button-close{
        width: 4.39238vw;
        height: 4.39238vw;
    }
    .services-3-item{
        padding: 40px calc(0.868rem + 1.91vw);
    }
    .services-4-title > b{
        font-size: calc(0.521rem + 1.15vw);
    }
    .services-tabs{
        font-size: calc(1.194rem + 1.53vw);
    }
    .services-tabs > li{
        margin-bottom: 0.1em;
    }
    .services-text{
        bottom: 30px;
    }
    .post-prev-title{
        padding-top: calc(0.459rem + 2.39vw);
    }
    .post-prev-title,
    .post-prev-text,
    .post-prev-info{
        padding-left: calc(0.459rem + 2.39vw);
        padding-right: calc(0.459rem + 2.39vw);
    }
    .post-prev-container > *:last-child{
        padding-bottom: calc(0.459rem + 2.39vw);
    }
    
    .portfolio-1-title{
        margin-left: -7.6867vw;
        font-size: calc(0.297rem + 5.65vw);
    }
    .portfolio-1-title a{
        margin-left: -0.19vw;
    }
    
    .post-prev-1-title{
        font-size: calc(0.684rem + 0.96vw);
    }
    .post-prev-1-title.large{
        font-size: calc(0.789rem + 1.27vw);
    }
    
    .post-prev-2-title{
        font-size: calc(0.98rem + 1.2vw);
    }
    
    .contact-1-text{
        font-size: calc(0.692rem + 1.39vw);
    }
    
    .marquee-style-1{
        font-size: calc(0.779rem + 0.48vw);
    }
    .marquee-style-2{
        font-size: calc(0.398rem + 1.73vw);
    }
    .marquee-style-3{
        font-size: 10.9809vw;
    }
    .marquee-style-4{
        font-size: 5.1244vw;
    }
    .marquee-style-5{
        font-size: 14.6412vw;
    }
    .accordion-1 > dt{
        font-size: calc(0.632rem + 1.53vw);
    }
    .portfolio-2-title{
        font-size: calc(1.463rem + 1.43vw);
    }
    .portfolio-3-title{
        font-size: calc(0.975rem + 3.25vw);
    }
    .testimonial,
    .testimonial p,
    .testimonials-slider-1 blockquote {
        font-size: calc(1.079rem + 2.1vw);
    }
    .testimonials-slider-2 blockquote{
        padding-left: 16.1054vw;
    }
    .testimonials-slider-2 .blockquote-icon{
        width: 13.9092vw;
        height: 7.3206vw;;
        font-size: 20.4978vw;
    }
    .testimonials-slider-2 blockquote p{
        font-size: calc(0.81rem + 2.2vw);
    }
    .testimonials-3-text p{
        font-size: calc(1.214rem + 0.33vw);
    }
    .services-5-title{
        font-size: calc(1.26rem + 0.57vw);
    }
    .big-icon-link,
    .big-icon-link-gradient{
        font-size: calc(1.653rem + 1.58vw);
    }
    .testimonials-6-item,
    .testimonials-6-text{
        font-size: calc(0.915rem + 1.05vw);
    }    
    .ci-text.large{
        font-size: calc(0.904rem + 0.48vw);
    }
    .fw-menu-large{
        font-size: calc(0.915rem + 1.05vw);
    }    
    .newsletter-elegant input.newsletter-field{
        font-size: calc(1.472rem + 0.76vw) !important;
    }
    .form.newsletter-modern input.newsletter-field,
    .form.newsletter-modern input.newsletter-field:hover,
    .form.newsletter-modern input.newsletter-field::placeholder,
    .form.newsletter-modern input.newsletter-field:hover::placeholder{
        font-size: calc(1.398rem + 1.29vw);  
    }
    .features-1-title{
        font-size: calc(1.541rem + 2.29vw);
    }
    
    .testimonials-5-text{
        font-size: calc(1.174rem + 0.38vw);
    }
    
    .form.newsletter-elegant input.newsletter-field {
        font-size: calc(1.309rem + 0.96vw) !important;
    }
    
}
@media only screen and (max-width: 1200px) {
    
    .hs-paragraph-1{
        font-size: 15px;
    }
    .hs-paragraph-2{
        max-width: 300px;
        font-size: 12px;
    }
    .inner-nav ul{
        font-size: 16px;
    }	
    .inner-nav ul li{
        margin: 0 11px;
    }
    .inner-nav ul li .mn-sub li a{
        padding: 8px 10px;
        font-size: 14px;
    }
    .mn-sub-multi {
        width: 180px !important;
    }
    .team-social-links a{
        width: 30px;
        height: 30px;
    }    
    
    .mod-breadcrumbs-mini{
        text-align: right;
    }
    
    .decoration-1{
        bottom: -20px;
    }
    
    .number-title{
        font-size: calc(2.273rem + 3.64vw);
    }
    
    .item-carousel .owl-item{
        padding: 0 3vw;
    }
    
    .works-grid:not(.work-grid-3) .work-item{
        width: 49.9%;
    } 
     
}
@media only screen and (max-width: 1199px) {
    
    main{
        overflow: hidden;
    }    
    .tpl-alt-tabs{
        font-size: 13px;
        letter-spacing: 0.2em;
    }
    .tpl-alt-tabs > li{
        width: 170px;
    }
    
    .services-tabs > li > a > .number{
        top: .3em;
    }
    :root{
        --services-text-overlap: 135px;
    }
    
    .team-1-column-sticky{    
        position: static;
        height: auto;
    }
    
}

/* ==============================
   Tablet landskape
   ============================== */

@media only screen and (max-width: 1024px) {
    
    .hs-paragraph-1{
        position: static;
        top: 0;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .hs-paragraph-2{
        position: static;
        top: 0;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        text-indent: 0;
    }
    .scroll-down-alt{
        width: 62px;
        height: 62px;
        line-height: 52px;
        margin-left: -31px;
        font-size: 15px;
    }
    .testimonials-slider-1 blockquote p{
        font-size: 18px;
    }
    .benefit-item{
        width: 300px;
        padding: 15px 32px;
    }

    .page-section,
    .split-column-left,
    .split-column-right{
        padding-top: 120px; 
        padding-bottom: 120px;       
    }
    
    .owl-pagination{
        bottom: 25px;
    }  
    
    .lp-item{
        width: 50%;
    }
    .lp-item:nth-child(4n + 5) { 
        clear: none; 
    }
    .lp-item:nth-child(2n + 3) {        
        clear:left;
    }
    .lp-title, .lp-author{
        font-size: 13px;
    }
    
    .fa-examples > li{
        width: 33.3%;
    }
    
    .services-2-descr.js-visible{
        max-height: 800px;  
    }
    
    .works-filter.works-filter-bold a{
        margin-left: 12px;
    }
    
    .section-showcases{
        border-radius: 30px;
    }

}
  
@media only screen and (max-width: 991px) {
     
    .works-grid.work-grid-gut-lg{
        margin: -40px 0 0 -30px;
    }
    .works-grid.work-grid-gut-lg .work-item{
        padding: 40px 0 0 30px;
    }
    .works-grid.work-grid-gut-xl{
        margin: -40px 0 0 -30px;
    }
    .works-grid.work-grid-gut-xl .work-item{
        padding: 40px 0 0 30px;
    }
    .owl-prev,
    .owl-next{
        height: 37px;
        font-size: 37px;
    }
    
    :root{
        --services-text-overlap: 0;
    }
    .services-content-item{
        min-height: 200px;
    }
    .services-text{
        padding: 0;
    }
    img.services-image{
        align-self: flex-end;
        width: 60%;
        max-width: 520px;
        margin: 0 0 0 35%;
    }
    
    .mod-breadcrumbs:not(.align-center):not(.mod-breadcrumbs-mini) {
        text-align: left !important;
    }
    
    .tpl-alt-tabs > li{
        width: 200px;
    } 
    
    .team-item-name{
        font-size: 18px;
    }
    
    .features-icon{
        font-size: 64px;
    } 
    .features-title{
        font-size: 20px;
    }
    .features-descr{
        font-size: 16px;
    }
    .alt-features-grid{
        margin-top: -30px;
    } 
    .alt-features-item{
        margin-top: 30px;
    }
    .work-item,
    .work-grid-3 .work-item,
    .container .work-grid-3 .work-item{
        width: 49.9%;
    }      
    
    .contact-1-left,
    .contact-1-right{
        border-radius: 20px;
    }
    
    .split-column-left{
        padding-right: 30px;
        border-radius: 0;
    }
    .split-column-right{
        padding-left: 30px;
        border-radius: 0;
    }
    .split-image-left,
    .split-image-right{
        overflow: visible;
        border-radius: 0;
    }
    .split-image-left img,
    .split-image-right img{
        position: relative;
        height: auto;
    }
    
    .call-action-2-images {
        margin: 0;
    }
    .call-action-3-image-2-wrap{
        left: 0;
    }

}
  
  
/* ==============================
   Tablet Portrait
   ============================== */
  
@media only screen and (max-width: 768px) {
    
    .page-section,
    .split-column-left,
    .split-column-right{
        padding-top: 80px;
        padding-bottom: 80px;
    }    
    .small-section{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .small-title{
        font-size: 18px;
    }
    
    .section-features li{
        font-size: 11px;
        padding: 8px 8px 6px 8px;
     }
    
    .owl-pagination{
        bottom: 17px;
    }  
    
    .tpl-minimal-tabs > li{
        padding: 0 5px;
    }    
        
    .benefit-item{
        width: 264px;
    }
    .alt-service-grid{
        margin-top: -30px;
    }
    .alt-service-item{
        margin-top: 30px;
    }

    .works-filter a{
        margin: 4px 12px 4px 0;
    }    
    .blog-item{
        margin-bottom: 50px;
    }
    .blog-item-title{
        font-size: 28px;
    }
    .blog-item-title .small{
        font-size: 15px;
    }
    .blog-media{
        margin-bottom: 15px;
    }
    .blog-item-body .small{
        font-size: 13px;
    }
    .google-map > iframe{
        height: 300px;
    }
    
    .decoration-3{
        bottom: -125px;
        right: -35px;
    }
    
    .portfolio-3-image{
        border-radius: 30px;
    }
    
}

@media only screen and (max-width: 767px) {
    
    .fixed-height-small{
        height: 300px;
        min-height: 300px;
    }
    .fixed-height-medium{
        height: 350px;
        min-height: 350px;
    }
    .fixed-height-large{
        height: 400px;
        min-height: 400px;
    }
    .mark-decoration-1 > svg{
        bottom: -0.55em;
    }
    .services-text{
        position: relative;
        bottom: 0;
        left: 0;
        max-width: 100%;
        margin-bottom: 10px;
    }
    .services-text-container{
        padding: 30px;
    }
    img.services-image{
        max-width: unset;
        width: 100%;
        margin: 0;
    }
    .benefit-item{
        width: 230px;
        padding: 0;
    }    
    .benefit-item:hover:after{
        display: none;
    }       
    .wide-heading{
        font-size: 32px;
        letter-spacing: 2px;
    }    
    .works-filter a{
        margin: 4px 4px 4px 0;
        width: 46%;
    }
    .works-filter a.active:after,
    .works-filter a:hover:after{
        transform: scaleX(0);
    }
    .works-filter.works-filter-elegant a{
        margin: 4px 4px 4px 0;
        width: 48%;
    }
    .works-filter.works-filter-fancy{
        display: block;
    }
    .works-filter.works-filter-fancy a,
    .works-filter.works-filter-fancy a:hover,
    .works-filter.works-filter-fancy a.active{
        margin: 2px !important;
        width: 46%;
    }
    .works-filter.works-filter-fancy a.active:after,
    .works-filter.works-filter-fancy a:hover:after{
        transform: none;
    }
    .works-filter.works-filter-fancy a:before,
    .works-filter.works-filter-fancy a:after{
        width: 100%;
        margin-left: 0;
    }
    .works-filter.works-filter-fancy a:before{
        border: 1px solid var(--color-dark-1) !important;
    }
    .works-filter.works-filter-fancy a:before,
    .works-filter.works-filter-fancy a:after{
        border-radius: var(--border-radius-default);
    }
    .works-filter.works-filter-gradient a{
        margin: 4px 4px 4px 0;
        width: 47.5%;
    }
    .works-filter.works-filter-slick{
        display: block;
        padding: 0;
        background: transparent;
        border-radius: 0;
        box-shadow: none;
    }
    .works-filter.works-filter-slick a,
    .works-filter.works-filter-slick a:hover,
    .works-filter.works-filter-slick a.active{        
        width: 46%;
        margin: 2px !important;
        padding-top: 10px;
        padding-bottom: 10px;
        background: #fff;
        border-radius: 100px;
        box-shadow: var(--box-shadow-block);
    }
    .works-filter.works-filter-bold a,
    .works-filter.works-filter-bold a:first-child{
        margin: 4px;
        font-size: 14px;
    }
    .work-item,
    .work-grid-2 .work-item,
    .work-grid-3 .work-item,
    .container .work-grid-3 .work-item,
    .work-grid-4 .work-item{
        width: 100% !important;
    }   
    .big-icon{
        width: 60px;
        height: 60px;
        line-height: 52px;
        font-size: 24px;
        margin-bottom: 0;
    }
    .text-mobile{
        font-size: 110%;
        line-height: 1.2;
    }
    .portfolio-1-title{
        margin-left: 0;
    }
    
    .fw-social-inline-item{
        display: block;
    }
    
    .map-boxed-1{
        min-height: 50vh;
        aspect-ratio: 9/12;
        padding: 5px;
        border-radius: var(--border-radius-default);
    }
    .map-boxed-1 iframe,
    .map-boxed-1 img{        
        border-radius: calc(var(--border-radius-default) - 5px);
    }
    
    .composition-7{
        margin-top: -30px;
    }
    .composition-7-image-1,
    .composition-7-image-2,
    .composition-7-image-3,
    .composition-7-image-4{
        width: 46.5%;
        margin-top: 30px;
    }
    .testimonials-6-icon{
        font-size: 7em;
    }
    .services-8-icon{
        margin-bottom: 25px;
    }
    
}


/* ==============================
   Phone
   ============================== */
  
@media only screen and (max-width: 575px) { 

    .form input.newsletter-field,
    .form .newsletter-field-wrap{
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .form .newsletter-button{
        display: block;
        width: 100%;
    }
    
    .works-filter a{
        margin: 4px 4px 4px 0;
    } 
    
    .hs-wrap{
        padding: 30px 20px;
    }
    
    .scroll-down-2,
    .scroll-down-2:hover{
        animation: none;
    }
    
    .contact-2-icon{
        width: 36px;
    }
    .contat-2-intro{
        padding: 15px 10px;
    }
    .contact-2-text{
        font-size: 16px;
    }
     
}
    
@media only screen and (max-width: 480px) {
    
    .full-wrapper{
        --full-wrapper-margin-x: 20px;
    }
    .container{
        padding-left: 20px;
        padding-right: 20px;
    }
    .lead{
        font-size: 120%;
    }
    .form textarea{
        min-height: 200px !important; 
    }
    .tpl-tabs {
        border: none;
    }
    .tpl-tabs li .nav-link.active{
        border-color: var(--color-gray-light-5);
        border-radius: var(--border-radius-default);
    }
    .blog-item-body blockquote p:before{
        display: block;
        margin-top: 1em;
        position: static;
        top: 0;
        left: 0;
        font-size: 2.58em;
        line-height: 0;
        opacity: 1;
    }
    .page-section,
    .split-column-left,
    .split-column-right{
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .small-section{
        padding: 30px 0;
    }    
    .owl-pagination{
        bottom: 5px !important;
    }    
    .owl-page{
        padding-left: 8px;
        padding-right: 8px;
    }
    .owl-prev{
        left: 0;
    }
    .owl-next{
        right: 0;
    }
    
    .tpl-minimal-tabs > li{
        padding: 0;
    }
    .tpl-minimal-tabs > li > a{
        padding: 6px 10px 5px;
    }
    .tpl-alt-tabs{
        font-size: 12px;
        letter-spacing: 0.1em;
    }
    .tpl-alt-tabs > li{
        width: 120px;
        font-size: 16px;
    }
    .alt-tabs-icon{
        font-size: 32px;
    }
    
    .work-container{
        padding: 30px 0;
    }     
    .works-filter a{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }    
    .work-full-text{
        margin-top: 30px;
    }
    .work-full-title{
        font-size: 20px;
    }    
    .works-filter.works-filter-elegant a{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .works-filter.works-filter-fancy a,
    .works-filter.works-filter-fancy a:hover,
    .works-filter.works-filter-fancy a.active{
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .works-filter.works-filter-gradient a{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .works-filter.works-filter-slick a,
    .works-filter.works-filter-slick a:hover,
    .works-filter.works-filter-slick a.active{
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    } 
    .call-action-2-image-2{
        margin: 60px auto;
    }
    .post-prev-3-intro{
        padding: 25px 20px;
    }
    .composition-8-image{
        margin-bottom: 60px;
        border-radius: 50px;        
    }
    .composition-8-decoration-2{
        bottom: -60px;
    }
    .blog-container{
        margin-top: 30px;
        margin-bottom: 30px;
    }    
    .blog-item-q p{
        font-size: 20px;
    }
    .pagination a{
        min-width: 32px;
        margin-right: 3px;
        padding: 6px 8px;
        font-size: 16px;
    }
    .comment-avatar{
        width: 30px;
        margin-top: 7px;
    }    
    .comment-item{
        font-size: 15px;
    }    
    .separ-space{
        display: block;
        height: 10px;
    }
    .google-map > iframe{
        height: 300px;
    }
    .tpl-tabs > li{
        display: block;
        float: none;
        width: 100%;
    }
    .tpl-tabs > li.active a{
        background: #f5f5f5 !important;
    }
    
    .mark-decoration-1:before{
        bottom: -0.27em;
    }
    
    .blog-item-title{
        font-size: 22px;
    }
    .blog-item-body{
        margin-bottom: 37px;
        font-size: 18px;
    }
}


/* ==============================
   Max Height 768
   ============================== */

@media only screen and (max-height: 768px) {
    
    .stack-images{
        padding: 16% 0;
    }
    
}


/* ==============================
   Max Height 374
   ============================== */

@media only screen and (max-height: 374px) {
    
    .min-height-80vh,
    .min-height-90vh,
    .min-height-100vh{
        min-height: 374px;
    }
    
}


/* ==============================
   IOS Background Fix
   ============================== */
  
.mobile .page-section, .mobile .home-section, .mobile .small-section{
    background-attachment: scroll !important;
}

/*
 * iPad Pro
 */

@media only screen and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    
    html:not(.no-touch) .page-section, html:not(.no-touch) .home-section, html:not(.no-touch) .small-section{
        background-attachment: scroll !important;
    }
    
}

/* ==============================
   Internet Explorer Fix
   ============================== */
  
@media all and (-ms-high-contrast:none){
     
    .min-height-80vh{
        height: 80vh;
    } 
    .min-height-90vh{
        height: 90vh;
    } 
    .min-height-100vh{
        height: 100vh;
    }
    .fixed-height-large{
        height: 800px;
    } 
    .fixed-height-medium{
        height: 700px;
    } 
    .fixed-height-small{
        height: 600px;
    }
     
}


/* ==============================
   Print Styles Fix
   ============================== */
  
@media print {
    
    *{
        color: #000 !important;
        background: #fff !important;
    }
    .main-nav{
        display: none;
    }
    .buy-button{
        display: none;
    }
    img{
        display: block;
    }    
    
}
.mt-n10{margin-top:-10px!important }.mt-n20{margin-top:-20px!important }.mt-n30{margin-top:-30px!important }.mt-n40{margin-top:-40px!important }.mt-n50{margin-top:-50px!important }.mt-n60{margin-top:-60px!important }.mt-n70{margin-top:-70px!important }.mt-n80{margin-top:-80px!important }.mt-n90{margin-top:-90px!important }.mt-n100{margin-top:-100px!important }.mt-n110{margin-top:-110px!important }.mt-n120{margin-top:-120px!important }.mt-n130{margin-top:-130px!important }.mt-n140{margin-top:-140px!important }.mt-0{margin-top:0!important }.mt-10{margin-top:10px!important }.mt-20{margin-top:20px!important }.mt-30{margin-top:30px!important }.mt-40{margin-top:40px!important }.mt-50{margin-top:50px!important }.mt-60{margin-top:60px!important }.mt-70{margin-top:70px!important }.mt-80{margin-top:80px!important }.mt-90{margin-top:90px!important }.mt-100{margin-top:100px!important }.mt-110{margin-top:110px!important }.mt-120{margin-top:120px!important }.mt-130{margin-top:130px!important }.mt-140{margin-top:140px!important }.mb-n10{margin-bottom:-10px!important }.mb-n20{margin-bottom:-20px!important }.mb-n30{margin-bottom:-30px!important }.mb-n40{margin-bottom:-40px!important }.mb-n50{margin-bottom:-50px!important }.mb-n60{margin-bottom:-60px!important }.mb-n70{margin-bottom:-70px!important }.mb-n80{margin-bottom:-80px!important }.mb-n90{margin-bottom:-90px!important }.mb-n100{margin-bottom:-100px!important }.mb-n110{margin-bottom:-110px!important }.mb-n120{margin-bottom:-120px!important }.mb-n130{margin-bottom:-130px!important }.mb-n140{margin-bottom:-140px!important }.mb-0{margin-bottom:0!important }.mb-10{margin-bottom:10px!important }.mb-20{margin-bottom:20px!important }.mb-30{margin-bottom:30px!important }.mb-40{margin-bottom:40px!important }.mb-50{margin-bottom:50px!important }.mb-60{margin-bottom:60px!important }.mb-70{margin-bottom:70px!important }.mb-80{margin-bottom:80px!important }.mb-90{margin-bottom:90px!important }.mb-100{margin-bottom:100px!important }.mb-110{margin-bottom:110px!important }.mb-120{margin-bottom:120px!important }.mb-130{margin-bottom:130px!important }.mb-140{margin-bottom:140px!important }.pt-0{padding-top:0!important }.pt-10{padding-top:10px!important }.pt-20{padding-top:20px!important }.pt-30{padding-top:30px!important }.pt-40{padding-top:40px!important }.pt-50{padding-top:50px!important }.pt-60{padding-top:60px!important }.pt-70{padding-top:70px!important }.pt-80{padding-top:80px!important }.pt-90{padding-top:90px!important }.pt-100{padding-top:100px!important }.pt-110{padding-top:110px!important }.pt-120{padding-top:120px!important }.pt-130{padding-top:130px!important }.pt-140{padding-top:140px!important }.pb-0{padding-bottom:0!important }.pb-10{padding-bottom:10px!important }.pb-20{padding-bottom:20px!important }.pb-30{padding-bottom:30px!important }.pb-40{padding-bottom:40px!important }.pb-50{padding-bottom:50px!important }.pb-60{padding-bottom:60px!important }.pb-70{padding-bottom:70px!important }.pb-80{padding-bottom:80px!important }.pb-90{padding-bottom:90px!important }.pb-100{padding-bottom:100px!important }.pb-110{padding-bottom:110px!important }.pb-120{padding-bottom:120px!important }.pb-130{padding-bottom:130px!important }.pb-140{padding-bottom:140px!important }@media only screen and (max-width:1199px){.mt-lg-n10{margin-top:-10px!important }.mt-lg-n20{margin-top:-20px!important }.mt-lg-n30{margin-top:-30px!important }.mt-lg-n40{margin-top:-40px!important }.mt-lg-n50{margin-top:-50px!important }.mt-lg-n60{margin-top:-60px!important }.mt-lg-n70{margin-top:-70px!important }.mt-lg-n80{margin-top:-80px!important }.mt-lg-n90{margin-top:-90px!important }.mt-lg-n100{margin-top:-100px!important }.mt-lg-n110{margin-top:-110px!important }.mt-lg-n120{margin-top:-120px!important }.mt-lg-n130{margin-top:-130px!important }.mt-lg-n140{margin-top:-140px!important }.mt-lg-0{margin-top:0!important }.mt-lg-10{margin-top:10px!important }.mt-lg-20{margin-top:20px!important }.mt-lg-30{margin-top:30px!important }.mt-lg-40{margin-top:40px!important }.mt-lg-50{margin-top:50px!important }.mt-lg-60{margin-top:60px!important }.mt-lg-70{margin-top:70px!important }.mt-lg-80{margin-top:80px!important }.mt-lg-90{margin-top:90px!important }.mt-lg-100{margin-top:100px!important }.mt-lg-110{margin-top:110px!important }.mt-lg-120{margin-top:120px!important }.mt-lg-130{margin-top:130px!important }.mt-lg-140{margin-top:140px!important }.mb-lg-n10{margin-bottom:-10px!important }.mb-lg-n20{margin-bottom:-20px!important }.mb-lg-n30{margin-bottom:-30px!important }.mb-lg-n40{margin-bottom:-40px!important }.mb-lg-n50{margin-bottom:-50px!important }.mb-lg-n60{margin-bottom:-60px!important }.mb-lg-n70{margin-bottom:-70px!important }.mb-lg-n80{margin-bottom:-80px!important }.mb-lg-n90{margin-bottom:-90px!important }.mb-lg-n100{margin-bottom:-100px!important }.mb-lg-n110{margin-bottom:-110px!important }.mb-lg-n120{margin-bottom:-120px!important }.mb-lg-n130{margin-bottom:-130px!important }.mb-lg-n140{margin-bottom:-140px!important }.mb-lg-0{margin-bottom:0!important }.mb-lg-10{margin-bottom:10px!important }.mb-lg-20{margin-bottom:20px!important }.mb-lg-30{margin-bottom:30px!important }.mb-lg-40{margin-bottom:40px!important }.mb-lg-50{margin-bottom:50px!important }.mb-lg-60{margin-bottom:60px!important }.mb-lg-70{margin-bottom:70px!important }.mb-lg-80{margin-bottom:80px!important }.mb-lg-90{margin-bottom:90px!important }.mb-lg-100{margin-bottom:100px!important }.mb-lg-110{margin-bottom:110px!important }.mb-lg-120{margin-bottom:120px!important }.mb-lg-130{margin-bottom:130px!important }.mb-lg-140{margin-bottom:140px!important }.pt-lg-0{padding-top:0!important }.pt-lg-10{padding-top:10px!important }.pt-lg-20{padding-top:20px!important }.pt-lg-30{padding-top:30px!important }.pt-lg-40{padding-top:40px!important }.pt-lg-50{padding-top:50px!important }.pt-lg-60{padding-top:60px!important }.pt-lg-70{padding-top:70px!important }.pt-lg-80{padding-top:80px!important }.pt-lg-90{padding-top:90px!important }.pt-lg-100{padding-top:100px!important }.pt-lg-110{padding-top:110px!important }.pt-lg-120{padding-top:120px!important }.pt-lg-130{padding-top:130px!important }.pt-lg-140{padding-top:140px!important }.pb-lg-0{padding-bottom:0!important }.pb-lg-10{padding-bottom:10px!important }.pb-lg-20{padding-bottom:20px!important }.pb-lg-30{padding-bottom:30px!important }.pb-lg-40{padding-bottom:40px!important }.pb-lg-50{padding-bottom:50px!important }.pb-lg-60{padding-bottom:60px!important }.pb-lg-70{padding-bottom:70px!important }.pb-lg-80{padding-bottom:80px!important }.pb-lg-90{padding-bottom:90px!important }.pb-lg-100{padding-bottom:100px!important }.pb-lg-110{padding-bottom:110px!important }.pb-lg-120{padding-bottom:120px!important }.pb-lg-130{padding-bottom:130px!important }.pb-lg-140{padding-bottom:140px!important }}@media only screen and (max-width:991px){.mt-md-n10{margin-top:-10px!important }.mt-md-n20{margin-top:-20px!important }.mt-md-n30{margin-top:-30px!important }.mt-md-n40{margin-top:-40px!important }.mt-md-n50{margin-top:-50px!important }.mt-md-n60{margin-top:-60px!important }.mt-md-n70{margin-top:-70px!important }.mt-md-n80{margin-top:-80px!important }.mt-md-n90{margin-top:-90px!important }.mt-md-n100{margin-top:-100px!important }.mt-md-n110{margin-top:-110px!important }.mt-md-n120{margin-top:-120px!important }.mt-md-n130{margin-top:-130px!important }.mt-md-n140{margin-top:-140px!important }.mt-md-0{margin-top:0!important }.mt-md-10{margin-top:10px!important }.mt-md-20{margin-top:20px!important }.mt-md-30{margin-top:30px!important }.mt-md-40{margin-top:40px!important }.mt-md-50{margin-top:50px!important }.mt-md-60{margin-top:60px!important }.mt-md-70{margin-top:70px!important }.mt-md-80{margin-top:80px!important }.mt-md-90{margin-top:90px!important }.mt-md-100{margin-top:100px!important }.mt-md-110{margin-top:110px!important }.mt-md-120{margin-top:120px!important }.mt-md-130{margin-top:130px!important }.mt-md-140{margin-top:140px!important }.mb-md-n10{margin-bottom:-10px!important }.mb-md-n20{margin-bottom:-20px!important }.mb-md-n30{margin-bottom:-30px!important }.mb-md-n40{margin-bottom:-40px!important }.mb-md-n50{margin-bottom:-50px!important }.mb-md-n60{margin-bottom:-60px!important }.mb-md-n70{margin-bottom:-70px!important }.mb-md-n80{margin-bottom:-80px!important }.mb-md-n90{margin-bottom:-90px!important }.mb-md-n100{margin-bottom:-100px!important }.mb-md-n110{margin-bottom:-110px!important }.mb-md-n120{margin-bottom:-120px!important }.mb-md-n130{margin-bottom:-130px!important }.mb-md-n140{margin-bottom:-140px!important }.mb-md-0{margin-bottom:0!important }.mb-md-10{margin-bottom:10px!important }.mb-md-20{margin-bottom:20px!important }.mb-md-30{margin-bottom:30px!important }.mb-md-40{margin-bottom:40px!important }.mb-md-50{margin-bottom:50px!important }.mb-md-60{margin-bottom:60px!important }.mb-md-70{margin-bottom:70px!important }.mb-md-80{margin-bottom:80px!important }.mb-md-90{margin-bottom:90px!important }.mb-md-100{margin-bottom:100px!important }.mb-md-110{margin-bottom:110px!important }.mb-md-120{margin-bottom:120px!important }.mb-md-130{margin-bottom:130px!important }.mb-md-140{margin-bottom:140px!important }.pt-md-0{padding-top:0!important }.pt-md-10{padding-top:10px!important }.pt-md-20{padding-top:20px!important }.pt-md-30{padding-top:30px!important }.pt-md-40{padding-top:40px!important }.pt-md-50{padding-top:50px!important }.pt-md-60{padding-top:60px!important }.pt-md-70{padding-top:70px!important }.pt-md-80{padding-top:80px!important }.pt-md-90{padding-top:90px!important }.pt-md-100{padding-top:100px!important }.pt-md-110{padding-top:110px!important }.pt-md-120{padding-top:120px!important }.pt-md-130{padding-top:130px!important }.pt-md-140{padding-top:140px!important }.pb-md-0{padding-bottom:0!important }.pb-md-10{padding-bottom:10px!important }.pb-md-20{padding-bottom:20px!important }.pb-md-30{padding-bottom:30px!important }.pb-md-40{padding-bottom:40px!important }.pb-md-50{padding-bottom:50px!important }.pb-md-60{padding-bottom:60px!important }.pb-md-70{padding-bottom:70px!important }.pb-md-80{padding-bottom:80px!important }.pb-md-90{padding-bottom:90px!important }.pb-md-100{padding-bottom:100px!important }.pb-md-110{padding-bottom:110px!important }.pb-md-120{padding-bottom:120px!important }.pb-md-130{padding-bottom:130px!important }.pb-md-140{padding-bottom:140px!important }}@media only screen and (max-width:767px){.mt-sm-n10{margin-top:-10px!important }.mt-sm-n20{margin-top:-20px!important }.mt-sm-n30{margin-top:-30px!important }.mt-sm-n40{margin-top:-40px!important }.mt-sm-n50{margin-top:-50px!important }.mt-sm-n60{margin-top:-60px!important }.mt-sm-n70{margin-top:-70px!important }.mt-sm-n80{margin-top:-80px!important }.mt-sm-n90{margin-top:-90px!important }.mt-sm-n100{margin-top:-100px!important }.mt-sm-n110{margin-top:-110px!important }.mt-sm-n120{margin-top:-120px!important }.mt-sm-n130{margin-top:-130px!important }.mt-sm-n140{margin-top:-140px!important }.mt-sm-0{margin-top:0!important }.mt-sm-10{margin-top:10px!important }.mt-sm-20{margin-top:20px!important }.mt-sm-30{margin-top:30px!important }.mt-sm-40{margin-top:40px!important }.mt-sm-50{margin-top:50px!important }.mt-sm-60{margin-top:60px!important }.mt-sm-70{margin-top:70px!important }.mt-sm-80{margin-top:80px!important }.mt-sm-90{margin-top:90px!important }.mt-sm-100{margin-top:100px!important }.mt-sm-110{margin-top:110px!important }.mt-sm-120{margin-top:120px!important }.mt-sm-130{margin-top:130px!important }.mt-sm-140{margin-top:140px!important }.mb-sm-n10{margin-bottom:-10px!important }.mb-sm-n20{margin-bottom:-20px!important }.mb-sm-n30{margin-bottom:-30px!important }.mb-sm-n40{margin-bottom:-40px!important }.mb-sm-n50{margin-bottom:-50px!important }.mb-sm-n60{margin-bottom:-60px!important }.mb-sm-n70{margin-bottom:-70px!important }.mb-sm-n80{margin-bottom:-80px!important }.mb-sm-n90{margin-bottom:-90px!important }.mb-sm-n100{margin-bottom:-100px!important }.mb-sm-n110{margin-bottom:-110px!important }.mb-sm-n120{margin-bottom:-120px!important }.mb-sm-n130{margin-bottom:-130px!important }.mb-sm-n140{margin-bottom:-140px!important }.mb-sm-0{margin-bottom:0!important }.mb-sm-10{margin-bottom:10px!important }.mb-sm-20{margin-bottom:20px!important }.mb-sm-30{margin-bottom:30px!important }.mb-sm-40{margin-bottom:40px!important }.mb-sm-50{margin-bottom:50px!important }.mb-sm-60{margin-bottom:60px!important }.mb-sm-70{margin-bottom:70px!important }.mb-sm-80{margin-bottom:80px!important }.mb-sm-90{margin-bottom:90px!important }.mb-sm-100{margin-bottom:100px!important }.mb-sm-110{margin-bottom:110px!important }.mb-sm-120{margin-bottom:120px!important }.mb-sm-130{margin-bottom:130px!important }.mb-sm-140{margin-bottom:140px!important }.pt-sm-0{padding-top:0!important }.pt-sm-10{padding-top:10px!important }.pt-sm-20{padding-top:20px!important }.pt-sm-30{padding-top:30px!important }.pt-sm-40{padding-top:40px!important }.pt-sm-50{padding-top:50px!important }.pt-sm-60{padding-top:60px!important }.pt-sm-70{padding-top:70px!important }.pt-sm-80{padding-top:80px!important }.pt-sm-90{padding-top:90px!important }.pt-sm-100{padding-top:100px!important }.pt-sm-110{padding-top:110px!important }.pt-sm-120{padding-top:120px!important }.pt-sm-130{padding-top:130px!important }.pt-sm-140{padding-top:140px!important }.pb-sm-0{padding-bottom:0!important }.pb-sm-10{padding-bottom:10px!important }.pb-sm-20{padding-bottom:20px!important }.pb-sm-30{padding-bottom:30px!important }.pb-sm-40{padding-bottom:40px!important }.pb-sm-50{padding-bottom:50px!important }.pb-sm-60{padding-bottom:60px!important }.pb-sm-70{padding-bottom:70px!important }.pb-sm-80{padding-bottom:80px!important }.pb-sm-90{padding-bottom:90px!important }.pb-sm-100{padding-bottom:100px!important }.pb-sm-110{padding-bottom:110px!important }.pb-sm-120{padding-bottom:120px!important }.pb-sm-130{padding-bottom:130px!important }.pb-sm-140{padding-bottom:140px!important }}@media only screen and (max-width:575px){.mt-xs-n10{margin-top:-10px!important }.mt-xs-n20{margin-top:-20px!important }.mt-xs-n30{margin-top:-30px!important }.mt-xs-n40{margin-top:-40px!important }.mt-xs-n50{margin-top:-50px!important }.mt-xs-n60{margin-top:-60px!important }.mt-xs-n70{margin-top:-70px!important }.mt-xs-n80{margin-top:-80px!important }.mt-xs-n90{margin-top:-90px!important }.mt-xs-n100{margin-top:-100px!important }n .mt-xs-n110{margin-top:-110px!important }.mt-xs-n120{margin-top:-120px!important }.mt-xs-n130{margin-top:-130px!important }.mt-xs-n140{margin-top:-140px!important }.mt-xs-0{margin-top:0!important }.mt-xs-10{margin-top:10px!important }.mt-xs-20{margin-top:20px!important }.mt-xs-30{margin-top:30px!important }.mt-xs-40{margin-top:40px!important }.mt-xs-50{margin-top:50px!important }.mt-xs-60{margin-top:60px!important }.mt-xs-70{margin-top:70px!important }.mt-xs-80{margin-top:80px!important }.mt-xs-90{margin-top:90px!important }.mt-xs-100{margin-top:100px!important }.mt-xs-110{margin-top:110px!important }.mt-xs-120{margin-top:120px!important }.mt-xs-130{margin-top:130px!important }.mt-xs-140{margin-top:140px!important }.mb-xs-n10{margin-bottom:-10px!important }.mb-xs-n20{margin-bottom:-20px!important }.mb-xs-n30{margin-bottom:-30px!important }.mb-xs-n40{margin-bottom:-40px!important }.mb-xs-n50{margin-bottom:-50px!important }.mb-xs-n60{margin-bottom:-60px!important }.mb-xs-n70{margin-bottom:-70px!important }.mb-xs-n80{margin-bottom:-80px!important }.mb-xs-n90{margin-bottom:-90px!important }.mb-xs-n100{margin-bottom:-100px!important }.mb-xs-n110{margin-bottom:-110px!important }.mb-xs-n120{margin-bottom:-120px!important }.mb-xs-n130{margin-bottom:-130px!important }.mb-xs-n140{margin-bottom:-140px!important }.mb-xs-0{margin-bottom:0!important }.mb-xs-10{margin-bottom:10px!important }.mb-xs-20{margin-bottom:20px!important }.mb-xs-30{margin-bottom:30px!important }.mb-xs-40{margin-bottom:40px!important }.mb-xs-50{margin-bottom:50px!important }.mb-xs-60{margin-bottom:60px!important }.mb-xs-70{margin-bottom:70px!important }.mb-xs-80{margin-bottom:80px!important }.mb-xs-90{margin-bottom:90px!important }.mb-xs-100{margin-bottom:100px!important }.mb-xs-110{margin-bottom:110px!important }.mb-xs-120{margin-bottom:120px!important }.mb-xs-130{margin-bottom:130px!important }.mb-xs-140{margin-bottom:140px!important }.pt-xs-0{padding-top:0!important }.pt-xs-10{padding-top:10px!important }.pt-xs-20{padding-top:20px!important }.pt-xs-30{padding-top:30px!important }.pt-xs-40{padding-top:40px!important }.pt-xs-50{padding-top:50px!important }.pt-xs-60{padding-top:60px!important }.pt-xs-70{padding-top:70px!important }.pt-xs-80{padding-top:80px!important }.pt-xs-90{padding-top:90px!important }.pt-xs-100{padding-top:100px!important }.pt-xs-110{padding-top:110px!important }.pt-xs-120{padding-top:120px!important }.pt-xs-130{padding-top:130px!important }.pt-xs-140{padding-top:140px!important }.pb-xs-0{padding-bottom:0!important }.pb-xs-10{padding-bottom:10px!important }.pb-xs-20{padding-bottom:20px!important }.pb-xs-30{padding-bottom:30px!important }.pb-xs-40{padding-bottom:40px!important }.pb-xs-50{padding-bottom:50px!important }.pb-xs-60{padding-bottom:60px!important }.pb-xs-70{padding-bottom:70px!important }.pb-xs-80{padding-bottom:80px!important }.pb-xs-90{padding-bottom:90px!important }.pb-xs-100{padding-bottom:100px!important }.pb-xs-110{padding-bottom:110px!important }.pb-xs-120{padding-bottom:120px!important }.pb-xs-130{padding-bottom:130px!important }.pb-xs-140{padding-bottom:140px!important }}
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha( opacity = 80)
}.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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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
}
.dark-mode .mfp-inline-holder .mfp-content, .dark-mode .mfp-ajax-holder .mfp-content {
    background: var(--color-dark-3);
    border: 1px solid var(--color-dark-mode-gray-2);
}
.dark-mode .mfp-inline-holder .mfp-content .mfp-close,
.dark-mode .mfp-ajax-holder .mfp-content .mfp-close{
    color: #fff;
}
.mfp-inline-holder .mfp-content{
    padding: 50px;
    border-radius: var(--border-radius-default);
    animation: mfp-appear 0.39s var(--ease-out-medium);
}
@media only screen and (max-width: 768px) {
    .mfp-inline-holder .mfp-content{
        padding: 30px;
    }
}
@keyframes mfp-appear{
	0%{
	    opacity: 0;
	    transform: translateY(60px);
	}
	100%{
	    opacity: 1;
        transform: none;
	}
}
.mfp-image-holder .mfp-content,
.mfp-iframe-holder .mfp-content{
    animation: mfp-image-appear 0.39s var(--ease-out-medium);
}
@keyframes mfp-image-appear{
	0%{
	    opacity: 0;
	    transform: scale(.9);
	}
	100%{
	    opacity: 1;
        transform: none;
	}
}
.mfp-ajax-cur {
    cursor: progress
}.mfp-zoom-out-cur {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer
}.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;
    -webkit-box-shadow: none;
    box-shadow: none
}

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;
    filter: alpha( opacity = 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;
    filter: alpha( opacity = 100)
}.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: 40px
}.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;
    filter: alpha( opacity = 65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}.mfp-arrow:active {
    margin-top: -54px
}.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha( opacity = 100)
}.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    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, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7
}.mfp-arrow-left {
    left: 0
}.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px
}.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}.mfp-arrow-right {
    right: 0
}.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px
}.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F
}.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 90%;
    max-width: 66vw
}.mfp-iframe-holder .mfp-close {
    top: -40px
}
@media all and (max-width: 768px) {.mfp-iframe-holder .mfp-content {
        max-width: 80vw
}
}.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 2px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.2), 0 0 30px rgba(0, 0, 0, 0.2), 0 0 50px rgba(0, 0, 0, 0.2);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}.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 2px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.2), 0 0 30px rgba(0, 0, 0, 0.2), 0 0 50px rgba(0, 0, 0, 0.2);
    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) {.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;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        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
}
}.mfp-ie7 .mfp-img {
    padding: 0
}.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}.mfp-ie7 .mfp-container {
    padding: 0
}.mfp-ie7 .mfp-content {
    padding-top: 44px
}.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out
}.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.9677
}.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out
}.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
    z-index: 5;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.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 CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}
/* Recommended styles for Splitting */
.splitting .word,
.splitting .char {
  display: inline-block;
}

/* Psuedo-element chars */
.splitting .char {
  position: relative;
}

/**
 * Populate the psuedo elements with the character to allow for expanded effects
 * Set to `display: none` by default; just add `display: block` when you want
 * to use the psuedo elements
 */
.splitting .char::before,
.splitting .char::after {
  content: attr(data-char);
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  transition: inherit;
  user-select: none;
}

/* Expanded CSS Variables */

.splitting {
  /* The center word index */
  --word-center: calc((var(--word-total) - 1) / 2);

  /* The center character index */
  --char-center: calc((var(--char-total) - 1) / 2);

  /* The center character index */
  --line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
  /* Pecent (0-1) of the word's position */
  --word-percent: calc(var(--word-index) / var(--word-total));

  /* Pecent (0-1) of the line's position */
  --line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
  /* Percent (0-1) of the char's position */
  --char-percent: calc(var(--char-index) / var(--char-total));

  /* Offset from center, positive & negative */
  --char-offset: calc(var(--char-index) - var(--char-center));

  /* Absolute distance from center, only positive */
  --distance: calc(
     (var(--char-offset) * var(--char-offset)) / var(--char-center)
  );

  /* Distance from center where -1 is the far left, 0 is center, 1 is far right */
  --distance-sine: calc(var(--char-offset) / var(--char-center));

  /* Distance from center where 1 is far left/far right, 0 is center */
  --distance-percent: calc((var(--distance) / var(--char-center)));
}
@charset "UTF-8";@font-face{font-family:ytpregular;src:url(font/ytp-regular.eot)}@font-face{font-family:ytpregular;src:url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=)format('woff'),url(font/ytp-regular.ttf)format('truetype');font-weight:400;font-style:normal}.mb_YTPlayer:focus{outline:0}.YTPWrapper{display:block;transform:translateZ(0)translate3d(0,0,0);transform-style:preserve-3d;perspective:1000;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}.mb_YTPlayer .loading{position:absolute;top:10px;right:10px;font-size:12px;color:#fff;background:rgba(0,0,0,.51);text-align:center;padding:2px 4px;border-radius:5px;font-family:"Droid Sans",sans-serif;-webkit-animation:fade .1s infinite alternate;animation:fade .1s infinite alternate}.YTPFullscreen,.inline_YTPlayer img{border:none!important;padding:0!important}@-webkit-keyframes fade{0%{opacity:.5}100%{opacity:1}}@keyframes fade{0%{opacity:.5}100%{opacity:1}}.YTPFullscreen{display:block!important;position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;margin:0!important;opacity:1!important;background-color:#000!important}.inlinePlayButton,.inlinePlayButtonMobile{font-family:ytpregular;font-size:45px;color:#fff;text-align:center;border-radius:100%;background-color:rgba(0,0,0,.4);position:absolute;width:80px;height:80px;line-height:80px;top:0;bottom:0;left:0;right:0;margin:auto;cursor:pointer;opacity:.8;transition:all .4s;transform:scale(1.3)}.inlinePlayButtonMobile{transform:scale(1)}.mb_YTPlayer:hover .inlinePlayButton{opacity:1;transform:scale(1)}.inlinePlayButton:hover{background-color:rgba(0,0,0,1);transform:scale(1.3)!important}.mbYTP_wrapper iframe{max-width:8000px!important}.inline_YTPlayer{margin-bottom:20px;vertical-align:top;position:relative;left:0;overflow:hidden;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.7);background:rgba(0,0,0,.5)}.inline_YTPlayer img{margin:0!important;transform:none!important}.mb_YTPBar,.mb_YTPBar .buttonBar{box-sizing:border-box;left:0;padding:5px;width:100%}.mb_YTPBar .ytpicon{font-size:20px;font-family:ytpregular}.mb_YTPBar .mb_YTPUrl.ytpicon{font-size:30px}.mb_YTPBar{transition:opacity .5s;display:block;height:10px;background:#333;position:fixed;bottom:0;text-align:left;z-index:1000;font:14px/16px sans-serif;color:#fff;opacity:.1}.mb_YTPBar.visible,.mb_YTPBar:hover{opacity:1}.mb_YTPBar .buttonBar{transition:all .5s;background:0 0;font:12px/14px san-serif;position:absolute;top:-30px;height:40px}.mb_YTPBar:hover .buttonBar{background:rgba(0,0,0,.4)}.mb_YTPBar span{display:inline-block;font:16px/20px sans-serif;position:relative;width:30px;height:25px;vertical-align:middle}.mb_YTPBar span.mb_YTPTime{width:130px}.mb_YTPBar span.mb_OnlyYT,.mb_YTPBar span.mb_YTPUrl{position:absolute;width:auto;display:block;top:6px;right:10px;cursor:pointer}.mb_YTPBar span.mb_YTPUrl img{width:60px}.mb_YTPBar span.mb_OnlyYT{left:300px;right:auto}.mb_YTPBar span.mb_OnlyYT img{width:25px}.mb_YTPBar span.mb_YTPUrl a{color:#fff}.mb_YTPBar .mb_YTPMuteUnmute,.mb_YTPBar .mb_YTPPlayPause,.mb_YTPlayer .mb_YTPBar .mb_YTPPlayPause img{cursor:pointer}.mb_YTPBar .mb_YTPProgress{height:10px;width:100%;background:#222;bottom:0;left:0}.mb_YTPBar .mb_YTPLoaded{height:10px;width:0;background:#444;left:0}.mb_YTPBar .mb_YTPseekbar{height:10px;width:0;background:#bb110e;bottom:0;left:0;box-shadow:rgba(82,82,82,.47)1px 1px 3px}.mb_YTPBar .YTPOverlay{backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform-style:"flat";box-sizing:border-box}.YTPOverlay.raster{background:url(images/raster.png)}.YTPOverlay.raster.retina{background:url(images/raster@2x.png)}.YTPOverlay.raster-dot{background:url(images/raster_dot.png)}.YTPOverlay.raster-dot.retina{background:url(images/raster_dot@2x.png)}.mb_YTPBar .simpleSlider{position:relative;width:100px;height:10px;border:1px solid #fff;overflow:hidden;box-sizing:border-box;margin-right:10px;cursor:pointer!important;border-radius:3px}.mb_YTPBar.compact .simpleSlider{width:40px}.mb_YTPBar.compact span.mb_OnlyYT{left:260px}.mb_YTPBar .simpleSlider.muted{opacity:.3}.mb_YTPBar .level{position:absolute;left:0;bottom:0;background-color:#fff;box-sizing:border-box}.mb_YTPBar .level.horizontal{height:100%;width:0}.mb_YTPBar .level.vertical{height:auto;width:100%}
.mb_YTPVolumeBar,
.mb_OnlyYT,
.mb_YTPLoaded,
.mb_YTPseekbar,
.mb_YTPTime,
.mb_YTPProgress{
display: none !important;
}
.mb_YTPBar{
    opacity: 1;
}
.mb_YTPBar,
.mb_YTPBar:hover .buttonBar{
    background: none;
}
/* Scrollbar'ın genel görünümünü özelleştirme */
::-webkit-scrollbar {
    width: 8px; /* Scrollbar genişliği */
}

/* Scrollbar'ın arka plan rengini ayarlama */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* Arka plan rengi (örnek olarak açık gri) */
}

/* Scrollbar'ın kaydırma çubuğu rengini ayarlama */
::-webkit-scrollbar-thumb {
    background: #6d6d6d; /* Kaydırma çubuğu rengi (örnek olarak koyu gri) */
    border-radius: 3px; /* Kaydırma çubuğuna yuvarlak köşeler ekleme */
}

    /* Kaydırma çubuğu üzerine gelindiğinde renk değiştirme (isteğe bağlı) */
    ::-webkit-scrollbar-thumb:hover {
        background: #555; /* Daha koyu bir renk (örnek) */
    }

@font-face {
    font-family: 'Clash Display';
    src: url('../../webfonts/clash-display/ClashDisplay-Regular.woff2') format('woff2'),
         url('../../webfonts/clash-display/ClashDisplay-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: 'Clash Display';
    src: url('../../webfonts/clash-display/ClashDisplay-Medium.woff2') format('woff2'),
         url('../../webfonts/clash-display/ClashDisplay-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}
:root{
    --font-global: 'Roboto', sans-serif;
    --font-alt: 'Clash Display', sans-serif;
    --section-padding-y: 160px;
    --color-dark-1: #111;
    --color-dark-2: #222;
    --color-dark-3: #2a2a2a;
    --color-dark-3a: #373737;;
    --color-gray-1: #777;
    --border-radius-default: 0;
    --border-radius-large: 0;
}
body{
    letter-spacing: 0;
}
.inner-nav ul{
    font-size: 17px;
    line-height: 1.6; 
    font-weight: 400;
    letter-spacing: 0;
}
.inner-nav > ul > li > a{
    opacity: .78;     
}
.inner-nav ul li a{
    position: relative;
}
.inner-nav > ul > li > a:not(.no-hover):before{
    content: "";
    position: absolute;
    top: calc(50% + 0.7em);
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: transform .27s var(--ease-default);
}
.inner-nav > ul > li > a.active:before{
    transform: scaleX(1);
}
.main-nav.mobile-on .inner-nav > ul > li > a:not(.no-hover):before{
    display: none;
}
.form input[type="text"],
.form input[type="email"],
.form input[type="number"],
.form input[type="url"],
.form input[type="search"],
.form input[type="tel"],
.form input[type="password"],
.form input[type="date"],
.form input[type="color"],
.form select{
    padding-bottom: 1px;
}
.form input[type="text"].input-sm,
.form input[type="email"].input-sm,
.form input[type="number"].input-sm,
.form input[type="url"].input-sm,
.form input[type="search"].input-sm,
.form input[type="tel"].input-sm,
.form input[type="password"].input-sm,
.form input[type="date"].input-sm,
.form input[type="color"].input-sm,
.form select.input-sm,
.form textarea.input-sm{
    font-size: 16px;
}
.form input[type="text"].input-md,
.form input[type="email"].input-md,
.form input[type="number"].input-md,
.form input[type="url"].input-md,
.form input[type="search"].input-md,
.form input[type="tel"].input-md,
.form input[type="password"].input-md,
.form input[type="date"].input-md,
.form input[type="color"].input-md,
.form select.input-md,
.form textarea.input-md{
    font-size: 17px;
}
.form input[type="text"]::placeholder,
.form input[type="email"]::placeholder,
.form input[type="number"]::placeholder,
.form input[type="url"]::placeholder,
.form input[type="search"]::placeholder,
.form input[type="tel"]::placeholder,
.form input[type="password"]::placeholder,
.form input[type="date"]::placeholder,
.form input[type="color"]::placeholder,
.form select::placeholder,
.form textarea::placeholder{
    color: #999;
}
.form label{
    margin-bottom: 14px;
    font-family: var(--font-alt);
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.form .form-group{
    margin-bottom: 45px;
}
.form-tip,
.form-tip a{
    font-size: 13px;
}
.btn-mod,
a.btn-mod{
    font-size: 17px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
}
.btn-mod .icon{
    margin-left: 2px;
}
.btn-mod.btn-small{
    padding: 4px 14px;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0;
}
.btn-mod.btn-medium{
    padding: 12px 26px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.007em;
} 
.btn-mod.btn-large{
    padding: 15px 32px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.007em;
} 
.btn-mod.btn-ellipse{
    font-family: var(--font-alt);
    letter-spacing: 0.14em;
}
.btn-border,
.btn-border-w,
.btn-border-c{
    border-width: 2px !important;
}
hr{
    opacity: .2;
}
.hs-title-1{
    letter-spacing: -0.0125em;
}
.hs-title-12{
    letter-spacing: -0.0125em;
}
.hs-title-13{
    letter-spacing: -0.0125em;
}
.section-title-small{
    font-size: 32px;
}
.section-title-tiny{
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.15em;
}
.section-title-inline{
    padding-top: 3px;
    font-family: var(--font-alt);
    letter-spacing: 0.15em;
}
.link-strong{
    font-family: var(--font-alt);
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.marquee-style-2{
    font-family: var(--font-alt);
    letter-spacing: 0.15em;
}
.accordion-1,
.accordion-1 > dt > a{
    border-width: 2px;
}
.accordion-1 > dt{
    font-family: var(--font-alt);
    letter-spacing: 0.08em;
}
.steps-1-title{
    font-family: var(--font-alt);
    letter-spacing: 0;
}
.number-2-title{
    margin-bottom: 5px;
    font-family: var(--font-alt);
    letter-spacing: -0.025em;
}
.portfolio-2-title{
    letter-spacing: -0.008em;
}
.testimonials-slider-2 blockquote p{
    font-family: var(--font-alt);
    letter-spacing: 0.01em;
}
.ts2-author{
    font-family: var(--font-alt);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.ts2-author .small{
    font-family: var(--font-global);
    text-transform: none;
    letter-spacing: 0;
}
.post-prev-2-title{
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 1.5;
}
.post-prev-2-info{
    font-size: 16px;
    text-transform: unset;
    letter-spacing: 0;
}
.pagination a,
.pagination span{
    font-weight: 400;
}
.form-tip{
    font-size: 14px;
    line-height: 1.714;
}
.footer-1{
    font-family: var(--font-alt);
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.075em;
}
.fw-social-inline .link-strong:before{
    display: none;
}
.light-content .fw-top-link .icon{
    width: 38px;
    height: 38px;
    border-width: 2px;
}
.footer-text{
    font-family: var(--font-global);
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: -0.01em;
}
.footer-text a{
    color: inherit;
    text-decoration: underline;
}
.footer-text .small{
    font-size: 14px;
}
.light-content .footer-text{
    color: var(--color-gray-3);
}
.fw-top-link-underline:before{
    height: 2px;
    opacity: 1;
}
.features-2-item:before{
    border: 1px solid var(--color-dark-1);
	background:	none;
    opacity: 0.15;
    transition: opacity .27s var(--ease-default);
    z-index: -1;
}
.features-2-item:hover:before{
    opacity: 1;
}
.features-2-label{
    font-weight: 500;
    color: var(--color-dark-1);
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}
.features-2-icon:before{
    background: var(--color-gray-light-1);
    opacity: 1;
    z-index: -1;
}
.features-2-icon svg{
    fill: var(--color-dark-1);
}
.light-content .features-2-item:before{    
	background: var(--color-dark-mode-gray-2);
    border: 1px solid var(--color-dark-mode-gray-2);
    transition: border-color .27s var(--ease-default);
    opacity: 1;
    z-index: -1;
}
.light-content .features-2-item:hover:before{
    background: var(--color-dark-mode-gray-2);
    opacity: 1;
}
.light-content .features-2-label{
    color: #fff;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}
.light-content. features-2-icon{
    color: #fff;
}
.light-content .features-2-icon svg{
    fill: #fff;
}
.light-content .features-2-icon:before{
    background: var(--color-dark-mode-gray-2);
    opacity: 1;
    z-index: -1;
}
.light-content .features-2-descr{
    color: var(--color-dark-mode-gray-1);
}
.bg-border-gradient:before{
    background: none;
    border: 1px solid var(--color-dark-1);
    opacity: 0.15;
}
.light-content .bg-border-gradient:before{
    background: none;
    border: 1px solid #fff;
    opacity: 0.25;
}
.bg-gradient-dark-alpha-1:before{
    opacity: .9;
}
.bg-gradient-dark-alpha-2:before{
    opacity: .9;
}
.work-navigation a, .work-navigation a:visited{
    color: var(--color-dark-1);
}
@media only screen and (max-width: 1366px) {
    .section-title-small{
        font-size: calc(1.159rem + 0.98vw);
    }
    .post-prev-2-title{
        font-size: calc(1.135rem + 0.57vw);
    }
}