/* Minification failed. Returning unminified contents.
(306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2377,20): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(2378,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2383,33): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(2387,37): run-time error CSS1019: Unexpected token, found ' '
(2387,37): run-time error CSS1019: Unexpected token, found ' '
(2387,37): run-time error CSS1042: Expected function, found ' '
(2387,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(2399,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2400,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(2411,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2412,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-3'
(2417,20): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(2418,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2427,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-1'
(2428,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(2433,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2434,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(2442,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-1'
(2443,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(2447,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(2448,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-1'
(2465,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2466,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(2471,33): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2472,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(2488,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2489,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-3'
(2494,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2495,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-3'
(2500,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2501,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(2506,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2507,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-3'
(2513,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(2560,15): run-time error CSS1039: Token not allowed after unary operator: '-mgr-text'
(2566,15): run-time error CSS1039: Token not allowed after unary operator: '-mgr-text'
(2567,22): run-time error CSS1039: Token not allowed after unary operator: '-mgr-border'
(2571,20): run-time error CSS1039: Token not allowed after unary operator: '-mgr-bg'
(2572,26): run-time error CSS1039: Token not allowed after unary operator: '-mgr-border'
(2587,20): run-time error CSS1039: Token not allowed after unary operator: '-mgr-bg-soft'
(2588,26): run-time error CSS1039: Token not allowed after unary operator: '-mgr-border'
(2625,15): run-time error CSS1039: Token not allowed after unary operator: '-mgr-muted'
(2655,20): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(2656,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2662,20): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-1'
(2663,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(2671,33): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(2675,37): run-time error CSS1019: Unexpected token, found ' '
(2675,37): run-time error CSS1019: Unexpected token, found ' '
(2675,37): run-time error CSS1042: Expected function, found ' '
(2675,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(2687,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2688,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(2699,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2700,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-3'
(2705,30): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(2710,20): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(2711,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2721,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-1'
(2723,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(3785,50): run-time error CSS1031: Expected selector, found ';'
(3785,50): run-time error CSS1025: Expected comma or open brace, found ';'
(3787,3): run-time error CSS1019: Unexpected token, found '{'
(3788,10): run-time error CSS1030: Expected identifier, found ' '
(3788,11): run-time error CSS1031: Expected selector, found '120px'
(3788,11): run-time error CSS1025: Expected comma or open brace, found '120px'
(3789,1): run-time error CSS1019: Unexpected token, found '}'
(3860,15): run-time error CSS1039: Token not allowed after unary operator: '-mgr-text'
(3866,15): run-time error CSS1039: Token not allowed after unary operator: '-mgr-text'
(3867,22): run-time error CSS1039: Token not allowed after unary operator: '-mgr-border'
(3871,20): run-time error CSS1039: Token not allowed after unary operator: '-mgr-bg'
(3872,26): run-time error CSS1039: Token not allowed after unary operator: '-mgr-border'
(3887,20): run-time error CSS1039: Token not allowed after unary operator: '-mgr-bg-soft'
(3888,26): run-time error CSS1039: Token not allowed after unary operator: '-mgr-border'
(3924,15): run-time error CSS1039: Token not allowed after unary operator: '-mgr-muted'
(4034,20): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(4035,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(4041,20): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-1'
(4042,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(4050,33): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(4054,37): run-time error CSS1019: Unexpected token, found ' '
(4054,37): run-time error CSS1019: Unexpected token, found ' '
(4054,37): run-time error CSS1042: Expected function, found ' '
(4054,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(4064,33): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(4069,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(4071,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(4089,46): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(4094,30): run-time error CSS1039: Token not allowed after unary operator: '-focus'
(4794,20): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(4795,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(4801,20): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-1'
(4802,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(4810,33): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(4814,37): run-time error CSS1019: Unexpected token, found ' '
(4814,37): run-time error CSS1019: Unexpected token, found ' '
(4814,37): run-time error CSS1042: Expected function, found ' '
(4814,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(4825,30): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(4830,20): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(4831,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(4841,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-1'
(4843,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(4847,15): run-time error CSS1039: Token not allowed after unary operator: '-muted'
(4848,27): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(4920,20): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(4921,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(4925,20): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(4926,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(4935,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-1'
(4936,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(4943,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(4948,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-1'
(4954,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(4955,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-1'
(4960,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(4961,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(4966,33): run-time error CSS1039: Token not allowed after unary operator: '-text'
(4967,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(4983,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(4984,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-3'
(4990,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(4991,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(5000,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5001,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-3'
(5006,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5007,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-3'
(5012,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5013,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(5018,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5019,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-3'
(5497,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5498,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5532,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5533,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5586,20): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(5587,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5593,20): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-1'
(5594,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(5608,33): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(5612,37): run-time error CSS1019: Unexpected token, found ' '
(5612,37): run-time error CSS1019: Unexpected token, found ' '
(5612,37): run-time error CSS1042: Expected function, found ' '
(5612,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(5622,33): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(5627,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(5629,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5647,46): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(5652,30): run-time error CSS1039: Token not allowed after unary operator: '-focus'
(5660,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5661,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-1'
(5676,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5677,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(5683,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5684,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(5695,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5696,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-3'
(5702,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5703,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(5708,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5709,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-3'
(5714,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5715,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(5719,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-1'
(5720,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(5745,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5746,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(5755,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5756,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-3'
(5761,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5762,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-3'
(5768,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5769,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(5778,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5779,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-3'
(5791,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-2'
(5796,27): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(5804,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-2'
(5809,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5816,20): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(5817,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5825,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-1'
(5826,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(5830,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-1'
(5831,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5832,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(5926,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5932,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5933,22): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(5938,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(5945,22): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro'
(5950,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(5957,22): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro'
(5971,26): run-time error CSS1039: Token not allowed after unary operator: '-mgr-border'
(5985,15): run-time error CSS1039: Token not allowed after unary operator: '-link'
(5998,20): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(5999,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(6005,20): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-1'
(6006,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(6014,33): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(6018,37): run-time error CSS1019: Unexpected token, found ' '
(6018,37): run-time error CSS1019: Unexpected token, found ' '
(6018,37): run-time error CSS1042: Expected function, found ' '
(6018,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(6029,30): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(6034,20): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(6035,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(6045,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-1'
(6047,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(6051,15): run-time error CSS1039: Token not allowed after unary operator: '-muted'
(6052,27): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(6065,20): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(6066,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(6072,20): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-1'
(6073,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(6081,33): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(6085,37): run-time error CSS1019: Unexpected token, found ' '
(6085,37): run-time error CSS1019: Unexpected token, found ' '
(6085,37): run-time error CSS1042: Expected function, found ' '
(6085,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(6095,33): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(6100,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(6102,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(6120,46): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(6125,30): run-time error CSS1039: Token not allowed after unary operator: '-focus'
(6138,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(6139,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(6152,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(6153,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-3'
(6162,15): run-time error CSS1039: Token not allowed after unary operator: '-muted'
(6167,30): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(6172,20): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(6173,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(6183,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-1'
(6185,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(6189,15): run-time error CSS1039: Token not allowed after unary operator: '-muted'
(6190,27): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(6198,26): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro-2'
(6204,15): run-time error CSS1039: Token not allowed after unary operator: '-muted'
(6579,7570): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6579,7614): run-time error CSS1035: Expected colon, found '{'
(6579,7641): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(6579,7682): run-time error CSS1035: Expected colon, found '{'
(6579,7709): run-time error CSS1019: Unexpected token, found '@keyframes'
(6579,7745): run-time error CSS1035: Expected colon, found '{'
(6666,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6667,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6670,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(6671,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6678,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(6679,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6682,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6683,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6824,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6825,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.4.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}

html,
body {
  margin: 0;
  padding: 0;
  background-color: #000 !important;
}

*,
h1,
h2,
h3,
h4,
label {
  margin: 0;
  padding: 0;
  margin-bottom: 0;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
}

blockquote {
  font-style: italic;
}

a:focus,
a:hover {
  text-decoration: none;
}

.no-margin {
  margin: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.view-min-height {
  min-height: calc(100vh - 180px);
}

.view-min-height2 {
  min-height: calc(100vh - 170px);
}

.fechar-icone {
  float: right;
  font-size: 22px;
}

.modal-dialog {
  width: auto;
  margin: 2px;
}

.alert {
  border-radius: 0px;
  margin-bottom: 0px;
}

.panel-group .panel {
  border-radius: 0px;
}

.panel-heading {
  padding: 0 15px;
}


.accordion-link-block h4,
.accordion-link-block .panel-heading {
  padding: 0;
}

.accordion-link-block a {
  display: block;
  padding: 15px;
}

.accordion-link-block i {
  float: right;
}

h3 {
  padding: 25px 0;
}

h4 {
  padding: 15px 0;
}

textarea {
  max-width: 100%;
}

.wrap {
  margin: 0 15px;
}

.link-block {
  display: block;
  padding: 5px 0;
  text-align: center;
  text-decoration: none;
}

.link-block:hover {
  background-color: #f8f8f8;
}

.link-block .active {
  color: #fff;
}

.text-blue {
  color: #303030;
  /*#0f334b; covic*/
}

.text-black{
    color: #000;
}

.texto-longo {
    word-break: normal;
    word-wrap: normal;
    white-space: pre-line;
}

.texto-longo-html>ul,
.texto-longo-html>ol {
  margin-left: 20px;
}

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

.btn {
  border-radius: 16px;
}

.btn-danger {
  background-color: #830c0e;
  border-color: #830c0e;
}

.btn-danger:hover .btn-danger:focus {
  background-color: #680a0a;
  border-color: #680a0a;
}

.pre {
  white-space: pre-wrap;
}

.font-sm {
  font-size: 0.85em;
}

.btn-primario {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}

.btn-primario:hover,
.btn-primario:focus,
.btn-primario:active {
  background-color: #303030 !important;
  border-color: #000 !important;
  color: #fff !important;
}



.btn-mac {
  background-color: #303030;
  /*#0f334b; covic*/
  border-color: #5a7085;
  color: white;
}

.btn-mac:hover,
.btn-mac:focus {
  background-color: #5a7085;
  border-color: #5a7085;
  color: white;
}

.btn-success {
  background-color: #76cb0b;
  border-color: #85cc2a;
}

.btn-success:hover,
.btn-success:focus {
  background-color: #85cc2a;
  border-color: #85cc2a;
}

.btn-warning {
  background-color: #ef9a0b;
  border-color: #efa62c;
}

.btn-warning:hover,
.btn-warning:focus {
  background-color: #efa62c;
  border-color: #efa62c;
}

.has-error {
  margin: 0;
  padding: 5px 0;
  color: #a02c35;
  font-size: 0.9em;
  border-color: #a02c35 !important;
}

.has-input-error {
  color: #a02c35;
  border-color: #a02c35 !important;
}

[ui-view].view-animate.ng-enter {
  transition: .5s ease all;
  padding-top: 90px;
  opacity: 0.3;
}

[ui-view].view-animate.ng-enter.ng-enter-active {
  padding-top: 70px;
  opacity: .9;
}


[ui-view].view-cadastro-animate {
  padding-left: 0px;
}

[ui-view].view-cadastro-animate.ng-enter {
  transition: .5s ease all;
  padding-left: 20px;
  opacity: 0.3;
}

[ui-view].view-cadastro-animate.ng-enter.ng-enter-active {
  padding-left: 0px;
  opacity: .9;
}

/*[ui-view].view-animate.ng-leave {
    transition: 0.5s ease all;
    opacity: 1;
}

    [ui-view].view-animate.ng-leave.ng-leave-active {
        opacity: .0;
    }*/

.fa-3 {
  font-size: 2em;
}

.text-justify {
  text-align: justify;
}

.margin-top {
  margin-top: 10px;
}

.margin-left {
  margin-left: 10px;
}

.margin-bottom {
  margin-bottom: 10px;
}

.carregando-bloco {
  background-color: rgba(157, 5, 18, 0.1);
  height: 240px;
  padding: 40px;
}

.container-par,
.container-impar,
.container-produtos {
  padding: 0px 2%;
  position: relative;
}

:root {
    --bg: #000;
    --cinza-claro-1: #141414;
    --cinza-claro-2: #2a2a2a;
    --cinza-claro-3: #212529;
    --text: #f5f5f5;
    --muted: #bdbdbd;
    --focus: #fff;

    --mgr-text: #f5f5f5;
    --mgr-muted: #a0a0a0;
    --mgr-border: #2a2a2a;
    --mgr-bg: #0c0c0c;
    --mgr-bg-soft: #121212;

    --brand: #111827;
    --brand-2: #000;
}

/*EMPREENDIMENTO INICIO*/

.titulo-inicio {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 40px 8%;
  position: relative;
}

.titulo-inicio::after {
  content: "";
  flex-grow: 1;
  height: 2px;
  background: linear-gradient(90deg, #ffffff 0%, #d9d9d9 40%, #a6a6a6 100%);
  margin-left: 12px;
  opacity: 0.5;
}

.title-text {
  background: linear-gradient(90deg, #ffffff 0%, #d9d9d9 40%, #a6a6a6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.empreendimento-inicio {
  background-color: #000;
  font-family: 'Poppins', sans-serif;
}


.busca {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8%;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.busca-filtros label {
  color: #fff;
  margin-right: 15px;
  cursor: pointer;
  transition: color 0.3s ease;
}

.busca-filtros label:hover {
  color: #fff;
}

.busca-filtros input[type="radio"] {
    display: none;
}

.busca-input {
  position: relative;
  display: flex;
  align-items: center;
  width: 320px;
}

.busca-input input {
  width: 100%;
  background: #111;
  border: 1px solid #333;
  border-radius: 30px;
  padding: 10px 40px 10px 16px;
  color: #fff;
  font-size: 0.95rem;
  transition: border 0.3s ease, box-shadow 0.3s ease;
}

.busca-input input:focus {
  outline: none;
  border-color: #bababa;
  box-shadow: 0 0 8px rgba(201, 162, 63, 0.5);
}

.busca-input i {
  position: absolute;
  right: 16px;
  color: #888;
  font-size: 1rem;
}

/* ------- CARDS ------- */
.empreendimento-inicio .cards-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
  justify-content: center;
}

.card-imovel {
  background-color: #121212;
  border-radius: 18px;
  overflow: hidden;
  width: 460px;
  position: relative;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.6);
  transition: all 0.3s ease;
}

.card-imovel:hover {
  transform: translateY(-6px);
  box-shadow: 0 6px 30px rgba(255, 255, 255, 0.15);
}

.icone-favorito {
  position: absolute;
  top: 15px;
  right: 18px;
  font-size: 1.4rem;
  color: #aaa;
  cursor: pointer;
  transition: color 0.3s ease, transform 0.2s ease;
  z-index: 2;
}

.icone-favorito:hover {
  color: #c9a23f;
  transform: scale(1.1);
}

.fa-star {
  color: #c9a23f !important;
}

.card-img {
  width: 100%;
  height: 230px;
}

.card-img-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.card-imovel:hover .card-img {
  transform: scale(1.05);
  filter: brightness(1.1);
}

.card-content {
  padding: 24px;
}

.card-titulo {
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 4px;
}

.card-local {
  color: #ccc;
  font-size: 1rem;
  margin-bottom: 8px;
}

.card-info {
  color: #aaa;
  font-size: 0.95rem;
  margin-bottom: 16px;
}

.opcoes {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.opcoes li a {
  display: flex;
  align-items: center;
  color: #bbb;
  font-size: 0.95rem;
  text-decoration: none;
  transition: color 0.2s ease;
}

.opcoes li a:hover {
  color: #fff;
}

.opcoes li i {
  margin-right: 8px;
  color: #aeaeae;
}

/* ------- RESPONSIVO ------- */
@media (max-width: 1024px) {
  .card-imovel {
    width: 100%;
    max-width: 600px;
  }
}

@media (max-width: 768px) {
  .busca {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .busca-input {
    width: 100%;
  }

  .card-imovel {
    width: 100%;
  }

  .card-img {
    height: 180px;
  }

  .card-titulo {
    font-size: 1.2rem;
  }
}

/*EMPREENDIMENTO FIM*/

.container-par {
  background-color: #ededed;
}

.container-impar {
  background-color: #fff;
}

.container-espacado {
  margin: 20px 8%;
}

/*.container-produtos:nth-child(odd) {
    background-color: #ededed;
}*/


.container-sem-padding {
  padding: 20px 0;
}


.not-found-message {
  font-style: italic;
  font-size: 0.9em;
  text-align: center;
}

@media (max-width: 768px) {

  .container-espacado {
    padding: 20px 4%;
  }
}

.container-video {
  /*background: url("/Images/background_video.png") repeat;*/
  background-color: #ffffff;
}

.radio-horizontal-group {
  display: block;
  text-align: center;
  padding: 8px 0;
}

.radio-horizontal-group .radio-horizontal {
  color: #666;
  padding: 5px 10px;
  border-right: 1px #666 solid;
  cursor: pointer;
  font-weight: normal;
}

.radio-horizontal-group .radio-horizontal:last-child {
  border-right: none;
}

.radio-horizontal-group .radio-horizontal:hover {
  text-decoration: dashed;
  color: #444;
}

.radio-horizontal-group .radio-horizontal:last-child {
  border-right: none;
}


.radio-horizontal-group .radio-horizontal.active {
  color: #666;
  font-weight: 600;
  text-decoration: underline;
}

.radio-horizontal-group .radio-horizontal-btn {
  display: inline-block;
  background-color: #f79a00;
  color: #fff;
  width: 245px;
  padding: 10px 0;
  border-left: 1px solid #fff;
  font-weight: normal;
  text-shadow: 0 0 3px rgba(0, 0, 0, .8);
  cursor: pointer;
}

.radio-horizontal-group .radio-horizontal-btn.active {
  background-color: #facd83;
}

.radio-horizontal-group.radio-horizontal-group-border {
  margin: 10px 0 0 0;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding: 0px;
}

.radio-horizontal-group .radio-horizontal-nav {
  display: inline-block;
  width: 175px;
  padding: 10px 0;
  border-bottom: white 3px solid;
  font-weight: normal;
  cursor: pointer;
  margin: 0;
}

.radio-horizontal-group .radio-horizontal-nav.active {
  width: 175px;
  border-bottom: #0f334b 3px solid;
  font-weight: bold;
}

.no-padding {
  padding: 0px;
}

.title {
  margin: 5px 0 10px 0;
  padding: 0;
  font-size: 1.6em;
  display: block;
  text-align: left;
  color: #303030;
  /*#0f334b; covic*/
}

.title:after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #303030;
  /*#0f334b; covic*/
  display: block;
  margin: 2px 0 20px 0;
}

.title-vantagens {
  margin: 5px 0 10px 0;
  padding: 0;
  font-size: 2.0em;
  color: #303030;
  /*#0f334b; covic*/
}

.title-inicio {
  margin: 5px 0 10px 0;
  padding: 0;
  font-size: 1.6em;
  display: block;
  text-align: center;
  color: #303030;
  /*#0f334b; covic*/
}

.title-inicio img {
  padding-right: 5px;
}

.title-inicio:before {
  text-align: inherit;
  position: absolute;
  content: "";
  width: 59%;
  height: 1px;
  margin-top: 25px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background: rgba(15, 51, 75, 1);
  background: -moz-linear-gradient(left, rgba(15, 51, 75, 1) 0%, rgba(246, 246, 246, 0) 33%, rgba(246, 246, 246, 0) 66%, rgba(15, 51, 75, 1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(15, 51, 75, 1)), color-stop(33%, rgba(246, 246, 246, 0)), color-stop(66%, rgba(246, 246, 246, 0)), color-stop(100%, rgba(15, 51, 75, 1)));
  background: -webkit-linear-gradient(left, rgba(15, 51, 75, 1) 0%, rgba(246, 246, 246, 0) 33%, rgba(246, 246, 246, 0) 66%, rgba(15, 51, 75, 1) 100%);
  background: -o-linear-gradient(left, rgba(15, 51, 75, 1) 0%, rgba(246, 246, 246, 0) 33%, rgba(246, 246, 246, 0) 66%, rgba(15, 51, 75, 1) 100%);
  background: -ms-linear-gradient(left, rgba(15, 51, 75, 1) 0%, rgba(246, 246, 246, 0) 33%, rgba(246, 246, 246, 0) 66%, rgba(15, 51, 75, 1) 100%);
  background: linear-gradient(to right, rgba(15, 51, 75, 1) 0%, rgba(246, 246, 246, 0) 33%, rgba(246, 246, 246, 0) 66%, rgba(15, 51, 75, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f334b', endColorstr='#0f334b', GradientType=1);
}

.title-inicio.texto-longo:before {
  background: rgba(15, 51, 75, 1);
  background: -moz-linear-gradient(left, rgba(15, 51, 75, 1) 0%, rgba(246, 246, 246, 0) 20%, rgba(246, 246, 246, 0) 80%, rgba(15, 51, 75, 1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(15, 51, 75, 1)), color-stop(20%, rgba(246, 246, 246, 0)), color-stop(80%, rgba(246, 246, 246, 0)), color-stop(100%, rgba(15, 51, 75, 1)));
  background: -webkit-linear-gradient(left, rgba(15, 51, 75, 1) 0%, rgba(246, 246, 246, 0) 20%, rgba(246, 246, 246, 0) 80%, rgba(15, 51, 75, 1) 100%);
  background: -o-linear-gradient(left, rgba(15, 51, 75, 1) 0%, rgba(246, 246, 246, 0) 20%, rgba(246, 246, 246, 0) 80%, rgba(15, 51, 75, 1) 100%);
  background: -ms-linear-gradient(left, rgba(15, 51, 75, 1) 0%, rgba(246, 246, 246, 0) 20%, rgba(246, 246, 246, 0) 80%, rgba(15, 51, 75, 1) 100%);
  background: linear-gradient(to right, rgba(15, 51, 75, 1) 0%, rgba(246, 246, 246, 0) 20%, rgba(246, 246, 246, 0) 80%, rgba(15, 51, 75, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f334b', endColorstr='#0f334b', GradientType=1);
}

.form-inline-text-left {
  vertical-align: top;
  font-weight: normal;
  display: block;
  margin: 0pc auto;
}

.form-inline-text-left .form-group-custom {
  display: block;
  vertical-align: top;
}

.form-inline-text-left .form-group-custom label,
.form-inline-text-left .form-group-custom span,
.form-inline-text-left .form-group-custom p {
  display: block;
  font-weight: normal;
}

.form-inline-text-left .form-group-custom div {
  display: inline-block;
}

.form-inline-text-left input {
  vertical-align: top;
  display: inline-block;
  margin: 3px;
}

.form-inline-text-left submit,
.form-inline-text-left button {
  vertical-align: top;
  display: inline-block;
  margin: 3px;
}

.input-tam-p {
  width: 150px;
}

.input-tam-m {
  width: 250px;
}

.input-tam-g {
  width: 400px;
}

.noselect {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pointer-cursor {
  cursor: pointer;
}


.titulo-inicio {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 40px 8%;
  position: relative;
}

.titulo-inicio::after {
  content: "";
  flex-grow: 1;
  height: 2px;
  background: linear-gradient(90deg, #ffffff 0%, #d9d9d9 40%, #a6a6a6 100%);
  margin-left: 12px;
  opacity: 0.5;
}

.title-text {
  background: linear-gradient(90deg, #ffffff 0%, #d9d9d9 40%, #a6a6a6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.video-section {
  background-color: #000;
  padding: 24px;
}

.video-category-group {
  padding-bottom: 10px;
}

.video-category-btn {
  background-color: #151515;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  color: #bbb;
  font-weight: 500;
  padding: 6px 18px;
  transition: 0.2s ease;
}

.video-category-btn:hover {
  background-color: #1e1e1e;
  color: #fff;
}

.video-category-btn.active {
  background-color: #222;
  border-color: #555;
  color: #fff;
}

.video-player-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.video-player {
  position: relative;
  width: 90%;
  max-width: 1100px;
  aspect-ratio: 16 / 9;
  background-color: #111;
  border: 1px solid #2a2a2a;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}

.video-player iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.video-description {
  color: #aaa;
  margin-top: 10px;
  max-width: 800px;
}

.video-thumbnails {
  margin: 0% 10% 0% 10%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 20px;
  margin-top: 25px;
}

.video-thumb-card {
  background: #151515;
  border: 1px solid #2a2a2a;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  transition: 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.video-thumb-card:hover {
  border-color: #444;
  transform: translateY(-2px);
}

.video-thumb-image {
  background-color: #1c1c1c;
  height: 140px;
  overflow: hidden;
}

.video-thumb-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}

.video-thumb-card:hover .video-thumb-image img {
  transform: scale(1.05);
}

.video-thumb-title {
  color: #fff;
  font-size: 0.85rem;
  padding: 10px;
  text-align: center;
  border-top: 1px solid #2a2a2a;
}

@media (max-width: 992px) {
  .title-inicio:before {
    background: -moz-linear-gradient(left, rgba(15, 51, 75, 1) 0%, rgba(246, 246, 246, 0) 27%, rgba(246, 246, 246, 0) 72%, rgba(15, 51, 75, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(15, 51, 75, 1)), color-stop(27%, rgba(246, 246, 246, 0)), color-stop(72%, rgba(246, 246, 246, 0)), color-stop(100%, rgba(15, 51, 75, 1)));
    background: -webkit-linear-gradient(left, rgba(15, 51, 75, 1) 0%, rgba(246, 246, 246, 0) 27%, rgba(246, 246, 246, 0) 72%, rgba(15, 51, 75, 1) 100%);
    background: -o-linear-gradient(left, rgba(15, 51, 75, 1) 0%, rgba(246, 246, 246, 0) 27%, rgba(246, 246, 246, 0) 72%, rgba(15, 51, 75, 1) 100%);
    background: -ms-linear-gradient(left, rgba(15, 51, 75, 1) 0%, rgba(246, 246, 246, 0) 27%, rgba(246, 246, 246, 0) 72%, rgba(15, 51, 75, 1) 100%);
    background: linear-gradient(to right, rgba(15, 51, 75, 1) 0%, rgba(246, 246, 246, 0) 27%, rgba(246, 246, 246, 0) 72%, rgba(15, 51, 75, 1) 100%);
  }
}

@media (max-width: 768px) {

  .title-inicio:before {
    position: initial;
  }

  .input-tam-p {
    width: 100%;
    display: block;
  }

  .input-tam-m {
    width: 100%;
    display: block;
  }

  .input-tam-g {
    width: 100%;
    display: block;
  }
}

.background-grey {
  background-color: #F0F0F0;
}


.checkbox-custom {
  background-color: #FFF;
  border-radius: 10px;
  border: 1px solid #CCC;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  margin-right: 20px;
  position: relative;
  width: 20px;
  -webkit-appearance: none;
}

.checkbox-custom:after {
  box-shadow: inset 0 0 0 1px hsl(37, 92%, 74%);
  content: '';
}

.checkbox-custom:checked:after {
  background-color: #f66;
  box-shadow: inset 0 0 0 1px hsl(37, 92%, 74%);
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 25px;
}



.subtitle {
  color: #303030;
  /*#0f334b; covic*/
  font-size: 1.5em;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #303030;
  /*#0f334b; covic*/
  text-align: left;
}

.subtitle-white {
    color: #FFF;
    font-size: 1.6em;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #303030;
    text-align: left;
}


.subtitle-home {
  padding: 0 0 5px 0;
  font-size: 1.3em;
  display: block;
  text-align: center;
  color: #303030;
  /*#0f334b; covic*/
}

.link-voltar {
  position: absolute;
  bottom: 0px;
  text-align: center;
  width: 100%;
}

.logo-mac {
  height: 50px;
}


/*---------------ENTRAR---------------*/


.top-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background: #171717;
  color: #FFF;
  min-height: 70px;
  padding: 1em 8%;
  position: sticky;
  top: 0;
  z-index: 30;
  /* acima do blur */
}

/* MENU LATERAL */
.menu {
  position: fixed;
  top: 0;
  right: -450px;
  width: 450px;
  height: 100%;
  background-color: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style-type: none;
  margin: 0;
  padding: 80px 0 0 0;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.4);
  transition: right 0.4s ease;
  z-index: 40;
}

.menu {
  overflow-y: auto;
  -ms-overflow-style: none;
  /* IE / Edge antigo */
  scrollbar-width: none;
  /* Firefox */
}

.menu::-webkit-scrollbar {
  display: none;
  /* Chrome / Safari */
}

.menu li {
  width: 100%;
  text-align: center;
  color: white;
  padding: 1em 30px;
  border-bottom: 1px solid #444;
  text-align: right;
}

.menu li:hover {
  background-color: #333;
}

.menu li a {
  color: #fff;
  text-decoration: none;
}

@media(max-width:768px) {
  .menu li {
    text-align: center;
  }
}

/* BOTÃO HAMBÚRGUER */
.menu-button-container {
  display: flex;
  height: 40px;
  width: 40px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 20px;
  right: 8%;
  z-index: 100;
  background-color: transparent;
}

#menu-toggle {
  display: none;
}

.menu-button,
.menu-button::before,
.menu-button::after {
  display: block;
  background-color: #fff;
  position: absolute;
  height: 4px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
}

.menu-button::before {
  content: '';
  margin-top: -8px;
}

.menu-button::after {
  content: '';
  margin-top: 8px;
}

/* Ícone animado */
#menu-toggle:checked+.menu-button-container .menu-button {
  background: transparent;
}

#menu-toggle:checked+.menu-button-container .menu-button::before {
  margin-top: 0;
  transform: rotate(405deg);
}

#menu-toggle:checked+.menu-button-container .menu-button::after {
  margin-top: 0;
  transform: rotate(-405deg);
}

/* MENU ABERTO */
#menu-toggle:checked~.menu {
  right: 0;
}

/*---------------EFEITO BLUR---------------*/

.blur-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(6px);
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
  z-index: 20;
}

#menu-toggle:checked~.blur-overlay {
  opacity: 1;
  pointer-events: auto;
}


/*HEADER FIM*/


/*FOOTER*/

.nav-externo-footer {
  background-color: #000000;
  color: #7e7e7e;
  margin: 0;
  padding-top: 1%;
}

.conteudo-footer {
  margin: 1% 8% 1% 8%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.nav-externo-footer .conteudo-footer .coluna-conteudo {
  max-width: 30%;
}

.coluna-conteudo h4 {
  color: #ffffff;
  padding: 0 0 15px 0;
  font-size: 24px;
}

.social h4 {
  color: #ffffff;
  padding: 0 0 15px 0;
  font-size: 24px;
}

.titulo-footer {
  padding: 0 0 15px 0;
}

.lista-footer {
  list-style-type: none;
  padding: 0;
}

.lista-footer li {
  margin-bottom: 15px;
}

.lista-footer a {
  cursor: pointer;
}

.lista-footer a:hover {
  color: #ffffff;
  transition: transform 0.9s ease;
  font-size: 16px;
}

.texto-footer {
  text-decoration: none;
  color: #ffffff;
  font-size: 16px;
  text-align: justify;
}

.lista-footer i {
  color: #ffffff;
  font-size: 20px;
  margin-right: 5px;
}

.logo-mac-footer {
  height: 50px;
}

.social {
  list-style-type: none;
  padding: 0;
  width: 100%;
  font-size: 40px;
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.social a {
  color: #fffdf6;
  text-decoration: none;
  margin: 10px;
}

.social li {
  list-style: none;
}

.social li:hover {
  transform: scale(1.1);
  transition: transform 1s;
}

.nav-externo-footer .info-mac {
  text-align: center;
}

.nav-externo-footer .info-mac img {
  height: 57px;
  margin: 3px;
}

.nav-externo-footer .info-mac dl {
  display: inline-block;
  margin: auto;
}

.nav-externo-footer .info-mac dl dd {
  text-align: left;
}

.nav-externo-footer .info-mac p {
  margin: 0;
}

.info-mac {
  font-size: 12px;
}

@media(max-width:1024px) {
  .conteudo-footer {
    margin: 1% 8% 1% 8%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .nav-externo-footer .conteudo-footer .coluna-conteudo {
    max-width: 200px;
    font-size: 12px;
  }

  .nav-externo-footer .info-mac dl dt {
    margin-bottom: 10px;
  }

  .nav-externo-footer .info-mac dl dd {
    text-align: center;
  }

  .lista-footer a:hover {
    color: #ffffff;
    transition: transform 0.9s ease;
    font-size: 14px;
  }

  .social {
    width: 100%;
    height: 40px;
    font-size: 40px;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .social a {
    color: #fffdf6;
    text-decoration: none;
    margin: 10px;
  }

  .social li {
    display: inline-block;
  }

  .social {
    padding: 0;
    height: 30px;
    font-size: 30px;
  }
}

@media(max-width:768px) {
  .nav-externo-footer .info-mac {
    text-align: center;
    padding: 30px 0 30px 0;
  }

  .logo-mac-footer {
    display: none;
  }

  .nav-externo-footer .info-mac dl dt {
    margin-bottom: 10px;
  }

  .nav-externo-footer .info-mac dl dd {
    text-align: center;
  }

  .social {
    height: 30px;
    font-size: 30px;
  }
}

@media(max-width:440px) {
  .conteudo-footer {
    margin: 5%;
    flex-direction: column;
    align-items: flex-start;
  }

  .nav-externo-footer .conteudo-footer .coluna-conteudo {
    min-width: 100%;
    font-size: 12px;
  }

  .texto-footer {
    text-align: justify;
  }

  .coluna-conteudo h4 {
    color: #ffffff;
    padding: 15px 0 15px 0;
  }

  .nav-externo-footer {
    overflow: hidden;
    /* Evita barra de rolagem vertical */
  }

  .social a {
    margin: 6px;
  }

  .social {
    height: 30px;
    font-size: 30px;
  }
}

/*FOOTER FIM*/

/*------------- VANTAGENS -----------------------*/
.vantagens-container ul {
  width: auto;
  list-style-type: none;
  font-weight: 600;
  display: inline-block;
  margin: 0;
  margin-right: 20px;
}

.vantagens-container ul li {
  margin-bottom: 10px;
}

.vantagens-container ul i {
  color: #303030;
  /*#0f334b; covic*/
  font-size: 1.3em;
}

.facil-container {
  text-align: center;
}

.facil-container .lista-imagens {
  list-style-type: none;
  margin: 0;
  text-align: center;
}

.facil-container .lista-imagens li {
  display: inline-block;
}

.facil-container .texto-destaque {
  padding: 10px;
  margin: auto;
  margin-top: 20px;
  font-size: 1.9em;
  color: #fff;
  background-color: #f59a0f;
  display: inline-block;
  text-decoration: none;
  font-weight: 400;
}

.facil-container .texto-destaque>span {
  font-size: 1.6em;
}

@media(max-width: 768px) {
  .facil-container .texto-destaque {
    font-size: 1.4em;
  }
}

@media(max-width: 420px) {

  .facil-container .texto-destaque {
    font-size: 1em;
  }
}


/*------------- VANTAGENS FIM -----------------------*/

/*------------- COMISSOMETRO -----------------------*/
.container-comissometro {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.container-comissometro .valor-comissometro {
  vertical-align: middle;
  margin-top: 10px;
  margin-bottom: 10px;
}

.container-comissometro .valor-comissometro {
  color: #adadad;
  font-size: 1.9em;
  font-weight: bolder;
}

.container-comissometro .valor-comissometro span {
  color: #f0f0f0;
  font-size: 2em;
  background-color: #7400ff;
  border-radius: 4px;
  padding: 3px 6px;
  margin: 3px;
  position: relative;
}

.container-comissometro .valor-comissometro span::after {
  background-color: #fff;
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 50%;
}


.container-comissometro .valor-comissometro label {
  font-size: 2.3em;
}

@media(max-width: 840px) {
  .container-comissometro .valor-comissometro {
    font-size: 1.5em;
  }

  .container-comissometro .valor-comissometro span {
    font-size: 1.8em;
  }
}

@media(max-width: 768px) {
  .container-comissometro {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .container-comissometro .valor-comissometro {
    font-size: 1.5em;
  }

  .container-comissometro .valor-comissometro span {
    font-size: 1.7em;
    padding: 3px 5px;
    margin: 2px;
  }

  .container-comissometro .valor-comissometro span::after {
    background-color: rgba(255, 255, 255, 0.70);
  }

  .container-comissometro .valor-comissometro label {
    font-size: 1.3em;
    padding: 0px;
  }
}


@media(max-width: 420px) {
  .container-comissometro {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .container-comissometro .valor-comissometro {
    font-size: 1.2em;
  }

  .container-comissometro .valor-comissometro span {
    font-size: 1.3em;
    padding: 3px 3px;
    margin: 1px;
  }

  .container-comissometro .valor-comissometro span::after {
    background-color: rgba(255, 255, 255, 0.50);
  }

  .container-comissometro .valor-comissometro label {
    font-size: 1em;
  }
}

/*------------- COMISSOMETRO FIM -----------------------*/

/*INÍCIO*/

#portal-mac {
  background-color: #000;
  font-family: 'Poppins', sans-serif;
  color: #e0e0e0;
  min-height: 50vh;
  padding-bottom: 60px;
}

#portal-hero {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  background: linear-gradient(135deg, #000 0%, #0a0a0a 70%, #020202 100%);
  height: 90vh;
  overflow: hidden;
  color: #fff;
}

/* EFEITO DE LUZ DE FUNDO */
.portal-hero-overlay::before,
.portal-hero-overlay::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(150px);
  opacity: 0.25;
}

.portal-hero-overlay::before {
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, #666, transparent 70%);
  top: 10%;
  left: 15%;
}

.portal-hero-overlay::after {
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, #600, transparent 70%);
  bottom: 0;
  right: 5%;
}

/* CONTEÚDO DO HERO */
.portal-hero-conteudo {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}

/* TEXTOS */
.portal-hero-textos {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-content: end;
  justify-content: center;
  padding: 0 6%;
  animation: fadeInLeft 1.2s ease;
  text-align: end;
}

.portal-hero-textos .titulo {
  font-size: 2rem;
  font-weight: 100;
  align-content: end;
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 25px;
}

.portal-hero-textos .descricao {
  font-size: 1.15rem;
  line-height: 1.8;
  align-content: end;
  color: #d0d0d0;
  margin-bottom: 40px;
  text-align: end;
}

/* BOTÕES */
.portal-hero-botoes {
  display: flex;
  gap: 20px;
}

.botao.destaque {
  background: linear-gradient(90deg, #888, #444);
  color: #fff;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.15);
}

.botao.destaque:hover {
  background: #fff;
  color: #000;
  transform: scale(1.07);
  box-shadow: 0 0 25px rgba(255, 255, 255, 0.4);
}

.botao.secundario {
  background: transparent;
  border: 2px solid #aaa;
  color: #ccc;
}

.botao.secundario:hover {
  background: #ccc;
  color: #000;
  transform: scale(1.05);
}

/* IMAGEM DO HERO */
.portal-hero-imagem {
  flex: 1;
  position: relative;
  overflow: hidden;
  animation: fadeInRight 1.2s ease;
}

.portal-hero-imagem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* RESPONSIVIDADE */
@media (max-width: 992px) {
  .portal-hero-conteudo {
    flex-direction: column;
  }

  .portal-hero-textos {
    padding: 10% 6%;
    text-align: center;
  }

  .portal-hero-imagem {
    height: 40vh;
  }

  .portal-hero-textos .titulo {
    text-align: center;
  }

  .portal-hero-textos .descricao {
    text-align: center;
  }
}

/* --- MODO MOBILE COM IMAGEM DE FUNDO --- */
@media (max-width: 768px) {
  #portal-hero {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  /* imagem de fundo */
  #portal-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('~/Images/Home/imagem_1.png');
    background-size: cover;
    background-position: center;
    filter: blur(6px) brightness(0.4);
    z-index: 0;
  }

  /* oculta o bloco de imagem separada */
  .portal-hero-imagem {
    display: none;
  }

  /* coloca o texto na frente */
  .portal-hero-textos {
    position: relative;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    border-radius: 10px;
    padding: 8% 6%;
    text-align: center;
  }

  .portal-hero-textos .titulo {
    text-align: center;
  }

  .portal-hero-textos .descricao {
    color: #e0e0e0;
    background-color: rgba(0, 0, 0, 0.3);
    text-align: center;
    font-size: 0.9em;
  }

  .portal-hero-botoes {
    justify-content: center;
  }

  .bloco {
    margin: 50px 10px !important;
  }
}

/* inicio */




















.bloco {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #101010;
  border-radius: 0px;
  overflow: hidden;
  margin-bottom: 100px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.8);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  margin: 50px 100px;
}

.bloco:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.9);
}

.bloco .imagem {
  width: 100%;
  max-width: 420px;
  object-fit: cover;
  border-right: 3px solid #eee;
}

.bloco .conteudo {
  flex: 1;
  padding: 50px 40px;
}

.bloco .titulo {
  font-size: 1.9rem;
  color: #fff;
  font-weight: 600;
  margin-bottom: 20px;
}

.bloco .texto {
  color: #c0c0c0;
  font-size: 1.05rem;
  margin-bottom: 30px;
  line-height: 1.7;
}

.botao {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px 34px;
  background: #666;
  color: #fff;
  border-radius: 30px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.95rem;
  letter-spacing: 0.8px;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  width: 350px;
}


.botao:hover {
  background: #fff;
  color: #000;
  transform: scale(1.06);
  box-shadow: 0 0 12px #a6a6a6;
}

@media (max-width: 1024px) {
  .portal-hero-conteudo {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .portal-hero-textos {
    width: 100% !important;
    max-width: 100% !important;
    padding: 30px 5%;
    box-sizing: border-box;
    text-align: left;
  }

  .portal-hero-imagem {
    width: 100% !important;
    margin-top: 20px;
  }

  .portal-hero-imagem img {
    width: 100%;
    height: auto;
    display: block;
  }

  .portal-hero-botoes {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 20px;
    gap: 12px;
  }

  .portal-hero-botoes .botao {
    width: 80%;
    max-width: 350px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .bloco img {
    display: none !important;
  }

  .bloco .conteudo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding: 30px 5%;
    box-sizing: border-box;
  }

  .vantagem-texto {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }

  .vantagem-botao {
    display: inline-block;
    margin-top: 20px;
    text-align: center;
    width: auto;
  }

  .card-vantagem {
    text-align: center;
    margin: 20px auto;
    width: 90%;
  }
}

/*FIM INÍCIO*/

/*LOGIN*/
.container-inicio-entrar {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.container-inicio-entrar .bem-vindo {
  color: #fff;
  min-height: 360px;
  background-color: rgba(0, 0, 0, 0.4);
}


.container-inicio-entrar .entrar {
  background: rgba(0, 0, 0, 0.55);
  /* preto transparente */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  /* safari */
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  width: 30%;
  height: 70%;
  border-radius: 8px;
  padding: 25px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}


.container-entrar {
  background-color: #000000;
}

.logo-mac-entrar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.logo-mac-entrar img {
  height: 60px;
}

.texto-branco {
  color: #fff;
}

.texto-cinza-claro {
  color: #b2b2b2;
}

.container-inicio-entrar .entrar .header {
  line-height: 40px;
  font-size: 1.5em;
  text-align: center;
  width: 100%;
  color: #fff;
}

.container-inicio-entrar .entrar .body {
  padding: 20px 7%;
}

.container-inicio-entrar .entrar .body input {
  margin-top: 30px;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  color: #f5f5f5;
  font-size: 15px;
  transition: border-color .25s ease, background .25s ease;
}

.container-inicio-entrar .entrar .body input::placeholder {
  color: rgba(255, 255, 255, 0.60);
}

.container-inicio-entrar .entrar .body input:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.55);
}

.botao-entrar {
  background-color: #666 !important;
  border-color: #666 !important;
  width: 100%;
  display: block;
  margin: 30px 0;
  padding: 10px;
  font-size: 1.1em;
}

@media (max-width: 1024px) {
  .container-inicio-entrar .entrar {
    width: 50%;
    padding: 30px;
  }

  .logo-mac-entrar img {
    height: 55px;
  }
}

@media (max-width: 768px) {

  .container-inicio-entrar .entrar {
    width: 70%;
    min-height: auto;
    padding: 25px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  }

  .container-inicio-entrar .entrar .header {
    font-size: 1.3em;
  }

  .logo-mac-entrar img {
    height: 50px;
  }
}

@media (max-width: 480px) {
  .container-inicio-entrar .entrar {
    width: 95%;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  }

  .container-inicio-entrar .entrar .header {
    font-size: 1.2em;
  }

  .logo-mac-entrar img {
    height: 45px;
  }

  .botao-entrar {
    font-size: 1em;
    padding: 12px;
  }
}

/*INICIO FIM*/

/*CADASTRAR */
.cadastrar-tipo {
  width: 100%;
  position: relative;
}

.cadastrar-tipo {
  padding: 0px;
  margin: 0px auto;
  width: 100%;
  text-align: center;
}


.cadastrar-tipo ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.cadastrar-tipo li {
  float: left;
  /*background-color: #f79a00;*/
}

.cadastrar-tipo li a {
  display: block;
  /*color: #FFFAD5;*/
  background-color: #000;
  color: #ffffff;
  width: 245px;
  padding: 10px 0;
  margin: 0 10px;
  text-decoration: none;
  border-left: 1px solid #FFF;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
}

.cadastrar-tipo .nav-inline-block {
  display: inline-block;
  /*width: 490px;*/
}

.cadastrar-tipo .nav-inline-block .is-selected {
  background-color: #000;
  font-weight: 700;
}


.drop-box {
  background: #F8F8F8;
  border: 5px dashed #DDD;
  width: 100%;
  text-align: center;
  padding: 25px;
  margin-top: 30px;
}

.drop-box.accept {
  border: 5px dashed green;
  background-color: #E4FFE4;
}

.drop-box.reject {
  border: 5px dashed red;
  background-color: #FFE4E4;
}

.arquivo-upload {
  max-height: 200px;
  max-width: 200px;
}

.barra-progresso {
  width: 100%;
}

.box-detalhes {
  width: 200px;
  display: inline-block;
  margin: 10px;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
}

.box-detalhes header {
  margin-bottom: 5px;
}

.box-detalhes article {
  margin-bottom: 5px;
  box-shadow: 0px 0px 5px rgba(65, 65, 65, 0.3);
}

.box-detalhes .nome-coordenador {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 200px;
  cursor: pointer;
}

.box-detalhes article label {
  color: #000;
  font-size: 1.5em;
}

.box-detalhes .descricao-coordenador {
  text-align: left;
  display: block;
  margin: 5px 10px;
}

.box-detalhes .mais-detalhes {
  display: none;
}

.texto-termo-uso {
  height: 300px;
  background-color: #FFF;
  border-radius: 2px;
  border: 1px solid #c5c5c5;
  overflow-y: auto;
  margin-top: 1rem;
  padding: 10px;
}

.label-termo-uso {
  color: grey;
}

@media(max-width: 768px) {
  .cadastrar-tipo .nav-inline-block {
    width: 400px;
  }

  .cadastrar-tipo li a {
    width: 199px;
  }

  .box-detalhes {
    width: 150px;
  }

  .box-detalhes .nome-coordenador {
    width: 150px;
  }
}

@media(max-width: 440px) {
  .cadastrar-tipo .nav-inline-block {
    width: 270px;
    margin: 0px;
  }

  .cadastrar-tipo ul {
    display: block;
    margin: 0px;
  }

  .cadastrar-tipo li a {
    display: block;
    min-width: 250px;
    margin: 0px;
  }

  .box-detalhes {
    width: 100%;
  }

  .box-detalhes img {
    width: 150px;
    margin: 0px auto;
  }

  .box-detalhes .nome-coordenador {
    width: 200px;
    padding: 3px;
  }

  .box-detalhes .mais-detalhes {
    display: block;
    cursor: pointer;
    background-color: #FFF !important;
  }

  .box-detalhes .descricao-coordenador {
    display: none;
    padding: 5px;
  }

  .is-visible {
    display: block !important;
  }
}

/*CADASTRAR FIM*/

/*CADASTRAR NOVO*/


body {
  background: var(--bg) !important;
  color: var(--text) !important;
}

.title-row {
  padding: 28px 28px 12px 28px;
  border-bottom: 1px solid var(--cinza-claro-2);
}

.title-row h1 {
  font-size: clamp(1.6rem, 1.25rem + 1.2vw, 2.2rem);
  margin: 0;
  letter-spacing: .5px;
  font-weight: 800;
}

.content {
  padding: 22px;
}

.caixa-texto input {
  background: #0c0c0c;
  color: var(--text);
  border: 1px solid var(--cinza-claro-2);
  border-radius: 14px;
  resize: vertical;
}

.caixa-texto input::placeholder {
  color: #8f8f8f;
}

.caixa-texto input:focus {
  border-color: #fff;
  color: var(--text);
  background-color: var(--cinza-claro-3);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .15);
}

.btn-padrao {
  background: var(--bg) !important;
  color: var(--text) !important;
  border: 1px solid #000 !important;
  border-radius: 14px;
  padding: 12px 18px;
  font-weight: 700;
  transition: .18s ease;
}

.btn-padrao:hover {
  background-color: var(--cinza-claro-1) !important;
  border: 1px solid var(--cinza-claro-2) !important;
}

.btn-padrao-secondario {
  background: #0c0c0c !important;
  color: var(--text) !important;
  border: 1px solid var(--cinza-claro-2) !important;
  border-radius: 0px 14px 14px 0px !important;
  padding: 12px 18px;
  font-weight: 700;
  transition: .18s ease;
}

.btn-padrao-secondario:hover {
  background-color: var(--cinza-claro-1) !important;
  border: 1px solid var(--cinza-claro-2) !important;
}

.card-elevated {
  border: 1px solid var(--cinza-claro-2) !important;
  background-color: var(--cinza-claro-1) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
  border-radius: 18px;
}

.required::after {
  content: " *";
  color: #dc3545;
  font-weight: bold;
}

.card-body {
  color: #fff !important;
}

.caixa-texto input {
  background: #0c0c0c;
  color: var(--text);
  border: 1px solid var(--cinza-claro-2);
}

.caixa-texto input:-webkit-autofill {
  background-color: #0c0c0c !important;
  -webkit-text-fill-color: var(--text) !important;
  border: 1px solid var(--cinza-claro-2) !important;
  box-shadow: 0 0 0 30px #0c0c0c inset !important;
  transition: background-color 9999s ease-in-out 0s;
}

.caixa-texto input:-webkit-autofill:focus {
  border-color: #fff !important;
  box-shadow: 0 0 0 30px #0c0c0c inset !important;
}

.caixa-texto input::placeholder {
  color: #8f8f8f;
}

.caixa-texto input:focus {
  border-color: #fff;
  color: var(--text);
  background-color: var(--cinza-claro-3);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .15);
}

.caixa-texto input:disabled {
  color: var(--text);
  background-color: var(--cinza-claro-3);
}

.form-select {
  background-color: #0c0c0c !important;
  color: var(--text) !important;
  border: 1px solid var(--cinza-claro-2) !important;
}

.form-select:focus {
  border-color: #fff !important;
  color: var(--text) !important;
  background-color: var(--cinza-claro-3) !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .15) !important;
}

.fundo-termos {
  background-color: #0c0c0c !important;
  border: 1px solid var(--cinza-claro-2) !important;
  color: #fff !important;
}

.fundo-termos * {
  color: #fff !important;
}

input[type="file"].form-control {
  background-color: #0c0c0c;
  color: #f5f5f5;
  border: 1px solid #2a2a2a;
  border-radius: 10px;
  padding: 6px 10px;
  transition: 0.2s;
}

input[type="file"].form-control::file-selector-button {
  background-color: #0c0c0c;
  color: #fff;
  border-radius: 8px;
  padding: 6px 14px;
  margin-right: 10px;
  cursor: pointer;
  transition: 0.25s;
  font-weight: 500;
}

input[type="file"].form-control:hover::file-selector-button,
input[type="file"].form-control::file-selector-button:hover {
  background-color: #000 !important;
  color: #fff;
}

input[type="file"].form-control:focus {
  border-color: #fff;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .15);
}

/*CADASTRAR NOVO FIM*/


/*COMERCIAL MAC*/



.access-mgr-wrap {
  color: var(--mgr-text);
}

.access-mgr-title {
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--mgr-text);
  border-color: var(--mgr-border) !important;
}

.access-mgr-card {
  background: var(--mgr-bg);
  border: 1px solid var(--mgr-border);
  border-radius: 14px;
  padding: 14px;
  transition: .2s ease;
}

.access-mgr-card:hover {
  transform: translateY(-2px);
  border-color: #3a3a3a;
}

.access-mgr-photo {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  background: var(--mgr-bg-soft);
  border: 1px solid var(--mgr-border);
}

.access-mgr-photo img,
.access-mgr-photo .access-mgr-photo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.access-mgr-photo-ph {
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #141414, #0f0f0f);
  aspect-ratio: 1 / 1;
}


.access-mgr-photo-ph i {
  font-size: 2.4rem;
  color: #6f6f6f;
}

.access-mgr-info {
  line-height: 1.25;
}

.access-mgr-name {
  font-size: .9rem;
  margin-bottom: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.access-mgr-phone {
  color: var(--mgr-muted);
  font-size: .82rem;
  margin-bottom: 4px;
}

.access-mgr-mail {
  color: #fff;
  font-size: .82rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*COMERCIAL MAC FIM*/

/*-------------- RECUPERAÇÃO DE SENHA - ESQUECI MINHA SENHA --------------*/
.senha-enviada-sucesso {
  text-align: center;
}

.senha-enviada-sucesso h1 {
  margin-bottom: 20px;
}

/*-------------- RECUPERAÇÃO DE SENHA - ESQUECI MINHA SENHA FIM --------------*/

/*ALTERAR SENHA*/


body {
  background: var(--bg) !important;
  color: var(--text) !important;
}

.senha-wrap {
  max-width: 980px;
  margin: 48px auto;
  background: var(--cinza-claro-1);
  border: 1px solid var(--cinza-claro-2);
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
  overflow: hidden;
}

.title-row {
  padding: 28px 28px 12px 28px;
  border-bottom: 1px solid var(--cinza-claro-2);
}

.title-row h1 {
  font-size: clamp(1.6rem, 1.25rem + 1.2vw, 2.2rem);
  margin: 0;
  letter-spacing: .5px;
  font-weight: 800;
}

.content {
  padding: 22px;
}

.caixa-texto input {
  background: #0c0c0c;
  color: var(--text);
  border: 1px solid var(--cinza-claro-2);
  border-radius: 14px;
  resize: vertical;
}

.caixa-texto input::placeholder {
  color: #8f8f8f;
}

.caixa-texto input:focus {
  border-color: #fff;
  color: var(--text);
  background-color: var(--cinza-claro-3);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .15);
}

.divider {
  border-top: 1px solid var(--cinza-claro-2);
  margin: 18px 0 20px;
}

.btn-send {
  background: var(--bg) !important;
  color: var(--text) !important;
  border: 1px solid #000;
  border-radius: 14px;
  padding: 12px 18px;
  font-weight: 700;
  width: 100%;
  transition: .18s ease;
}

.btn-send:hover {
  background-color: var(--cinza-claro-1) !important;
  transform: translateY(-1px) !important;
  border: 1px solid var(--cinza-claro-2) !important;
}

/*ALTERAR SENHA FIM*/

/* VANTAGENS */
.container-vantagens {
  display: block;
  position: relative;
  min-height: 300px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  background-color: #FFF;
}

.container-vantagens p {
  margin: 10px;
}

.container-vantagens p::first-letter {
  font-size: 1.2em;
  margin-left: 20px;
}


/* VANTAGENS FIM */



/*----------------- ACOMPANHAR ------------------*/
.form-left {
  margin: 10px 0;
  vertical-align: top;
}

.form-left label {
  margin-top: 5px;
  margin-bottom: 0px;
  font-weight: normal;
  font-size: 0.9em;
  vertical-align: top;
}

.form-left input {
  margin: 0 auto;
  vertical-align: top;
}

.form-left button[type="submit"] {
  vertical-align: top;
}

@media(max-width: 768px) {
  .form-left button[type="submit"] {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

/*-----------------ACOMPANHAR FIM ------------------*/

/*---------------ENTRAR FIM---------------*/



/*---------------  TERMO DE USO  ---------------*/

.container-menor {
  display: block;
  position: relative;
  height: 100%;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  background-color: #FFF;
  padding: 10px 20px 20px 20px;
}

/*---------------  TERMO DE USO FIM  ---------------*/


/*---------------NAV INTERNO---------*/

.body-interno {
  transition: 0.6s;
  transition-delay: 0.05s;
}

.body-interno-reduzido {
  margin-right: 200px;
}

.body-interno-reduzido.body-interno-reduzido-add {
  margin-right: 0;
}

.body-interno-reduzido.body-interno-reduzido-add-active {
  margin-right: 200px;
}

.body-interno-reduzido.body-interno-reduzido-remove {
  margin-right: 200px;
}

.body-interno-reduzido.body-interno-reduzido-remove-active {
  margin-right: 0;
}

.nav-interno-header {
  z-index: 1040;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  list-style-type: none;
  background-color: #303030;
  /*#0f334b; covic*/
  height: 70px;
  width: 100%;
  position: fixed;
  display: block;
  color: #fff;
}

.ambiente-logo-navbar {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

.nav-interno-header li {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  min-width: 100px;
  text-align: center;
  line-height: 70px;
}

.nav-interno-header li.hover:hover {
  cursor: pointer;
  background-color: #5a7085;
}

.nav-interno-header img {
  max-width: 104px;
  height: 54px;
  width: auto;
}

.usuario-menu {
  min-width: 150px;
}

.usuario-menu img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
}

.usuario-menu .bem-vindo {
  padding: 0 10px;
}



/*menu vertical*/

.menu-vertical {
  z-index: 1000;
  margin: 0;
  padding: 0;
  top: 0;
  right: 0;
  list-style-type: none;
  background-color: #303030;
  height: 100%;
  width: 200px;
  position: fixed;
  display: block;
  color: #fff;
  transition: 0.6s;
  padding-top: 70px;
  overflow-y: auto;
}

.menu li {
  cursor: pointer;
}

.menu-vertical.ng-hide-remove {
  margin-right: -200px;
}

.menu-vertical.ng-hide-remove-active {
  margin-right: 0;
}

.menu-vertical.ng-hide-add {
  margin-right: 0;
}

.menu-vertical.ng-hide-add-active {
  margin-right: -200px;
}

.menu-vertical li {
  line-height: 35px;
  padding: 0 5px;
  cursor: pointer;
  border-left: 3px solid transparent;
}

.menu-vertical li>a {
  display: block;
  text-decoration: none;
  color: #fff;
}

.menu-vertical li:hover {
  background-color: #5a7085;
}

.menu-vertical .menu-ativo {
  border-left: 3px solid white;
}

.menu-ativo {
  background-color: #5a7085;
}

.container-notificacao-menu {
  width: 6%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}


.lista-notificacao-cadastro {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 235px;
  overflow: auto;
  border-bottom: 1px solid #d7d7d7;
}

.lista-notificacao-cadastro li {
  line-height: 25px;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #830c0e;
  border-bottom: 2px solid #fff;
  padding: 2px 10px;
  text-decoration: none;
  color: #4a4a4a;
  cursor: pointer;
}

.lista-notificacao-cadastro li:hover {
  background-color: #fbfbfb;
}


.lista-notificacao-cadastro li.active {
  background-color: #d43737;
  color: #fff;
}

.icone-lido {
  padding: 5px;
  font-size: 18px;
  transition: 0.3s;
}

.icone-lido:hover {
  color: #d82a20;
}

.notificacao-icone {
  vertical-align: top;
  font-size: 25px;
  width: 100%;
  height: 70px;
  padding-top: 22px;
  position: relative;
}

.notificacao-icone .contador-notificacao {
  position: absolute;
  background-color: #d5281f;
  font-size: 0.55em;
  padding: 3px;
  height: 20px;
  width: auto;
  border-radius: 50%;
  top: 15px;
  left: 35px;
}

.lista-notificacao {
  position: fixed;
  background-color: #303030;
  width: 360px;
  height: 80%;
  top: 70px;
  z-index: -1;
  transition: 0.5s;
  right: 0;
  overflow: auto;
  cursor: auto;
}

.lista-notificacao p {
  margin: 0;
  line-height: normal;
  padding: 10px 10px 20px 10px;
  text-align: left;
  position: relative;
}

.lista-notificacao p span {
  bottom: 10px;
  position: absolute;
  right: 10px;
}

.lista-notificacao p:hover {
  background-color: #5a7085;
}

.lista-notificacao.ng-hide-remove {
  right: -360px;
}

.lista-notificacao.ng-hide-remove-active {
  right: 0;
}

.lista-notificacao.ng-hide-add {
  right: 0;
}

.lista-notificacao.ng-hide-add-active {
  right: -360px;
}



@media(max-width:768px) {

  .ambiente-logo-navbar {
    max-width: 70%;
  }

  .container-notificacao-menu {
    width: 12%;
  }

  .usuario-menu {
    min-width: 0px;
  }

  .usuario-menu img {
    height: 35px;
    width: 35px;
    border-radius: 50%;
  }

  .nav-interno-header .logo {
    height: 30px;
  }

  .nav-interno-header img {
    max-width: 104px;
    max-height: 54px;
    width: auto;
    height: auto;
  }

  .nav-interno-header li {
    font-size: 0.9em;
    margin-left: 3px;
    min-width: 60px;
  }


  .usuario-menu .bem-vindo {
    display: none;
  }

  .body-interno-reduzido {
    margin-right: 0;
  }

  .menu-vertical {
    width: 100%;
    position: fixed;
  }

  .lista-notificacao {
    width: 100%;
  }

  .lista-notificacao p span {
    font-size: 0.85em;
  }

  .menu-vertical li {
    width: 100%;
  }



  .menu-vertical.ng-hide-remove {
    width: 0%;
  }

  .menu-vertical.ng-hide-remove-active {
    width: 100%;
  }

  .menu-vertical.ng-hide-add {
    width: 100%;
  }

  .menu-vertical.ng-hide-add-active {
    width: 0%;
  }

  .body-interno-reduzido.body-interno-reduzido-add {
    margin-right: 0;
  }

  .body-interno-reduzido.body-interno-reduzido-add-active {
    margin-right: 0;
  }

  .body-interno-reduzido.body-interno-reduzido-remove {
    margin-right: 0;
  }

  .body-interno-reduzido.body-interno-reduzido-remove-active {
    margin-right: 0;
  }



  .lista-notificacao.ng-hide-remove {
    width: 0;
  }

  .lista-notificacao.ng-hide-remove-active {
    width: 100%;
  }

  .lista-notificacao.ng-hide-add {
    width: 100%;
  }

  .lista-notificacao.ng-hide-add-active {
    width: 0;
  }
}

@media(max-width:444px) {
  .ambiente-navbar {
    display: none;
  }

  .ambiente-logo-navbar {
    max-width: 40%;
  }

  .container-notificacao-menu {
    width: 20%;
  }

  .nav-interno-header .logo {
    height: 25px;
  }
}

/*---------------NAV INTERNO FIM---------------*/

/*---------------GERENTE---------------*/

/* Avatar e texto */
.gerente-info {
  background: #0e0e0e;
  border: 1px solid #2a2a2a;
  border-radius: 12px;
  padding: 6px 14px;
  box-shadow: 2px 2px 0 #000;
  transition: 0.3s ease;
}

.gerente-info:hover {
  border-color: #444;
  transform: translateY(-1px);
}

.avatar-gerente {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid #2a2a2a;
}

.gerente-text {
  line-height: 1.3;
}

.nome-gerente {
  color: #fff;
  font-size: 0.95rem;
}

.dados-gerente {
  font-size: 0.8rem;
  color: #9f9f9f;
}

.dados-gerente a.link-email {
  color: #fff;
  text-decoration: none;
  transition: 0.2s;
}

.dados-gerente a.link-email:hover {
  text-decoration: underline;
}

.container-gerente {
  margin: auto;
  padding-top: 10px;
  line-height: 17px;
  text-align: left;
}

.container-gerente-bloco {
  margin-left: 50px;
}

.container-gerente .coluna-foto,
.container-gerente .coluna-texto {
  display: inline-block;
  vertical-align: top;
}


.container-gerente .foto {
  border-radius: 50px 50px;
}

.container-gerente .texto-informativo-gerente {
  margin-left: 10px;
  color: #AAA !important;
  font-size: 0.9em !important;
  letter-spacing: 0.6px;
}

@media(max-width: 768px) {
  .container-gerente-bloco {
    margin-left: 30px;
  }

  .container-gerente .foto {
    display: none;
  }

  .container-gerente .texto-informativo-gerente {
    margin-left: 0px;
  }
}

@media(max-width: 444px) {
  .container-gerente-bloco {
    margin-left: 15px;
  }

  .container-gerente .coluna-texto,
  .container-gerente .coluna-texto div {
    font-size: 0.7em;
    letter-spacing: 0.3px;
  }
}

/*---------------GERENTE FIM---------------*/
/*---------------INICIO---------------*/
.container-inicio-noticias {
  margin-left: 0px;
}

.container-inicio-noticias ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.container-inicio-noticias ul li {
  margin: 0;
  padding: 5px 10px;
  width: 100%;
  position: relative;
}

.container-inicio-noticias ul li:nth-child(even) {
  background-color: #ece8e7;
}

.container-inicio-noticias .noticia {}

.container-inicio-noticias .noticia:hover {
  background-color: rgba(204, 204, 204, 0.5);
}

.container-inicio-noticias .noticia .noticia-image img {
  width: 50px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}


.container-inicio-noticias .noticia .noticia-title {
  display: block;
  font-size: 0.9em;
  font-weight: bolder;
}

.container-inicio-noticias .noticia .noticia-body {
  display: block;
  font-size: 0.9em;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  padding-right: 50px;
}

.container-inicio-noticias .noticia .noticia-link>a {
  height: 100%;
  padding: 7px 0;
  width: 50px;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 2em;
  color: #303030;
  /*#0f334b; covic*/
  text-align: center;
  text-decoration: none;
}

.container-inicio-noticias .noticia .noticia-link>a:hover {
  background-color: #303030;
  /*#0f334b; covic*/
  color: #fff;
}

.container-inicio-noticias .detalhes {
  margin-top: 10px;
}



.container-inicio-usuario {
  padding: 20px 0;
  text-align: center;
  background-color: #000;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  height: 100%;
}

.container-inicio-usuario img {
  width: 100%;
  max-width: 200px;
}

.container-inicio-usuario .usuario p {
  margin: 5px 0;
  padding: 0;
}

.container-inicio-usuario .usuario .usuario-title {
  font-size: 1.1em;
}

.container-inicio-usuario .usuario .usuario-nome {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 14px;
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
}

.container-inicio-usuario .usuario .usuario-nome {
  background: linear-gradient(90deg, #ffffff 0%, #d9d9d9 40%, #a6a6a6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Tablets */
@media (max-width: 991px) {
  .container-inicio-usuario .usuario {
    text-align: center;
  }

  .container-inicio-usuario .usuario .usuario-title {
    font-size: 1.1em;
  }

  .container-inicio-usuario .usuario .usuario-nome {
    font-size: 1.5rem;
  }
}

/* Celulares */
@media (max-width: 768px) {
  .container-inicio-usuario .row {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .container-inicio-usuario .col-sm-6,
  .container-inicio-usuario .col-md-6 {
    max-width: 100%;
  }

  .container-inicio-usuario img,
  .container-inicio-usuario [afkl-lazy-image] {
    max-width: 120px;
    margin-bottom: 15px;
  }

  .container-inicio-usuario .usuario {
    text-align: center;
    font-size: 14px;
  }
}


.container-ranking {}

.container-ranking .ranking {
  list-style-type: none;
  margin: 40px 0;
  text-align: center;
}

.container-ranking .ranking li {
  display: inline-block;
  width: 120px;
  margin: 0 10px;
}

.container-ranking .ranking li .header {
  text-align: center;
}

.container-ranking .ranking li .header .medal {
  display: none;
}

.container-ranking .ranking li .header img {
  width: 90px;
  height: 90px;
  -moz-border-radius: 45px;
  -webkit-border-radius: 45px;
  border-radius: 45px;
}



.container-ranking .ranking li .body {
  background-color: #fb6362;
  margin: auto;
  margin-top: -15px;
  color: white;
  padding: 20px 0 0 0;
}

.container-ranking .ranking li:nth-child(1) .body {
  height: 180px;
}

.container-ranking .ranking li:nth-child(2) .body {
  height: 165px;
}

.container-ranking .ranking li:nth-child(3) .body {
  height: 150px;
}

.container-ranking .ranking li:nth-child(4) .body {
  height: 135px;
}

.container-ranking .ranking li:nth-child(5) .body {
  height: 120px;
}

.container-ranking .ranking li:nth-child(6) .body {
  height: 105px;
}

.container-ranking .ranking li .footer {
  margin: auto;
  padding: 10px 0;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

.container-ranking .ranking li .footer b {
  line-height: 32px;
}

.container-ranking .ranking li .footer i {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.container-ranking .ranking li .footer .medal {
  display: none;
  vertical-align: top;
  margin-top: 5px;
  margin-left: -10px;
  height: 32px;
  width: 32px;
  margin-top: 0;
}

.container-ranking .ranking li:nth-child(1) .footer .medal {
  display: inline-block;
  background: url(../Images/gold-medal.png);
}

.container-ranking .ranking li:nth-child(2) .footer .medal {
  display: inline-block;
  background: url(../Images/silver-medal.png);
}

.container-ranking .ranking li:nth-child(3) .footer .medal {
  display: inline-block;
  background: url(../Images/bronze-medal.png);
}



@media(max-width:991px) {

  .container-ranking .ranking {
    list-style-type: none;
    margin: 15px 0;
  }

  .container-ranking .ranking li {
    display: block;
    width: 90%;
    text-align: left;
    margin: 15px 15px 35px 15px;
  }

  .container-ranking .ranking li .header {
    text-align: right;
    /*position: absolute;
            margin-left: -50px;*/
    line-height: 35px;
    margin-bottom: -55px;
  }

  .container-ranking .ranking li:nth-child(1) .header {
    height: auto;
    width: 88%;
  }

  .container-ranking .ranking li:nth-child(2) .header {
    width: 80%;
  }

  .container-ranking .ranking li:nth-child(3) .header {
    width: 72%;
  }

  .container-ranking .ranking li:nth-child(4) .header {
    width: 64%;
  }

  .container-ranking .ranking li:nth-child(5) .header {
    width: 58%;
  }


  .container-ranking .ranking li .header img {
    width: 52px;
    height: 52px;
    margin-top: 4px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    margin-right: -25px;
  }

  .container-ranking .ranking li:nth-child(1) .header .medal {
    background: url(../Images/gold-medal.png);
    height: 32px;
    width: 32px;
    display: inline-block;
    margin-left: 50px;
    margin-right: -86px;
    margin-bottom: -14px;
  }

  .container-ranking .ranking li:nth-child(2) .header .medal {
    background: url(../Images/silver-medal.png);
    height: 32px;
    width: 32px;
    display: inline-block;
    margin-right: -86px;
    margin-bottom: -14px;
  }

  .container-ranking .ranking li:nth-child(3) .header .medal {
    background: url(../Images/bronze-medal.png);
    height: 32px;
    width: 32px;
    display: inline-block;
    margin-right: -86px;
    margin-bottom: -14px;
  }

  .container-ranking .ranking li .body {
    margin-top: 0px;
    padding: 0 0 0 15px;
    margin-left: 0;
    margin-bottom: -5px;
  }

  .container-ranking .ranking li:nth-child(1) .body {
    height: auto;
    line-height: 60px;
    width: 88%;
  }

  .container-ranking .ranking li:nth-child(2) .body {
    width: 80%;
    height: auto;
    line-height: 60px;
  }

  .container-ranking .ranking li:nth-child(3) .body {
    width: 72%;
    height: auto;
    line-height: 60px;
  }

  .container-ranking .ranking li:nth-child(4) .body {
    width: 64%;
    height: auto;
    line-height: 60px;
  }

  .container-ranking .ranking li:nth-child(5) .body {
    width: 58%;
    height: auto;
    line-height: 60px;
  }

  .container-ranking .ranking li:nth-child(6) .body {
    width: 50%;
    height: auto;
    /*line-height: 35px;*/
    line-height: 60px;
  }

  .container-ranking .ranking li .footer {
    white-space: nowrap;
    padding: 0 0;
    margin-top: -80px;
    position: absolute;
    max-width: 80%;
    text-align: left;
    vertical-align: top;
  }

  .container-ranking .ranking li .footer .medal {
    display: none !important;
  }

  .container-ranking .ranking li .footer i {
    display: inline-block;
    vertical-align: top;
    line-height: 32px;
  }

  .container-ranking .ranking li .footer b:after {
    content: " - ";
  }
}

@media(max-width:375px) {
  .container-ranking .ranking li .body {
    font-size: 0.8em;
  }

  .container-ranking .ranking li:nth-child(1) .body {
    width: 80%;
  }

  .container-ranking .ranking li:nth-child(2) .body {
    width: 76%;
  }

  .container-ranking .ranking li:nth-child(3) .body {
    width: 72%;
  }

  .container-ranking .ranking li:nth-child(4) .body {
    width: 68%;
  }

  .container-ranking .ranking li:nth-child(5) .body {
    width: 64%;
  }

  .container-ranking .ranking li:nth-child(1) .header {
    width: 80%;
  }

  .container-ranking .ranking li:nth-child(2) .header {
    width: 76%;
  }

  .container-ranking .ranking li:nth-child(3) .header {
    width: 72%;
  }

  .container-ranking .ranking li:nth-child(4) .header {
    width: 68%;
  }

  .container-ranking .ranking li:nth-child(5) .header {
    width: 64%;
  }
}

/**** Tela Interna */
.container-ranking .card-ranking>div:nth-child(1);

  {
  height: 120px;
}

.container-ranking .card-spacing {
  padding: 7px 0;
}

.container-ranking .card-ranking .header {
  vertical-align: top;
  display: inline-block;
}

.container-ranking .card-ranking .header img {
  height: 60px;
  width: 60px;
}

.container-ranking .card-ranking .info {
  padding-left: 10px;
  vertical-align: top;
  height: 60px;
  display: inline-block;
}

.container-ranking .card-ranking .info .vgv {
  font-size: 0.9em;
}

@media(max-width:475px) {

  .container-ranking .card-ranking {
    text-align: center;
  }

  .container-ranking .card-ranking .header {
    display: block;
  }

  .container-ranking .card-ranking .info {
    display: block;
  }
}

@media(max-width:375px) {

  .container-ranking .card-ranking .header img {
    height: 48px;
    width: 48px;
  }

  .container-ranking .card-ranking .info .vgv {
    font-size: 0.8em;
  }
}


.container-ranking .card-ranking .info>div:nth-child(1) {}

.container-ranking .card-ranking .info>div:nth-child(2) {}

.container-ranking .card-ranking .info>div:nth-child(3) {
  background-color: #fb6362;
  color: white;
}

/*---------------INICIO FIM---------------*/


/*EQUIPE*/


.access-mgr-wrap {
  color: var(--mgr-text);
}

.access-mgr-title {
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--mgr-text);
  border-color: var(--mgr-border) !important;
}

.access-mgr-card {
  background: var(--mgr-bg);
  border: 1px solid var(--mgr-border);
  border-radius: 14px;
  padding: 14px;
  transition: .2s ease;
}

.access-mgr-card:hover {
  transform: translateY(-2px);
  border-color: #3a3a3a;
}

.access-mgr-photo {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  background: var(--mgr-bg-soft);
  border: 1px solid var(--mgr-border);
}

.access-mgr-photo img,
.access-mgr-photo .access-mgr-photo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.access-mgr-photo-ph {
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #141414, #0f0f0f);
  aspect-ratio: 1 / 1;
}

.access-mgr-photo-ph i {
  font-size: 2.4rem;
  color: #6f6f6f;
}

.access-mgr-info {
  line-height: 1.25;
}

.access-mgr-name {
  font-size: .9rem;
  margin-bottom: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.access-mgr-phone {
  color: var(--mgr-muted);
  font-size: .82rem;
  margin-bottom: 4px;
}

.access-mgr-mail {
  color: #fff;
  font-size: .82rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.equipe-container .titulo-cargo {
  padding: 10px 0 10px 0;
  margin-top: 10px;
  text-align: center;
  display: block;
  background-color: rgba(15, 51, 75, 1);
  color: white;
  font-weight: 600;
}

.equipe-container .card-container {
  padding: 20px 0;
  border-bottom: 2px double #eee;
}

.equipe-container .card-container:nth-child(odd) {
  background-color: #fbfbfb;
}

.equipe-container .card-equipe-principal {
  height: 320px;
  width: 220px;
  margin: 5px auto;
  background-color: #eeeeee;
}

.equipe-container .card-equipe-principal img {
  width: 220px;
  height: 220px;
}

.equipe-container .card-equipe-principal .informacoes {
  width: auto;
  font-size: 0.85em;
  word-break: break-all;
  margin: 5px;
}

.equipe-container .card-equipe-principal .informacoes label {
  margin: 0;
  display: block;
  margin-bottom: 2px;
  text-align: left;
}

.equipe-container .card-equipe-principal .informacoes label:first-child {
  text-align: center;
  margin-bottom: 5px;
}

.equipe-container .card-equipe-principal.card-equipe-principal-inline {
  display: inline-block;
  vertical-align: top;
  margin: 20px;
  height: 350px;
}


.equipe-container .card-equipe {
  height: 100px;
  width: 250px;
  display: inline-block;
  background-color: #eeeeee;
  margin: 5px;
}

.equipe-container .card-equipe img {
  vertical-align: top;
  height: 100px;
  width: 90px;
  display: inline-block;
}

.equipe-container .card-equipe .informacoes {
  vertical-align: top;
  display: inline-block;
  width: 152px;
  font-size: 0.75em;
  word-break: break-all;
  margin: 2px;
}

.equipe-container .card-equipe .informacoes label {
  margin: 0;
  display: block;
  margin-bottom: 2px;
  text-align: left;
}

.equipe-container .card-equipe .informacoes label:first-child {
  text-align: center;
  margin-bottom: 5px;
}



body {
  background: var(--bg) !important;
  color: var(--text) !important;
}

.equipe-wrap {
  max-width: 80%;
  margin: 48px auto;
  background: var(--cinza-claro-1);
  border: 1px solid var(--cinza-claro-2);
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
  overflow: hidden;
}

.title-row {
  padding: 28px 28px 12px 28px;
  border-bottom: 1px solid var(--cinza-claro-2);
}

.title-row h1 {
  font-size: clamp(1.6rem, 1.25rem + 1.2vw, 2.2rem);
  margin: 0;
  letter-spacing: .5px;
  font-weight: 800;
}

.navegadores {
  display: inline-flex;
  gap: 6px;
  padding: 16px 20px 0 20px;
  border-bottom: 1px solid var(--cinza-claro-2);
  width: 100%;
}

.navegadores .nav-btn {
  border: 1px solid var(--cinza-claro-2);
  background: transparent;
  color: var(--text);
  padding: 10px 14px;
  border-radius: 12px;
  font-weight: 600;
  line-height: 1;
  transition: .18s ease;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}

.navegadores .nav-btn:hover {
  transform: translateY(-1px);
}

.navegadores .nav-btn.active {
  background: #000;
  border-color: #000;
  box-shadow: 0 0 0 2px #000, 0 0 0 4px var(--cinza-claro-2);
}

.navegadores .nav-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--focus);
}

.content {
  padding: 22px;
}

/*EQUIPE FIM*/


/*----------INFORMAÇÕES FINANCEIRAS------ */

.container-inicio-financeiro {
  background-color: #303030;
  display: block;
}

.container-inicio-financeiro .title-fin {
  display: inline-block;
  text-align: center;
  color: #fff;
  width: 44%;
}

.container-inicio-financeiro .circle {
  /*margin: 0 10px 10px 0;*/
  margin: 5px 0;
  padding-top: 3px;
  border-radius: 50%;
  font-size: 1.2em;
  width: 35px;
  height: 35px;
  border: 2px solid white;
  text-align: center;
  display: inline-block;
}

.container-inicio-financeiro .title-white {
  /*margin: 25px 0 10px 0;*/
  padding: 0;
  font-size: 1.2em;
  display: inline-block;
  text-align: center;
  color: white;
}

.container-inicio-financeiro .lista-indice {
  font-size: 1em;
  display: inline-block;
  width: 55%;
  text-align: center;
}

.container-inicio-financeiro .lista-indice ul {
  list-style-type: none;
  color: #fff;
}

.container-inicio-financeiro .lista-indice li {
  display: inline-block;
}

.container-inicio-financeiro .lista-indice .list-title {
  font-weight: bold;
}

.container-inicio-financeiro .lista-indice .list-value {
  margin-right: 10px;
}


@media(max-width:768px) {

  .container-inicio-financeiro .title-fin {
    padding-top: 5px;
    display: block;
    width: auto;
  }

  .container-inicio-financeiro .circle {
    margin: 0 5px 5px;
    padding-top: 6px;
    border-radius: 50%;
    -moz-border-radius: 50;
    -webkit-border-radius: 50;
    font-size: 1.3em;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    text-align: center;
    color: white;
  }

  .container-inicio-financeiro .title-white {
    margin: 0;
    padding: 0;
    font-size: 1.3em !important;
    text-align: center;
  }

  .container-inicio-financeiro .lista-indice {
    font-size: 1.1em;
    width: 100%;
  }
}

@media(max-width:375px) {

  .container-inicio-financeiro .title-fin {
    display: block;
  }

  .container-inicio-financeiro .circle {
    margin: 0 5px 5px;
    padding-top: 3px;
    border-radius: 50%;
    font-size: 1.1em;
    width: 30px;
    height: 30px;
    border: 2px solid #fff;
    text-align: center;
    display: inline-block;
    color: white;
  }

  .container-inicio-financeiro .title-white {
    margin: 0;
    padding: 0;
    font-size: 0.9em !important;
    display: inline-block;
    text-align: center;
  }

  .container-inicio-financeiro .lista-indice {
    font-size: 0.8em;
  }
}

/*----------------------------------------*/

/*--------- MATERIAL DE TREINAMENTO ------*/
.container-inicio-material-treinamento {
  padding: 0 30px;
}

.container-inicio-material-treinamento ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.container-inicio-material-treinamento ul li {
  margin: 0;
  padding: 6px 10px 0px 10px;
  width: 100%;
  position: relative;
  line-height: 54px;
}

.container-inicio-material-treinamento ul li:nth-child(even) {
  background-color: #ece8e7;
}

.container-inicio-material-treinamento .material {}

.container-inicio-material-treinamento .material .material-image img {
  width: 48px;
  height: 48px;
  position: absolute;
}


.container-inicio-material-treinamento .material .material-title {
  display: block;
  font-size: 0.7em;
  font-weight: bolder;
  padding-left: 50px;
}

.container-inicio-material-treinamento .material .material-body {
  display: block;
  font-size: 0.9em;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  padding-right: 50px;
  padding-left: 70px;
  font-weight: bold;
}

.container-inicio-material-treinamento .material .material-link>a {
  height: 100%;
  padding: 16px 0;
  width: 150px;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 2em;
  color: #303030;
  text-align: center;
  text-decoration: none;
}

.container-inicio-material-treinamento .material .material-link>a:hover {
  background-color: #303030;
  color: #fff;
}

.material-section {
  background-color: #000;
  padding: 0 10% 5% 10%;
  color: #fff;
}

.material-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.material-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #151515;
  border: 1px solid #2a2a2a;
  border-radius: 10px;
  padding: 14px 18px;
  transition: 0.3s;
}

.material-item:hover {
  border-color: #444;
  background-color: #1a1a1a;
  transform: translateY(-1px);
}

.material-info {
  display: flex;
  align-items: center;
  gap: 14px;
}

.material-icon img {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  object-fit: cover;
}

.material-icon i {
  font-size: 1.6rem;
  color: #bbb;
}

.material-title {
  color: #fff;
  font-weight: 500;
  font-size: 1rem;
  letter-spacing: 0.3px;
}

.material-alt {
  background-color: #111;
}

.material-download .btn-download {
  color: #bbb;
  font-size: 1.3rem;
  transition: 0.2s;
}

.material-download .btn-download:hover {
  color: #fff;
  transform: scale(1.2);
}

.titulo-material {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 40px 0 40px 0;
  position: relative;
}

    .titulo-material::after {
        content: "";
        flex-grow: 1;
        height: 2px;
        background: linear-gradient(90deg, #ffffff 0%, #d9d9d9 40%, #a6a6a6 100%);
        margin-left: 12px;
        opacity: 0.5;
    }

.title-text {
  background: linear-gradient(90deg, #ffffff 0%, #d9d9d9 40%, #a6a6a6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media(max-width:768px) {
  .container-inicio-material-treinamento {
    padding: 0;
  }

  .container-inicio-material-treinamento .material .material-link>a {
    width: 70px;
  }

  .container-inicio-material-treinamento .material .material-image img {
    display: none;
  }

  .container-inicio-material-treinamento .material .material-body {
    padding-left: 0;
  }
}

/*----------------------------------------*/

/*-------------- ANIVERSARIANTES ---------*/
.container-inicio-aniversariante {
  padding: 20px 0;
  text-align: center;
  background-color: #000;
  color: #fff;
  font-family: 'Poppins', sans-serif;
}

.container-inicio-aniversariante .title-inicio {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 14px;
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
}

.container-inicio-aniversariante .title-inicio {
  background: linear-gradient(90deg, #ffffff 0%, #d9d9d9 40%, #a6a6a6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.container-inicio-aniversariante .subtitle-home {
  font-size: 1em;
  font-style: italic;
  color: #ccc;
  margin-bottom: 20px;
}

.container-inicio-aniversariante .card-aniversariante-container {
  display: flex;
  overflow-x: auto;
  gap: 15px;
  padding: 10px;
  scrollbar-width: thin;
  scrollbar-color: #aaa #222;
}

.container-inicio-aniversariante .card-aniversariante-container::-webkit-scrollbar {
  height: 8px;
}

.container-inicio-aniversariante .card-aniversariante-container::-webkit-scrollbar-track {
  background: #222;
}

.container-inicio-aniversariante .card-aniversariante-container::-webkit-scrollbar-thumb {
  background: #fb6362;
  border-radius: 10px;
}

.container-inicio-aniversariante .card-aniversariante {
  flex: 0 0 auto;
  width: 130px;
  background: #1a1a1a;
  border-radius: 10px;
  padding: 10px;
  color: #fff;
  text-align: center;
  transition: transform 0.2s, box-shadow 0.2s;
  position: relative;
}

.container-inicio-aniversariante .card-aniversariante:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px #CCC;
}

.container-inicio-aniversariante .card-aniversariante img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 10px;
  border: 2px solid #aaa;
}

.container-inicio-aniversariante .card-aniversariante .date {
  font-size: 0.9em;
  margin-bottom: 5px;
  color: #aaa;
}

.container-inicio-aniversariante .card-aniversariante .name {
  font-weight: bold;
  font-size: 0.95em;
  color: #fff;
}

.container-inicio-aniversariante .card-destaque {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 1.5em;
  color: #fb6362;
}

.container-inicio-aniversariante .text-center {
  font-size: 0.95em;
  font-style: italic;
  color: #aaa;
  margin-top: 15px;
}

.card-aniversariante-container li {
  list-style: none;
}

@media(max-width: 768px) {
  .container-inicio-aniversariante .card-aniversariante {
    width: 100px;
    padding: 8px;
  }

  .container-inicio-aniversariante .card-aniversariante img {
    width: 60px;
    height: 60px;
  }

  .container-inicio-aniversariante .title-inicio {
    font-size: 1.5em;
  }

  .container-inicio-aniversariante .subtitle-home {
    font-size: 0.9em;
  }
}

/*-------------- VÍDEOS INÍCIO ---------*/

.video-inicio-container {
  min-height: 400px;
}


.video-inicio-container .video-iframe-container {
  margin: 25px;
}

.video-inicio-container .video-miniatura-container {
  text-align: center;
}

.video-inicio-container .video-miniatura-container .video-miniatura {
  font-size: 0.85em;
  vertical-align: top;
  min-height: 148px;
  height: auto;
  /*margin: 4px 0;*/
  width: 200px;
  /*padding: 5px;*/
  cursor: pointer;
  margin: 6px;
  padding: 8px 3px 0px 3px;
  border-radius: 6px;
  border: 1px solid #f5f5f5;
}

.video-inicio-container .video-miniatura-container .video-miniatura.active {
  color: #333;
  background-color: rgba(204, 204, 204, 0.85);
}

.video-inicio-container .video-miniatura-container .video-miniatura:hover {
  background-color: rgba(204, 204, 204, 0.5);
}

.video-inicio-container .video-miniatura-container .video-miniatura .titulo {
  padding: 8px;
}

.video-inicio-container .video-miniatura-container .video-miniatura img {
  width: 150px;
  height: auto;
}


@media(max-width: 768px) {
  .video-inicio-container .video-iframe-container {
    margin: 0px;
  }

  .video-inicio-container .video-miniatura-container .video-miniatura {
    font-size: 0.75em;
    width: 150px;
  }
}


/*---------VÍDEO INICIO FIM----------*/

/*VÍDEOS*/

.video-container .video-lista-container {
  margin: 15px 0 0 0;
  list-style-type: none;
  max-height: 350px;
  overflow-y: auto;
}


.video-container .video-lista-container li {
  line-height: 30px;
  vertical-align: middle;
  cursor: pointer;
  border-bottom: 1px solid #dbdbdb;
  padding: 0 5px;
}

.video-container .video-lista-container li i {
  font-size: 2em;
  line-height: 30px;
  vertical-align: middle;
}

.video-container .video-lista-container li>label {
  width: 100%;
}


.video-container .video-lista-container li label {
  font-weight: normal;
  vertical-align: middle;
  line-height: 30px;
  cursor: pointer;
}

.video-container .video-lista-container li label.data {
  font-size: 0.75em;
  float: right;
}


.video-container .video-lista-container li.active {
  background-color: #f7f7f7;
}


.video-container .video-lista-container li.active i {
  color: #d82a20;
}

.video-container .video-lista-container li:hover {
  background-color: #eeeeee;
}

/*------VÍDEOS FIM------*/


/* EMAIL MARKETING */

.container-email-marketing .peca-marketing-container div {
  display: inline-block;
  height: auto;
  width: 160px;
  position: relative;
  cursor: pointer;
}

.container-email-marketing .peca-marketing-container>div {
  border: 1px solid #acacac;
}

.container-email-marketing .peca-marketing-container div div.imagem {
  width: 100%;
  height: 100%;
  padding: 5px;
}

.container-email-marketing .peca-marketing-container div div.imagem.active {
  background-color: #e9e9e9;
}

.container-email-marketing .peca-marketing-container div div img {
  display: block;
  max-height: 150px;
  max-width: 150px;
  margin: auto;
}

.container-email-marketing .peca-marketing-container div a {
  display: block;
  height: 25px;
  text-align: center;
  width: 100%;
}

.container-email-marketing .peca-marketing-container div a:hover {
  background-color: #f6f6f6;
}

.container-email-marketing .imagem-ampliada {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1060;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 20px 5%;
  background-color: rgba(102, 102, 102, 0.8);
}

.container-email-marketing .imagem-ampliada img {
  height: auto;
  width: auto;
  max-width: 100%;
}


/*------EMAIL MARKETING FIM------*/



/* NOTICIAS DE MERCADO */

.container-noticia-mercado article {
  background-color: #FFF;
}

.container-noticia-mercado article:nth-child(odd) {
  background-color: #ededed;
}

.container-noticia-mercado article h1 {
  /*font-weight: bold;
            font-size: 1.8em !important;*/
}

.container-noticia-mercado article h2 {
  color: #898989;
  font-weight: normal;
  margin: 10px 0;
  font-size: 1.3em !important;
}

.container-noticia-mercado article header span {
  font-size: 0.9em;
  color: rgba(0, 0, 0, 0.5);
  font-weight: bolder;
}

.container-noticia-mercado article div {
  margin-top: 10px;
}

.container-noticia-mercado article div:first-letter {
  font-size: 2em;
  padding-right: 2px;
  color: #303030;
  /*#0f334b; covic*/
  font-weight: bold;
}

.container-noticia-mercado article a {
  display: block;
}


.container-noticia-mercado .container-btn-buscar {
  margin-top: 20px;
}



body {
  background: var(--bg) !important;
  color: var(--text) !important;
}

.noticias-wrap {
  max-width: 80%;
  margin: 48px auto;
  background: var(--cinza-claro-1);
  border: 1px solid var(--cinza-claro-2);
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
  overflow: hidden;
}

.title-row {
  padding: 28px 28px 12px 28px;
  border-bottom: 1px solid var(--cinza-claro-2);
}

.title-row h1 {
  font-size: clamp(1.6rem, 1.25rem + 1.2vw, 2.2rem);
  margin: 0;
  letter-spacing: .5px;
  font-weight: 800;
}

.content {
  padding: 22px;
}

.divider {
  border-top: 1px solid var(--cinza-claro-2);
  margin: 18px 0 20px;
}

.btn-send {
  background: var(--bg) !important;
  color: var(--text) !important;
  border: 1px solid #000;
  border-radius: 14px;
  padding: 12px 18px;
  font-weight: 700;
  width: 100%;
  transition: .18s ease;
}

.btn-send:hover {
  background-color: var(--cinza-claro-1) !important;
  transform: translateY(-1px) !important;
  border: 1px solid var(--cinza-claro-2) !important;
}

.empty-state {
  color: var(--muted);
  border: 1px dashed var(--cinza-claro-2);
  border-radius: 14px;
  padding: 28px;
  text-align: center;
}

/* NOTICIAS DE MERCADO FIM */

/*CONSULTE SEU CONSULTOR*/

.container-mensagem .responsavel {
  background-color: #f6f6f6;
  padding: 15px 5px;
  margin-bottom: 15px;
}


.container-mensagem .responsavel img {
  max-height: 150px;
  margin: auto;
}

.container-mensagem .responsavel ul {
  list-style-type: none;
  margin-top: 15px;
}


.container-mensagem .responsavel li {
  margin: 0;
}

/*CONSULTE SEU CONSULTOR FIM*/


/* CADASTRO DE USUARIO */


.container-cadastro-usuario .foto-perfil {
  width: 100%;
  max-width: 250px;
  height: auto;
  margin-top: 50px;
}

.container-cadastro-usuario .nome-usuario {
  font-size: 1.5em;
  display: block;
}

.container-cadastro-usuario .after-clean:after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #303030;
  /*#0f334b; covic*/
  display: block;
  margin: 2px 0 20px 0;
}

.container-cadastro-usuario .title-cadastro {
  font-size: 1.5em;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #303030;
  /*#0f334b; covic*/
}




body {
  background: var(--bg) !important;
  color: var(--text) !important;
}

.btn-padrao {
  background: var(--bg) !important;
  color: var(--text) !important;
  border: 1px solid #000 !important;
  border-radius: 14px;
  padding: 12px 18px;
  font-weight: 700;
  transition: .18s ease;
}

.btn-padrao:hover {
  background-color: var(--cinza-claro-1) !important;
  border: 1px solid var(--cinza-claro-2) !important;
}

.card-foto {
  display: flex;
  align-items: center;
  background-color: #0c0c0c;
  border: 1px solid var(--cinza-claro-2);
  border-radius: 18px 0px 0px 18px;
}

.card-info {
  background-color: var(--cinza-claro-1);
  color: #fff;
  border-radius: 0px 18px 18px 0px;
}

.modal-content {
  color: var(--text) !important;
  background-color: var(--cinza-claro-1) !important;
}

.caixa-texto input {
  background: #0c0c0c;
  color: var(--text);
  border: 1px solid var(--cinza-claro-2);
}

.caixa-texto input:-webkit-autofill {
  background-color: #0c0c0c !important;
  -webkit-text-fill-color: var(--text) !important;
  border: 1px solid var(--cinza-claro-2) !important;
  box-shadow: 0 0 0 30px #0c0c0c inset !important;
  transition: background-color 9999s ease-in-out 0s;
}

.caixa-texto input:-webkit-autofill:focus {
  border-color: #fff !important;
  box-shadow: 0 0 0 30px #0c0c0c inset !important;
}

.caixa-texto input::placeholder {
  color: #8f8f8f;
}

.caixa-texto input:focus {
  border-color: #fff;
  color: var(--text);
  background-color: var(--cinza-claro-3);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .15);
}

.caixa-texto textarea {
  background: #0c0c0c;
  color: var(--text);
  border: 1px solid var(--cinza-claro-2);
}

.caixa-texto textarea::placeholder {
  color: #8f8f8f;
}

.caixa-texto textarea:focus {
  border-color: #fff;
  color: var(--text);
  background-color: var(--cinza-claro-3);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .15);
}

.caixa-texto input:disabled {
  color: var(--text);
  background-color: var(--cinza-claro-3);
}

.form-select {
  background-color: #0c0c0c !important;
  color: var(--text) !important;
  border: 1px solid var(--cinza-claro-2) !important;
}

.form-select:focus {
  border-color: #fff !important;
  color: var(--text) !important;
  background-color: var(--cinza-claro-3) !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .15) !important;
}


@media(max-width: 768px) {
  .container-cadastro-usuario .foto-perfil {
    margin-top: 0px;
  }
}


/* CADASTRO DE USUARIO FIM */


/* Espelho de Vendas */
/* MODAL ESPELHO*/
#modalEspelho .modal-dialog {
  max-width: 95vw;
  width: 95vw;
  margin: 2vh auto;
}

#modalEspelho .modal-content {
  background: #111;
  border-radius: 14px;
  border: 1px solid #333;
  color: #fff;
  max-height: 96vh;
  display: flex;
  flex-direction: column;
}

#modalEspelho .modal-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #333;
  background: #181818;
  padding: 14px 20px;
}

#modalEspelho .modal-header i {
  font-size: 36px;
  cursor: pointer;
}

#modalEspelho .modal-title {
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: uppercase;
}

#modalEspelho .modal-body {
  padding: 20px;
  overflow-y: auto;
}

body.modal-open {
  overflow: hidden !important;
}

#modalEspelho .modal-body::-webkit-scrollbar {
  width: 8px;
}

#modalEspelho .modal-body::-webkit-scrollbar-track {
  background: #111;
}

#modalEspelho .modal-body::-webkit-scrollbar-thumb {
  background: #555;
  border-radius: 10px;
}

/*.table-espelho > table-responsive {
    border: 0;
}*/


.link-tabela-venda {
  text-align: right;
  margin-top: 15px;
  height: 50px;
}

.link-tabela-venda a:hover {
  text-decoration: none;
  cursor: pointer;
}

.link-tabela-venda i {
  vertical-align: middle;
  margin-right: 5px;
}

.link-tabela-venda>span {
  vertical-align: middle;
}

.borda-setor {
  padding: 20px;
  margin-bottom: 20px;
  border-left: 10px solid #303030;
  /*#0f334b; covic*/
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5);
}

.table-espelho {
  text-align: center;
}

.table-espelho table {
  width: auto;
  margin: auto;
  font-size: 0.8em;
}

.table-espelho .bloco-nome {
  font-size: 1em;
  font-weight: bold;
}

.table-espelho td {
  padding: 3px !important;
  width: 50px;
}

.table-espelho label {
  display: block !important;
  text-align: center;
  margin: 0;
}

.table-espelho .font-normal {
  font-weight: normal;
}

.table-espelho .unidade-disponivel {
  background-color: white !important;
}

.table-espelho .unidade-bloqueada {
  background-color: #c4c4c4 !important;
}

@media(max-width: 1200px) {

  .table-espelho {
    display: block;
  }
}

@media(max-width: 768px) {

  .table-espelho {
    margin-right: 0;
  }

  .link-tabela-venda {
    text-align: center;
  }
}



/* Espelho de Vendas - Fim */


/* Fluxo de Vendas */

/* CONTAINER PRINCIPAL */
.table-dark-modern {
    width: 100%;
    border-collapse: collapse;
    background-color: #0a0a0a;
    color: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 0.95rem;
    border-radius: 8px;
    overflow: hidden;
}

    /* CABEÇALHO */
    .table-dark-modern thead th {
        background: #111;
        padding: 14px;
        text-transform: uppercase;
        font-weight: 600;
        border-bottom: 2px solid #333;
    }

    /* LINHAS */
    .table-dark-modern tbody tr {
        transition: background 0.3s;
    }

        .table-dark-modern tbody tr:nth-child(even) {
            background: #151515;
        }

        .table-dark-modern tbody tr:nth-child(odd) {
            background: #1c1c1c;
        }

        /* HOVER */
        .table-dark-modern tbody tr:hover {
            background: #262626;
        }

    /* CÉLULAS */
    .table-dark-modern td {
        padding: 12px;
        border-bottom: 1px solid #333;
    }

/* NEGRITO */
.table-dark-bold {
    font-weight: 600;
}

/* NOTAS ABAIXO DAS COLUNAS */
.table-note {
    font-size: 0.75rem;
    opacity: 0.7;
    margin-top: 4px;
}

/* TEXTO JURÍDICO */
.table-juridico {
    background: #0f0f0f;
    border-left: 3px solid #444;
    padding: 14px;
    color: #bcbcbc;
    font-size: 0.85rem;
    margin-top: 20px;
    white-space: pre-line;
}

.link-tabela-venda-novo {
    text-align: right;
    margin-top: 15px;
    height: 50px;
}

    .link-tabela-venda-novo a {
        color: #fff;
    }

.link-tabela-venda-novo a:hover {
    text-decoration: none;
    cursor: pointer;
    color:darkgray;
}

    .link-tabela-venda-novo i {
        vertical-align: middle;
        margin-right: 5px;
        color: #fff;
    }

    .link-tabela-venda-novo > span {
        vertical-align: middle;
    }

#modalTabelaVenda .modal-dialog {
    max-width: 95vw;
    width: 95vw;
    margin: 2vh auto;
}

#modalTabelaVenda .modal-content {
    background: #111;
    border-radius: 14px;
    border: 1px solid #333;
    color: #fff;
    max-height: 96vh;
    display: flex;
    flex-direction: column;
}

#modalTabelaVenda .modal-header {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #333;
    background: #181818;
    padding: 14px 20px;
}

    #modalTabelaVenda .modal-header i {
        font-size: 36px;
        cursor: pointer;
    }

#modalTabelaVenda .modal-title {
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
}

#modalTabelaVenda .modal-body {
    padding: 20px;
    overflow-y: auto;
}

    #modalTabelaVenda .modal-body::-webkit-scrollbar {
        width: 8px;
    }

    #modalTabelaVenda .modal-body::-webkit-scrollbar-track {
        background: #111;
    }


    #modalTabelaVenda .modal-body::-webkit-scrollbar-thumb {
        background: #555;
        border-radius: 10px;
    }
/* Fluxo de Vendas - Fim */
.crm-cliente .tabela-legenda {
  padding-top: 10px;
}

.crm-cliente .tabela-legenda .icone-legenda {
  min-width: 25px;
}

.crm-cliente .tabela-legenda .icone-quadrado-a-expirar {
  width: 15px;
  height: 15px;
  display: inline-block;
  background-color: darksalmon;
  margin-right: 10px;
}

.crm-cliente .cliente-expirando {
  background-color: darksalmon;
}

.crm-cliente .cor-sucesso-integracao {
  color: forestgreen;
}

.crm-cliente .cor-erro-integracao {
  color: red;
}

.crm-cliente .cor-info-origem-plantao {
  color: dimgray;
}


h4.title-cadastro {
  padding-bottom: 5px;
  padding-top: 20px;
}

.pointer {
  cursor: pointer;
}

.box-upload-cadastro {
  width: 200px;
  border: 1px solid gray;
  padding: 5px;
  text-align: center;
  margin-right: 15px;
}

.body-modal-termo {
  position: fixed;
  background-color: black;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
}

.body-modal-termo .modal {
  position: relative;
  display: block;
  z-index: 9999;
  width: 75%;
  margin: auto auto;
}

.body-modal-termo .modal-body {
  height: calc(100vh - 200px);
  overflow: auto;
}

.body-modal-termo .footer-check {
  display: inline-block;
  float: left;
}

.pesquisa {
  justify-content: right;
  margin-top: 20px;
}


.paginator {
  display: flex;
  justify-content: right;
  align-items: center;
  gap: 0.5em;
}

.paginator .controle {
  padding: 5px;
  border-radius: 5px;
  background-color: #F0F0F0;
  color: #000;
  border: none;
}

.paginator .icones {
  margin-bottom: 5px;
}

.paginator .icones:hover {
  cursor: pointer;
}


.vantagens .body {
  background-color: #121212;
  color: #eaeaea;
  font-family: 'Inter', 'Poppins', sans-serif;
  overflow-x: hidden;
}

/* Cabeçalhos */
.vantagens h1,
.vantagens h2,
.vantagens h5,
.vantagens h6 {
  color: #fff;
}

/* Texto destaque */
.vantagens .text-warning {
  color: #fff !important;
}

/* Cabeçalho superior */
.vantagens header {
  background: linear-gradient(90deg, #0d0d0d, #1a1a1a);
  padding: 3rem 0;
  text-align: center;
  border-bottom: 1px solid #2c2c2c;
}


.vantagens .card {
  background: radial-gradient(circle at 30% 30%, #1c1c1c, #141414 70%);
  border: 1px solid #2a2a2a !important;
  border-radius: 1rem;
  color: #d0d0d0 !important;
  transition: all 0.6s ease;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.02), 0 0 10px rgba(255, 255, 255, 0.03);
}

/* Reflexo metálico animado contínuo */
.vantagens .card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.04), rgba(180, 180, 180, 0.06), rgba(255, 255, 255, 0.04));
  background-size: 300% 300%;
  animation: metallicFlow 8s ease-in-out infinite;
  z-index: 0;
  opacity: 0.6;
}

/* Reflexo que desliza sutilmente */
@keyframes metallicFlow {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

/* Efeito ao passar o mouse */
.vantagens .card:hover {
  transform: translateY(-6px) scale(1.02);
  border-color: #666 !important;
  box-shadow: 0 0 25px rgba(255, 255, 255, 0.1);
}

/* Reflexo de destaque rápido no hover */
.vantagens .card:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 40%;
  height: 100%;
  background: linear-gradient(115deg, transparent, rgba(100, 100, 100, 0.12), transparent);
  animation: shine 1.1s ease;
  z-index: 1;
}

/* Efeito de brilho deslizando no hover */
@keyframes shine {
  0% {
    left: -50%;
  }

  100% {
    left: 150%;
  }
}

/* Conteúdo visível acima das camadas */
.vantagens .card>* {
  position: relative;
  z-index: 2;
}

/* Ícones e textos */
.vantagens .card i {
  color: #e5e5e5 !important;
  transition: color 0.4s ease, transform 0.4s ease;
  font-size: 2rem;
}

.vantagens .card h5,
.vantagens .card h6 {
  color: #f5f5f5 !important;
  font-weight: 600;
  transition: color 0.4s ease;
}

.vantagens .card p {
  color: #aaaaaa !important;
  font-size: 0.95rem;
  transition: color 0.3s ease;
}

/* Hover refinado e luxuoso */
.vantagens .card:hover i {
  color: #ffffff !important;
  transform: scale(1.15);
}

.vantagens .card:hover h5,
.vantagens .card:hover h6 {
  color: #ffffff !important;
}

.vantagens .card:hover p {
  color: #dcdcdc !important;
}



body {
  background: var(--bg) !important;
  color: var(--text) !important;
}

.clientes-wrap {
  max-width: 70%;
  margin: 48px auto;
  background: var(--cinza-claro-1);
  border: 1px solid var(--cinza-claro-2);
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
  overflow: hidden;
}

.comentario-wrap{
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.title-row {
  padding: 28px 28px 12px 28px;
  border-bottom: 1px solid var(--cinza-claro-2);
}

.title-row h1 {
  font-size: clamp(1.6rem, 1.25rem + 1.2vw, 2.2rem);
  margin: 0;
  letter-spacing: .5px;
  font-weight: 800;
}

.navegadores {
  display: inline-flex;
  gap: 6px;
  padding: 16px 20px 0 20px;
  border-bottom: 1px solid var(--cinza-claro-2);
  width: 100%;
}

.navegadores .nav-btn {
  border: 1px solid var(--cinza-claro-2);
  background: transparent;
  color: var(--text);
  padding: 10px 14px;
  border-radius: 12px;
  font-weight: 600;
  line-height: 1;
  transition: .18s ease;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}

.navegadores .nav-btn:hover {
  transform: translateY(-1px);
}

.navegadores .nav-btn.active {
  background: #000;
  border-color: #000;
  box-shadow: 0 0 0 2px #000, 0 0 0 4px var(--cinza-claro-2);
}

.navegadores .nav-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--focus);
}

.input-group {
  max-width: 420px;
}

.modal-content {
  color: var(--text) !important;
  background-color: var(--cinza-claro-1) !important;
}

.btn-close {
  filter: invert(1) brightness(200%);
  opacity: 1;
}

.btn-close:hover {
  filter: invert(1) brightness(300%);
  opacity: 0.8;
}

.input-group .input-group-text {
  background: #0c0c0c;
  color: var(--text) !important;
  border: 1px solid var(--cinza-claro-2);
  border-radius: 14px;
}

.input-group .form-control {
  background: #0c0c0c;
  color: var(--text);
  border: 1px solid var(--cinza-claro-2);
  border-left: none;
  border-radius: 14px 0 0 14px;
}

.input-group .form-control::placeholder {
  color: #8f8f8f;
}

.input-group .form-control:focus {
  border-color: #fff;
  color: var(--text);
  background-color: var(--cinza-claro-3);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .15);
}

.form-select {
  background-color: #0c0c0c !important;
  color: var(--text) !important;
  border: 1px solid var(--cinza-claro-2) !important;
}

.form-select:focus {
  border-color: #fff !important;
  color: var(--text) !important;
  background-color: var(--cinza-claro-3) !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .15) !important;
}

.btn-acoes {
  color: var(--text) !important;
  border: 1px solid var(--cinza-claro-2) !important;
}

.btn-acoes:hover {
  background-color: var(--cinza-claro-1) !important;
  border: 1px solid var(--cinza-claro-2) !important;
}

.table-dark-custom {
  background-color: #0c0c0c !important;
  color: #f5f5f5 !important;
  border-color: #2a2a2a !important;
}

.table-dark-custom th {
  background-color: #111 !important;
  color: #fff !important;
}

.table-dark-custom td {
  background-color: #0c0c0c !important;
  color: #e0e0e0 !important;
}

.table-dark-custom tr:hover td {
  background-color: #141414 !important;
}

.caixa-texto input {
  background: #0c0c0c;
  color: var(--text);
  border: 1px solid var(--cinza-claro-2);
}

.caixa-texto input::placeholder {
  color: #8f8f8f;
}

.caixa-texto input:focus {
  border-color: #fff;
  color: var(--text);
  background-color: var(--cinza-claro-3);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .15);
}

.caixa-texto input:disabled {
  color: var(--text);
  background-color: var(--cinza-claro-3);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .15);
}

.caixa-texto textarea {
  background: #0c0c0c;
  color: var(--text);
  border: 1px solid var(--cinza-claro-2);
}

.caixa-texto textarea::placeholder {
  color: #8f8f8f;
}

.caixa-texto textarea:focus {
  border-color: #fff;
  color: var(--text);
  background-color: var(--cinza-claro-3);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .15);
}

.required::after {
  content: " *";
  color: #ef4444;
  font-weight: 600;
}

.form-control:focus,
.form-select:focus {
  border-color: var(--brand-2);
  box-shadow: 0 0 0 .2rem rgba(14, 165, 233, .25);
}

.file-drop {
  border: 1px dashed var(--cinza-claro-2);
  border-radius: .75rem;
  padding: 1rem;
  transition: .2s border-color, .2s background;
  background: #0c0c0c;
}

.file-drop.dragover {
  border-color: var(--brand-2);
  background: rgba(14, 165, 233, .05);
}

.table-rounded {
  --bs-table-bg: #fff;
  border: 1px solid rgba(0, 0, 0, .06);
  border-radius: .75rem;
  overflow: hidden;
}

.btn-send-cliente {
  background: var(--bg) !important;
  color: var(--text) !important;
  border: 1px solid #000 !important;
  border-radius: 14px;
  padding: 12px 18px;
  font-weight: 700;
}

.btn-send-cliente:hover {
  background-color: var(--cinza-claro-1) !important;
  border: 1px solid var(--cinza-claro-2) !important;
}

.pagination .page-item .page-link {
  background-color: var(--cinza-claro-1) !important;
  color: var(--text) !important;
  border: 1px solid var(--cinza-claro-2) !important;
}

.pagination .page-item.active .page-link {
  background-color: #000 !important;
}

.pagination .page-item.disabled .page-link {
  pointer-events: none !important;
  color: #6c757d !important;
}

input[type="file"].form-control {
  background-color: #0c0c0c;
  color: #f5f5f5;
  border: 1px solid #2a2a2a;
  border-radius: 10px;
  padding: 6px 10px;
  transition: 0.2s;
}

input[type="file"].form-control::file-selector-button {
  background-color: #0c0c0c;
  color: #fff;
  border-radius: 8px;
  padding: 6px 14px;
  margin-right: 10px;
  cursor: pointer;
  transition: 0.25s;
  font-weight: 500;
}

input[type="file"].form-control:hover::file-selector-button,
input[type="file"].form-control::file-selector-button:hover {
  background-color: #000 !important;
  color: #fff;
}

input[type="file"].form-control:focus {
  border-color: #fff;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .15);
}

/* CRM Cliente FIM*/

/* ===========================
   INTEGRAÇÃO COM OUTRAS SEÇÕES
=========================== */

.vantagens .hover-scale {
  transition: all 0.3s ease;
}

.vantagens .hover-scale:hover {
  transform: scale(1.05);
  background-color: #ffffff !important;
  color: #121212 !important;
}

.vantagens footer {
  font-size: 0.85rem;
  color: #999;
  border-top: 1px solid #2c2c2c;
  padding: 2rem 0;
  margin-top: 4rem;
  text-align: center;
}

.vantagens .text-secondary {
  color: #bdbdbd !important;
}

.vantagens .fs-1,
.vantagens .fs-2 {
  color: #eaeaea;
}

/* ===========================
   ANIMAÇÃO DE SUAVIDADE
=========================== */

.vantagens .card,
.vantagens header,
.vantagens footer,
.vantagens .hover-scale {
  transition: all 0.4s ease;
}



/*CORRETOR INICIO*/


.team-layout {
  color: var(--text);
}

.team-title {
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--text);
  border-color: var(--cinza-claro-2) !important;
}

.team-card-manager {
  background-color: #0c0c0c;
  border: 1px solid var(--cinza-claro-2);
  border-radius: 14px;
  transition: all 0.2s ease;
}

.team-card-manager:hover {
  transform: translateY(-2px);
  border-color: var(--cinza-claro);
}

.team-card-member {
  background-color: #0c0c0c;
  border: 1px solid var(--cinza-claro-2);
  border-radius: 12px;
  transition: all 0.2s ease;
}

.team-card-member:hover {
  transform: translateY(-2px);
  border-color: var(--cinza-claro);
}

.team-photo img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 12px;
}

.team-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #141414, #0f0f0f);
  border: 1px solid var(--mgr-border);
  aspect-ratio: 1 / 1;
}

.team-placeholder i {
  font-size: 2.4rem;
  color: #6f6f6f;
}

.team-info {
  line-height: 1.3;
}

.team-info a {
  color: var(--link);
}

.team-info a:hover {
  text-decoration: underline;
}

/*CORRETOR FIM*/

/*SOBRE A ACCESS*/


body {
  background: var(--bg) !important;
  color: var(--text) !important;
}

.access-wrap {
  max-width: 80%;
  margin: 48px auto;
  background: var(--cinza-claro-1);
  border: 1px solid var(--cinza-claro-2);
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
  overflow: hidden;
}

.title-row {
  padding: 28px 28px 12px 28px;
  border-bottom: 1px solid var(--cinza-claro-2);
}

.title-row h1 {
  font-size: clamp(1.6rem, 1.25rem + 1.2vw, 2.2rem);
  margin: 0;
  letter-spacing: .5px;
  font-weight: 800;
}

.content {
  padding: 22px;
}

.divider {
  border-top: 1px solid var(--cinza-claro-2);
  margin: 18px 0 20px;
}

.btn-send {
  background: var(--bg) !important;
  color: var(--text) !important;
  border: 1px solid #000;
  border-radius: 14px;
  padding: 12px 18px;
  font-weight: 700;
  width: 100%;
  transition: .18s ease;
}

.btn-send:hover {
  background-color: var(--cinza-claro-1) !important;
  transform: translateY(-1px) !important;
  border: 1px solid var(--cinza-claro-2) !important;
}

.empty-state {
  color: var(--muted);
  border: 1px dashed var(--cinza-claro-2);
  border-radius: 14px;
  padding: 28px;
  text-align: center;
}

/*SOBRE A ACCESS FIM*/


/*SUGESTÃO*/


body {
  background: var(--bg) !important;
  color: var(--text) !important;
}

.suggestion-wrap {
  max-width: 980px;
  margin: 48px auto;
  background: var(--cinza-claro-1);
  border: 1px solid var(--cinza-claro-2);
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
  overflow: hidden;
}

.title-row {
  padding: 28px 28px 12px 28px;
  border-bottom: 1px solid var(--cinza-claro-2);
}

.title-row h1 {
  font-size: clamp(1.6rem, 1.25rem + 1.2vw, 2.2rem);
  margin: 0;
  letter-spacing: .5px;
  font-weight: 800;
}

.navegadores {
  display: inline-flex;
  gap: 6px;
  padding: 16px 20px 0 20px;
  border-bottom: 1px solid var(--cinza-claro-2);
  width: 100%;
}

.navegadores .nav-btn {
  border: 1px solid var(--cinza-claro-2);
  background: transparent;
  color: var(--text);
  padding: 10px 14px;
  border-radius: 12px;
  font-weight: 600;
  line-height: 1;
  transition: .18s ease;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}

.navegadores .nav-btn:hover {
  transform: translateY(-1px);
}

.navegadores .nav-btn.active {
  background: #000;
  border-color: #000;
  box-shadow: 0 0 0 2px #000, 0 0 0 4px var(--cinza-claro-2);
}

.navegadores .nav-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--focus);
}

.content {
  padding: 22px;
}

.caixa-texto {
  position: relative;
}

.caixa-texto textarea {
  background: #0c0c0c;
  color: var(--text);
  border: 1px solid var(--cinza-claro-2);
  border-radius: 14px;
  min-height: 180px;
  resize: vertical;
  padding: 14px 16px 36px 16px;
}

.caixa-texto textarea::placeholder {
  color: #8f8f8f;
}

.caixa-texto textarea:focus {
  border-color: #fff;
  color: var(--text);
  background-color: var(--cinza-claro-3);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .15);
}

.contador-caracteres {
  position: absolute;
  bottom: 10px;
  right: 12px;
  font-size: .9rem;
  color: var(--muted);
  pointer-events: none;
}

.divider {
  border-top: 1px solid var(--cinza-claro-2);
  margin: 18px 0 20px;
}

.btn-send {
  background: var(--bg) !important;
  color: var(--text) !important;
  border: 1px solid #000;
  border-radius: 14px;
  padding: 12px 18px;
  font-weight: 700;
  width: 100%;
  transition: .18s ease;
}

.btn-send:hover {
  background-color: var(--cinza-claro-1) !important;
  transform: translateY(-1px) !important;
  border: 1px solid var(--cinza-claro-2) !important;
}

.empty-state {
  color: var(--muted);
  border: 1px dashed var(--cinza-claro-2);
  border-radius: 14px;
  padding: 28px;
  text-align: center;
}

.suggestion-card {
  background: #0f0f0f;
  border: 1px solid var(--cinza-claro-2);
  border-radius: 14px;
  padding: 16px;
}

.suggestion-card .meta {
  color: var(--muted);
  font-size: .9rem;
}

/*SUGESTÃO FIM*/


/*LINKS SISTEMAS*/
.links-wrapper {
    padding: 1em 8%;
    color: #fff;
}

    .links-wrapper a {
        color: #fff !important;
        text-decoration: none;
    }

    .links-wrapper h2 {
        font-size: 2.1rem;
        font-weight: 700;
        margin-bottom: 32px;
        letter-spacing: 1px;
    }

.links-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    gap: 28px;
}

.link-card {
    background: #101010;
    border: 1px solid #191919;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0px 4px 12px rgba(0,0,0,.45);
    transition: .3s;
    display: flex;
    flex-direction: column; 
}

    .link-card:hover {
        transform: translateY(-6px);
        box-shadow: 0px 10px 26px rgba(0,0,0,.65);
    }

    .link-card img {
        width: 100%;
        height: 150px;
        object-fit: cover;
    }

.card-info {
    padding: 18px 22px;
    flex: 1; 
    display: flex;
    flex-direction: column;
}

    .card-info h3 {
        font-size: 1.35rem;
        margin-bottom: 12px;
        font-weight: 600;
    }

    .card-info h3 {
        overflow-wrap: anywhere;
    }

.btn-link {
    width: 100%;
    background: #666;
    padding: 10px 22px;
    display: inline-block;
    border-radius: 12px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    text-decoration: none;
    transition: .25s;
    margin-top: auto;
}

    .btn-link:hover {
        filter: brightness(1.25);
        transform: translateY(-2px);
    }

.sem-links {
    font-size: 1.2rem;
    opacity: .7;
    text-align: center;
    padding: 40px 0;
}
/*LINKS SISTEMAS FIM*/


/*E-MAIL MARKETING*/
/* CONTAINER PRINCIPAL */
.marketing-section {
    color: #ddd;
    background: transparent;
    width: 100%;
}

/* SUBTÍTULO */
.marketing-title {
    font-size: 1.4rem;
    margin-bottom: 15px;
    font-weight: 500;
}

/* ALERTA SUCCESS */
.marketing-alert {
    background-color: #0f5132;
    border-color: #145c3d;
    color: #d1e7dd;
    padding: 10px 15px;
    border-radius: 8px;
}

/* MENSAGEM DE “NENHUMA PEÇA” */
.marketing-empty {
    color: #bbb;
    margin-top: 10px;
}

/* FORM */
.marketing-form {
    margin-top: 20px;
}

/* GRUPOS */
.marketing-group {
    margin-bottom: 25px;
}

    .marketing-group p {
        margin-bottom: 8px;
        color: #ccc;
    }

/* INPUTS E TEXTAREA */
.marketing-input,
.marketing-textarea {
    width: 100%;
    background: #111;
    border: 1px solid #333;
    color: #ddd;
    padding: 10px 12px;
    border-radius: 10px;
    transition: .2s;
}

    .marketing-input:focus,
    .marketing-textarea:focus {
        outline: none;
        border-color: #777;
    }

/* ERRO */
.marketing-error {
    color: #ff6b6b;
    font-size: .85rem;
    margin-top: 5px;
}

/* PEÇAS DE MARKETING */
.marketing-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.marketing-item {
    display: block;
    background: #111;
    padding: 12px;
    border-radius: 12px;
    border: 1px solid #222;
    width: 160px;
    cursor: pointer;
    transition: .2s;
    text-align: center;
}

/* Esconde o radio */
.marketing-radio {
    display: none;
}

.marketing-thumb {
    border-radius: 10px;
    border: 1px solid #333;
    overflow: hidden;
    transition: .2s;
}

    .marketing-thumb img {
        width: 100%;
        display: block;
    }

.marketing-links {
    margin-top: 8px;
}

    .marketing-links a {
        color: #ccc;
        font-size: .85rem;
        display: inline-block;
        margin-right: 8px;
    }

.marketing-item.selected {
    background: #1a1a1a;
    border-color: #777;
    box-shadow: 0 0 12px rgba(255,255,255,0.15);
}

    .marketing-item.selected .marketing-thumb {
        border-color: #777;
        box-shadow: 0 0 10px rgba(255,255,255,0.15);
    }


.marketing-expanded {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.85);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: zoom-out;
    z-index: 1000;
}

    .marketing-expanded img {
        max-width: 80%;
        border-radius: 12px;
        border: 2px solid #333;
    }

/* BOTÃO */

.marketing-btn {
    background: #222;
    border: 1px solid #444;
    color: #ddd;
    padding: 10px 20px;
    border-radius: 10px;
    transition: .2s;
}

    .marketing-btn:hover:not(:disabled) {
        background: #333;
    }

    .marketing-btn:disabled {
        opacity: .5;
    }
/*E-MAIL MARKETING FIM*/


/*BOTAO FECHAR MODAL*/
.btn-modal-close-css {
    width: 22px;
    height: 22px;
    position: relative;
    cursor: pointer;
}

    .btn-modal-close-css::before,
    .btn-modal-close-css::after {
        content: "";
        position: absolute;
        top: 10px;
        left: 0;
        width: 22px;
        height: 2px;
        background: #bbb;
        transition: 0.2s ease;
    }

    .btn-modal-close-css::before {
        transform: rotate(45deg);
    }

    .btn-modal-close-css::after {
        transform: rotate(-45deg);
    }

    .btn-modal-close-css:hover::before,
    .btn-modal-close-css:hover::after {
        background: #fff;
    }

/*BOTAO FECHAR MODAL FIM*/


/*MODAL TERMO INÍCIO*/
/* FUNDO ESCURO */
.modal-dark-content {
    background-color: #0f0f0f;
    color: #ffffff;
    border-radius: 12px;
    border: 1px solid #2a2a2a;
}

.modal-dark-content * {
   color: #fff !important;
}

/* HEADER */
.modal-dark-header {
    background-color: #141414;
    border-bottom: 1px solid #2a2a2a;
}

.modal-dark-title {
    font-weight: 600;
    text-transform: uppercase;
}

/* BODY */
.modal-dark-body {
    max-height: 60vh;
    overflow-y: auto;
    line-height: 1.6;
}

/* FOOTER */
.modal-dark-footer {
    background-color: #141414;
    border-top: 1px solid #2a2a2a;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* CHECKBOX */
.modal-dark-check {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* BOTÕES */
.btn-dark-secondary {
    background: transparent !important;
    color: #ccc;
    border: 1px solid #444;
}

    .btn-dark-secondary:hover {
        background: #222;
        color: #fff;
    }

.btn-dark-primary {
    background: linear-gradient(180deg, #5e5e5e, #3f3f3f);
    border: 1px solid #6a6a6a;
    color: #fff;
}

    .btn-dark-primary:hover {
        background: linear-gradient(180deg, #6a6a6a, #4a4a4a);
    }

    .btn-dark-primary:disabled {
        opacity: 0.45;
    }
/*MODAL TERMO FIM*/
img-crop{width:100%;height:100%;display:block;position:relative;overflow:hidden}img-crop canvas{display:block;position:absolute;top:50%;left:50%;outline:0;-webkit-tap-highlight-color:transparent}
.cg-busy{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1001}.cg-busy-animation.ng-hide-add,.cg-busy-animation.ng-hide-remove{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;display:block!important}.cg-busy-animation.ng-hide-remove{opacity:0;-webkit-transform:translate(0px,-40px);-moz-transform:translate(0px,-40px);-ms-transform:translate(0px,-40px);-o-transform:translate(0px,-40px);transform:translate(0px,-40px)}.cg-busy-animation.ng-hide-add,.cg-busy-animation.ng-hide-remove.ng-hide-remove-active{opacity:1;-webkit-transform:translate(0px,0);-moz-transform:translate(0px,0);-ms-transform:translate(0px,0);-o-transform:translate(0px,0);transform:translate(0px,0)}.cg-busy-animation.ng-hide-add.ng-hide-add-active{opacity:0;-webkit-transform:translate(0px,-40px);-moz-transform:translate(0px,-40px);-ms-transform:translate(0px,-40px);-o-transform:translate(0px,-40px);transform:translate(0px,-40px)}.cg-busy-backdrop{background-color:#fff;opacity:.7}.cg-busy-backdrop-animation.ng-hide-add,.cg-busy-backdrop-animation.ng-hide-remove{-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;display:block!important}.cg-busy-backdrop-animation.ng-hide{opacity:0}.cg-busy-default-wrapper{text-align:center}.cg-busy-default-sign{display:inline-block;position:relative;z-index:1002;padding-bottom:6px;color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);background-color:#e9eeee;border:1px solid #ddd;border-top-width:0;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;border-top-left-radius:0;border-top-right-radius:0;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.cg-busy-default-text{margin:13px 12px 6px 49px;font-size:16px;color:#555;text-align:left;max-width:400px}.cg-busy-default-spinner{position:absolute;width:25px;height:25px;display:inline-block;top:12px;left:14px}.cg-busy-default-spinner div{width:12%;height:26%;background:#000;position:absolute;left:44.5%;top:37%;opacity:0;-webkit-animation:cg-busy-spinner-anim 1s linear infinite;-moz-animation:cg-busy-spinner-anim 1s linear infinite;-ms-animation:cg-busy-spinner-anim 1s linear infinite;-o-animation:cg-busy-spinner-anim 1s linear infinite;animation:cg-busy-spinner-anim 1s linear infinite;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2)}.cg-busy-default-spinner div.bar1{-webkit-transform:rotate(0deg) translate(0,-142%);-moz-transform:rotate(0deg) translate(0,-142%);-ms-transform:rotate(0deg) translate(0,-142%);-o-transform:rotate(0deg) translate(0,-142%);transform:rotate(0deg) translate(0,-142%);-webkit-animation-delay:0s;-moz-animation-delay:0s;-ms-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s}.cg-busy-default-spinner div.bar2{-webkit-transform:rotate(30deg) translate(0,-142%);-moz-transform:rotate(30deg) translate(0,-142%);-ms-transform:rotate(30deg) translate(0,-142%);-o-transform:rotate(30deg) translate(0,-142%);transform:rotate(30deg) translate(0,-142%);-webkit-animation-delay:-.9167s;-moz-animation-delay:-.9167s;-ms-animation-delay:-.9167s;-o-animation-delay:-.9167s;animation-delay:-.9167s}.cg-busy-default-spinner div.bar3{-webkit-transform:rotate(60deg) translate(0,-142%);-moz-transform:rotate(60deg) translate(0,-142%);-ms-transform:rotate(60deg) translate(0,-142%);-o-transform:rotate(60deg) translate(0,-142%);transform:rotate(60deg) translate(0,-142%);-webkit-animation-delay:-.833s;-moz-animation-delay:-.833s;-ms-animation-delay:-.833s;-o-animation-delay:-.833s;animation-delay:-.833s}.cg-busy-default-spinner div.bar4{-webkit-transform:rotate(90deg) translate(0,-142%);-moz-transform:rotate(90deg) translate(0,-142%);-ms-transform:rotate(90deg) translate(0,-142%);-o-transform:rotate(90deg) translate(0,-142%);transform:rotate(90deg) translate(0,-142%);-webkit-animation-delay:-.75s;-moz-animation-delay:-.75s;-ms-animation-delay:-.75s;-o-animation-delay:-.75s;animation-delay:-.75s}.cg-busy-default-spinner div.bar5{-webkit-transform:rotate(120deg) translate(0,-142%);-moz-transform:rotate(120deg) translate(0,-142%);-ms-transform:rotate(120deg) translate(0,-142%);-o-transform:rotate(120deg) translate(0,-142%);transform:rotate(120deg) translate(0,-142%);-webkit-animation-delay:-.667s;-moz-animation-delay:-.667s;-ms-animation-delay:-.667s;-o-animation-delay:-.667s;animation-delay:-.667s}.cg-busy-default-spinner div.bar6{-webkit-transform:rotate(150deg) translate(0,-142%);-moz-transform:rotate(150deg) translate(0,-142%);-ms-transform:rotate(150deg) translate(0,-142%);-o-transform:rotate(150deg) translate(0,-142%);transform:rotate(150deg) translate(0,-142%);-webkit-animation-delay:-.5833s;-moz-animation-delay:-.5833s;-ms-animation-delay:-.5833s;-o-animation-delay:-.5833s;animation-delay:-.5833s}.cg-busy-default-spinner div.bar7{-webkit-transform:rotate(180deg) translate(0,-142%);-moz-transform:rotate(180deg) translate(0,-142%);-ms-transform:rotate(180deg) translate(0,-142%);-o-transform:rotate(180deg) translate(0,-142%);transform:rotate(180deg) translate(0,-142%);-webkit-animation-delay:-.5s;-moz-animation-delay:-.5s;-ms-animation-delay:-.5s;-o-animation-delay:-.5s;animation-delay:-.5s}.cg-busy-default-spinner div.bar8{-webkit-transform:rotate(210deg) translate(0,-142%);-moz-transform:rotate(210deg) translate(0,-142%);-ms-transform:rotate(210deg) translate(0,-142%);-o-transform:rotate(210deg) translate(0,-142%);transform:rotate(210deg) translate(0,-142%);-webkit-animation-delay:-.41667s;-moz-animation-delay:-.41667s;-ms-animation-delay:-.41667s;-o-animation-delay:-.41667s;animation-delay:-.41667s}.cg-busy-default-spinner div.bar9{-webkit-transform:rotate(240deg) translate(0,-142%);-moz-transform:rotate(240deg) translate(0,-142%);-ms-transform:rotate(240deg) translate(0,-142%);-o-transform:rotate(240deg) translate(0,-142%);transform:rotate(240deg) translate(0,-142%);-webkit-animation-delay:-.333s;-moz-animation-delay:-.333s;-ms-animation-delay:-.333s;-o-animation-delay:-.333s;animation-delay:-.333s}.cg-busy-default-spinner div.bar10{-webkit-transform:rotate(270deg) translate(0,-142%);-moz-transform:rotate(270deg) translate(0,-142%);-ms-transform:rotate(270deg) translate(0,-142%);-o-transform:rotate(270deg) translate(0,-142%);transform:rotate(270deg) translate(0,-142%);-webkit-animation-delay:-.25s;-moz-animation-delay:-.25s;-ms-animation-delay:-.25s;-o-animation-delay:-.25s;animation-delay:-.25s}.cg-busy-default-spinner div.bar11{-webkit-transform:rotate(300deg) translate(0,-142%);-moz-transform:rotate(300deg) translate(0,-142%);-ms-transform:rotate(300deg) translate(0,-142%);-o-transform:rotate(300deg) translate(0,-142%);transform:rotate(300deg) translate(0,-142%);-webkit-animation-delay:-.1667s;-moz-animation-delay:-.1667s;-ms-animation-delay:-.1667s;-o-animation-delay:-.1667s;animation-delay:-.1667s}.cg-busy-default-spinner div.bar12{-webkit-transform:rotate(330deg) translate(0,-142%);-moz-transform:rotate(330deg) translate(0,-142%);-ms-transform:rotate(330deg) translate(0,-142%);-o-transform:rotate(330deg) translate(0,-142%);transform:rotate(330deg) translate(0,-142%);-webkit-animation-delay:-.0833s;-moz-animation-delay:-.0833s;-ms-animation-delay:-.0833s;-o-animation-delay:-.0833s;animation-delay:-.0833s}@-webkit-keyframes cg-busy-spinner-anim{from{opacity:1}to{opacity:.25}}@-moz-keyframes cg-busy-spinner-anim{from{opacity:1}to{opacity:.25}}@keyframes cg-busy-spinner-anim{from{opacity:1}to{opacity:.25}}

/* Make clicks pass-through */
#loading-bar,
#loading-bar-spinner {
  pointer-events: none;
  -webkit-pointer-events: none;
  -webkit-transition: 350ms linear all;
  -moz-transition: 350ms linear all;
  -o-transition: 350ms linear all;
  transition: 350ms linear all;
}

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
  opacity: 0;
}

#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
  opacity: 1;
}

#loading-bar .bar {
  -webkit-transition: width 500ms;
  -moz-transition: width 500ms;
  -o-transition: width 500ms;
  transition: width 500ms;

  background: #ffffff;
  position: fixed;
  z-index: 10002;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}

/* Fancy blur effect */
#loading-bar .peg {
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 0px;
  opacity: .45;
  -moz-box-shadow: #29d 1px 0 6px 1px;
  -ms-box-shadow: #29d 1px 0 6px 1px;
  -webkit-box-shadow: #29d 1px 0 6px 1px;
  box-shadow: #29d 1px 0 6px 1px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

#loading-bar-spinner {
    display: block;
    position: fixed;
    z-index: 10002;
    top: 0px;
    left: 0px;
    background-color: rgba(100, 100, 100, 0.2);
    height: 100vh;
    width: 100vw;
    backdrop-filter: blur(3px);    
}

    #loading-bar-spinner .spinner-icon {
        width: 0px;
        height: 0px;
        border: solid 0px transparent;
        border-top-color: #830c0e;
        border-left-color: #830c0e;
        border-radius: 50%;
        -webkit-animation: loading-bar-spinner 400ms linear infinite;
        -moz-animation: loading-bar-spinner 400ms linear infinite;
        -ms-animation: loading-bar-spinner 400ms linear infinite;
        -o-animation: loading-bar-spinner 400ms linear infinite;
        animation: loading-bar-spinner 400ms linear infinite;
    }

@-webkit-keyframes loading-bar-spinner {
  0%   { -webkit-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes loading-bar-spinner {
  0%   { -moz-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes loading-bar-spinner {
  0%   { -o-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes loading-bar-spinner {
  0%   { -ms-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loading-bar-spinner {
  0%   { transform: rotate(0deg);   transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}

/*.sol {
    position: absolute;
    right: 250px;
    top: 30%;
    height: 50px;
    width: 50px;
    transform-style: preserve-3d;
    transform: rotateZ(50deg);
    border-radius: 25px;
    background-color: #FB7209;
}*/


.zoomPlanta {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgba(102,102,102,0.5);
    z-index: 9999;
    top: 0;
    padding: 15px;
}

    .zoomPlanta > img {
        margin: auto;
        display: block;
        height: 100%;
    }

.wrapEspelho {
    perspective: 1200px;
    perspective-origin: bottom;
    margin: 120px 0 50px 0;
    position: relative;
    display: inline-block;
    padding-left: 250px;
}

    .wrapEspelho > .apartamentoSpin {
        top: 0;
        left: 0;
        position: absolute;
        background-color: #666;
        height: 100%;
        width: 50px;
        opacity: 0.5;
        transition: 0.5s;
    }

        .wrapEspelho > .apartamentoSpin:hover {
            width: 55px;
            opacity: 1;
        }

    .wrapEspelho > .apartamento {
        transition: 1s;
        position: relative;
        margin: auto;
        width: 200px;
        height: 68px;
        transform-style: preserve-3d;
        transform: rotateY(30deg) rotateX(0);
        cursor: pointer;
        left: 0;
        top: 0;
        /*animation: spin 2.5s linear infinite;
        animation-play-state: paused;*/
    }

        .wrapEspelho > .apartamento.spinning {
            animation: spin 2.5s linear infinite;
            animation-play-state: running;
            transition: 1s;
        }

        .wrapEspelho > .apartamento:hover {
            left: 30px;
        }

        .wrapEspelho > .apartamento.aberto {
            animation: none;
            transform: rotateY(0) rotateX(-70deg);
            left: 400px;
            top: 50px;
        }





.face {
    background-color: #666;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 276px;
    height: 68px;
    line-height: 68px;
    color: #666;
    font-size: 18px;
    text-align: center;
    box-shadow: inset 0 0 4px rgb(182, 182, 182);
    background-image: url('/Content/empreendimento4d.png');
}

.front {
    transform: translateZ(138px);
}

.back {
    transform: translateZ(-138px) rotateY(-180deg);
}

.left {
    transform: translateX(-138px) rotateY(-90deg);
}

.right {
    transform: translateX(138px) rotateY(90deg);
}



.top {
    transform: translateY(-70px) rotateX(90deg);
    height: 276px;
    background-image: url(https://reformaedecora.files.wordpress.com/2011/04/planta-apartamento.jpg);
    background-size: cover;
}

.apartamento.aberto .top {
    cursor: zoom-in;
}



@keyframes spin {
    0% {
        transform: rotateY(30deg) rotateX(0);
    }

    100% {
        transform: rotateY(390deg) rotateX(0);
    }
}




.front.sombra-cheia::after, .back.sombra-cheia::after, .left.sombra-cheia::after, .right.sombra-cheia::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background: rgba(102,102,102,0.8);
    background: -moz-linear-gradient(left, rgba(102,102,102,0.8) 0%, rgba(102,102,102,0.8) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(102,102,102,0.8)), color-stop(100%, rgba(102,102,102,0.8)));
    background: -webkit-linear-gradient(left, rgba(102,102,102,0.8) 0%, rgba(102,102,102,0.8) 100%);
    background: -o-linear-gradient(left, rgba(102,102,102,0.8) 0%, rgba(102,102,102,0.8) 100%);
    background: -ms-linear-gradient(left, rgba(102,102,102,0.8) 0%, rgba(102,102,102,0.8) 100%);
    background: linear-gradient(to right, rgba(102,102,102,0.8) 0%, rgba(102,102,102,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#666666', GradientType=1 );
}

.front.sombra-parcial-direita::after, .back.sombra-parcial-direita::after, .left.sombra-parcial-direita::after, .right.sombra-parcial-direita::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background: rgba(255,255,255,0.29);
    background: -moz-linear-gradient(left, rgba(255,255,255,0.29) 0%, rgba(102,102,102,0.6) 50%, rgba(102,102,102,0.9) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.29)), color-stop(50%, rgba(102,102,102,0.6)), color-stop(100%, rgba(102,102,102,0.9)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.29) 0%, rgba(102,102,102,0.6) 50%, rgba(102,102,102,0.9) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0.29) 0%, rgba(102,102,102,0.6) 50%, rgba(102,102,102,0.9) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0.29) 0%, rgba(102,102,102,0.6) 50%, rgba(102,102,102,0.9) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.29) 0%, rgba(102,102,102,0.6) 50%, rgba(102,102,102,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#666666', GradientType=1 );
}

.front.sombra-parcial-esquerda::after, .back.sombra-parcial-esquerda::after, .left.sombra-parcial-esquerda::after, .right.sombra-parcial-esquerda::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background: rgba(102,102,102,0.9);
    background: -moz-linear-gradient(left, rgba(102,102,102,0.9) 0%, rgba(102,102,102,0.6) 50%, rgba(255,255,255,0.29) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(102,102,102,0.9)), color-stop(50%, rgba(102,102,102,0.6)), color-stop(100%, rgba(255,255,255,0.29)));
    background: -webkit-linear-gradient(left, rgba(102,102,102,0.9) 0%, rgba(102,102,102,0.6) 50%, rgba(255,255,255,0.29) 100%);
    background: -o-linear-gradient(left, rgba(102,102,102,0.9) 0%, rgba(102,102,102,0.6) 50%, rgba(255,255,255,0.29) 100%);
    background: -ms-linear-gradient(left, rgba(102,102,102,0.9) 0%, rgba(102,102,102,0.6) 50%, rgba(255,255,255,0.29) 100%);
    background: linear-gradient(to right, rgba(102,102,102,0.9) 0%, rgba(102,102,102,0.6) 50%, rgba(255,255,255,0.29) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#ffffff', GradientType=1 );
}

.front.sem-sombra::after, .back.sem-sombra::after, .left.sem-sombra::after, .right.sem-sombra::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background: rgba(255,255,255,0.3);
    background: -moz-linear-gradient(left, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.3)), color-stop(100%, rgba(255,255,255,0.3)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}






.apartamento:nth-child(1) .face.front {
    background-position: -6px -36px;
}

.apartamento:nth-child(2) .face.front {
    background-position: -6px -104px;
}

.apartamento:nth-child(3) .face.front {
    background-position: -6px -172px;
}

.apartamento:nth-child(4) .face.front {
    background-position: -6px -240px;
}

.apartamento:nth-child(5) .face.front {
    background-position: -6px -308px;
}

.apartamento:nth-child(6) .face.front {
    background-position: -6px -376px;
}

.apartamento:nth-child(7) .face.front {
    background-position: -6px -444px;
}

.apartamento:nth-child(8) .face.front {
    background-position: -6px -512px;
}





.apartamento:nth-child(1) .face.right {
    background-position: -292px -36px;
}

.apartamento:nth-child(2) .face.right {
    background-position: -292px -104px;
}

.apartamento:nth-child(3) .face.right {
    background-position: -292px -172px;
}

.apartamento:nth-child(4) .face.right {
    background-position: -292px -240px;
}

.apartamento:nth-child(5) .face.right {
    background-position: -292px -308px;
}

.apartamento:nth-child(6) .face.right {
    background-position: -292px -376px;
}

.apartamento:nth-child(7) .face.right {
    background-position: -292px -444px;
}

.apartamento:nth-child(8) .face.right {
    background-position: -292px -512px;
}




.apartamento:nth-child(1) .face.back {
    background-position: -650px -36px;
}

.apartamento:nth-child(2) .face.back {
    background-position: -650px -104px;
}

.apartamento:nth-child(3) .face.back {
    background-position: -650px -172px;
}

.apartamento:nth-child(4) .face.back {
    background-position: -650px -240px;
}

.apartamento:nth-child(5) .face.back {
    background-position: -650px -308px;
}

.apartamento:nth-child(6) .face.back {
    background-position: -650px -376px;
}

.apartamento:nth-child(7) .face.back {
    background-position: -650px -444px;
}

.apartamento:nth-child(8) .face.back {
    background-position: -650px -512px;
}



.apartamento:nth-child(1) .face.left {
    background-position: -950px -36px;
}

.apartamento:nth-child(2) .face.left {
    background-position: -950px -104px;
}

.apartamento:nth-child(3) .face.left {
    background-position: -950px -172px;
}

.apartamento:nth-child(4) .face.left {
    background-position: -950px -240px;
}

.apartamento:nth-child(5) .face.left {
    background-position: -950px -308px;
}

.apartamento:nth-child(6) .face.left {
    background-position: -950px -376px;
}

.apartamento:nth-child(7) .face.left {
    background-position: -950px -444px;
}

.apartamento:nth-child(8) .face.left {
    background-position: -950px -512px;
}