/* Minification failed. Returning unminified contents. (15,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (38,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (39,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (42,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (48,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (50,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (51,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (53,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (54,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (55,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (56,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (57,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (58,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (59,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (60,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (61,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (62,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (63,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (64,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (65,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (66,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (67,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (68,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (69,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (70,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (71,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (72,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (73,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (74,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (75,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (76,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (77,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (78,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (79,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (80,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (81,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (82,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (83,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (84,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (85,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (86,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (87,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (88,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (89,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (90,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (91,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (92,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (93,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (94,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (95,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (96,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (97,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (98,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (99,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (100,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (101,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (102,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (103,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (104,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (105,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (106,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (107,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (108,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (109,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (110,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (111,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (112,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (113,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (114,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (115,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (116,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (117,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (118,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (119,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (120,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (121,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (122,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (123,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (124,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (125,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (126,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (127,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (128,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (129,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (130,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (131,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (132,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (133,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (134,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (135,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (268,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family-body' (1713,19): run-time error CSS1039: Token not allowed after unary operator: '-color-legacy-blue' (1780,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1781,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1782,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1783,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1784,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1785,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1786,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1787,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1788,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1789,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1790,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1791,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1792,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1793,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1794,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1795,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1796,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1797,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1798,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1799,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1800,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1801,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1802,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1803,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1804,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1805,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1806,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1807,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1808,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1809,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1810,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1811,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1812,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1813,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1814,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1815,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1816,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1817,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1818,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1819,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1820,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1821,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1822,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1823,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1824,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1825,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1826,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1827,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1828,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1829,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1830,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1831,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1832,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1833,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1834,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1835,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1836,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1837,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1838,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1839,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1840,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1841,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1842,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1843,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1844,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1845,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1846,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1847,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1848,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1849,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1850,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1851,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1852,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1853,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1854,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1855,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1856,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1857,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1858,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1859,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1860,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1861,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1862,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1863,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1864,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1865,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1866,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1867,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1868,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1869,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1870,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1871,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1872,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1873,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1874,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1875,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1876,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1877,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1878,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1879,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1880,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1881,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1882,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1883,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1884,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1885,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1886,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1887,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1888,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1889,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1890,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1891,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1892,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1893,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1894,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1895,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1896,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1897,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1898,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1899,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1900,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1912,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-body' (1921,28): run-time error CSS1039: Token not allowed after unary operator: '-bkg-panel' (2015,17): run-time error CSS1039: Token not allowed after unary operator: '-color-legacy-blue' (2593,15): run-time error CSS1039: Token not allowed after unary operator: '-text-button-secondary' (2602,16): run-time error CSS1039: Token not allowed after unary operator: '-border-button' (2609,16): run-time error CSS1039: Token not allowed after unary operator: '-border-button' (2772,30): run-time error CSS1039: Token not allowed after unary operator: '-bkg-menu-dropdown' (2778,19): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-color-hover' (2781,19): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-color' (2800,32): run-time error CSS1039: Token not allowed after unary operator: '-bkg-menu-dropdown' (2803,21): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-color' (2810,23): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-color-hover' (2812,39): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-color' */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /*blues*/ :root.truist-v1 { --color-ls-orange: #2E1A47; --color-legacy-blue: #2E1A47; --color-ls-dark-blue: #2E1A47; --color-ls-dark-blue-text: var(--color-ls-dark-blue); --color-ls-dark-blue-hover: var(--color-tru-dusk-half-purple); --color-ls-black: #1a1a1a; --color-ls-white: #ffffff; --color-ls-cloud: #F6F6F6; --color-ls-sandstone-light: #56387E; --color-ls-sandstone-med: #bfb7b0; --color-ls-sandstone-dark: #847770; --color-ls-link-dark: #1b31c1; --color-ls-link-light: #77c6ff; --color-ls-error-red: #C22B13; --color-ls-dodger-blue: #2E1A47; --color-tru-purple: #412565; --color-tru-purple-hover: #A6A3E0; --color-tru-dark-purple: #302B3D; --color-tru-dusk-purple: #72569C; --color-tru-dusk-half-purple: #56387E; --color-tru-dusk-secondary-purple: #6666a2; --color-tru-dark-purple-text: #2E1A47; --color-tru-black: #000000; --color-tru-cloud: #45B0E6; --color-tru-sandstone-light: #DBDBDB; --color-tru-sandstone-med: #5C5C5C; --color-tru-sandstone-dark: #34363B; --color-tru-link-dark: #402561; --color-tru-error-red: #C22B13; --color-tru-neutral: #FFFFFF; --color-tru-neutral-dark: #000000; --color-tru-blue: #CAEAEC; --color-tru-mist: #E3DFEF; --color-tru-tide: #BFB7B0; --font-family-body: TruistTrio-Regular; --font-family-heading: TruistTrio-Light; --font-family-bold: TruistTrio-Bold; --font-family-color: #2E1A47; --font-color-body: var(--color-tru-neutral-dark); --font-color-cite: var(--color-tru-neutral-dark); --font-color-heading: var(--color-tru-dark-purple-text); --font-color-bottom-nav: var(--color-tru-neutral-dark); --font-size-footer-nav: 12px; --font-color-v1-light-v2-dark: var(--color-tru-link-dark); --font-color-link-hover: var(--color-tru-neutral); --color-tru-button-tertiary: #6666a2; --bkg-dark: var(--color-tru-dark-purple-text); --bkg-light: #f0f0f0; --bkg-neutral: var(--color-ls-cloud); --bkg-navbar: #fff; --bkg-footer: var(--color-ls-cloud); --rate-card-border: var(--color-tru-tide); --navbar-separator: var(--color-tru-dark-purple); --disabled-chevron: var(--color-tru-sandstone-med); --accordion-border: var(--color-tru-sandstone-light); --gray-accordion-chevron: var(--color-tru-sandstone-dark); --table-border-color: var(--color-tru-dark-purple); --bkg-v1-dark-v2-light: var(--bkg-light); --bkg-v1-light-v2-neutral: var(--bkg-neutral); --color-ls-link-dark: #72569C; --color-ls-error-red: var(--color-tru-error-red); --color-ls-dark-blue: var(--color-tru-dark-purple-text); --color-ls-dark-blue-text: var(--color-tru-dark-purple-text); --banner-primary-color: var(--color-tru-mist); --banner-font-color: var(--color-tru-dark-purple-text); --font-family-sub-bold: TruistTrio-Light; --font-sub-bold: 300; --rate-card-border: var(--color-ls-orange); --navbar-separator: var(--color-ls-dark-blue); --disabled-chevron: var(--color-ls-sandstone-med); --accordion-border: var(--color-ls-sandstone-light); --gray-accordion-chevron: var(--color-ls-sandstone-dark); --listitem-nonlink-color: var(--font-color-body); --form-border-color: #bfb7b0; --table-informational-column-color: var(--color-ls-sandstone-light); --table-offset-row-color: var(--color-ls-cloud); --table-border-color: var(--color-ls-sandstone-med); --bkg-menu-dropdown: #f0f0f0; --bkg-legacy-sky: var(--color-ls-sandstone-med); --tagline-color: var(--color-ls-dark-blue); --bkg-button-primary: #72569C; --bkg-button-primary-hover: var(--color-tru-dusk-half-purple); --text-button-primary: #ffffff; --bkg-button-secondary: var(--color-tru-dusk-purple); --bkg-button-secondary-hover: var(--color-tru-dusk-half-purple); --text-button-secondary: #ffffff; --bkg-button-hollow: #ffffff; --bkg-button-hollow-hover: var(--color-tru-dusk-half-purple); --text-button-hollow: var(--color-tru-dusk-half-purple); --border-button: 2px solid #ffffff; --shadow-button-border: none; --btn-link-color: var(--color-ls-dark-blue); --btn-link-color-hover: var(--color-ls-link-dark); --lock-icon-img: url("/content/images-truist-v1/lock-icon.png") no-repeat top left; --button-visited: var(--bkg-button-primary); --border-application-progress-note: 1px solid #2E1A47; --font-color-input: #1a1a1a; --font-color-neutrals-black: #1a1a1a; --bkg-panel: var(--color-ls-cloud); --font-color-form-alert: var(--color-tru-error-red); --font-color-success: #008F49; --information-icon-img: url("/content/images-truist-v1/info-icon.png") no-repeat top left; --information-tag-color: var(--color-tru-dark-purple-text); --progressbar-bkg-active: var(--color-ls-orange); --font-color-partner-greeting-title: #2E1A47; --font-color-partner-greeting-subtitle: #2E1A47; --bkg-partner-sign-in-border: var(--bkg-light); --navbar-logo: url("/Content/images-truist-v1/lightstream-by-truist-logo.png"); --navbar-color-log: var(--navbar-logo); --color-dark-nav-bar: var(--bkg-navbar); --color-nav-secondary: #2E1A47; --color-nav-bar-gradient: var(--bkg-navbar); --color-nav-menu-secondary: #2E1A47; --bkg-color-covid-banner: #1938ff; --font-color-covid-banner: #ffffff; --loan-agreement-border-color: var(--color-ls-error-red); --sigpad-border-bottom-color: var(--color-tru-dark-purple); --fa-chevron: #72569C; --sunrise-red: #C22B13; --date-current: var(--color-tru-blue); --pipe-divider: #2E1A47; } .bluetint { background-color: #183560; opacity: .93; } .transparentButtonWhiteBorder { background: none; color: white; border: 2px solid white; } .hundredHeightBold { height: 100%; width: 100%; font-weight: bold; } .thatBlueTho, .cardBack { background-color: #10497C; } .thatBlueFontTho { color: #10497C; } #header > div.headline.hide-for-small-only.home3Headline { left: 0; width: 100%; max-width: 100%; } .mobileBanner { display: none; } @media screen and (max-width: 1000px) { /*#header .headline h2 { text-align: center; }*/ body.home #header .headline h2 { margin-top: 35px; } #LSExperienceLarge { padding-left: 10px; padding-right: 10px; } } .bannerButton { display: inline-block; margin-left: auto; margin-right: auto; width: 42vw; height: 48px; border-radius: 0; } @media only screen and (min-width: 480px) { .bannerButton { width: 200px; } } .ghostBox { position: absolute; background-color: white; opacity: .25; z-index: -1; margin-left: 20px; } /*Card Flip Start*/ .card { text-align: center; height: 100%; } .cardFront, .cardBack { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: white; font-weight: bold; font-size: 12px; padding-bottom: 35px; } .cardFront, .cardBack { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .cardBack { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); height: 100%; color: white; text-align: center; padding-top: 8%; } .card.effect__hover:hover .cardFront, .card.effect__hover.focusFlip .cardFront { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); transition-delay: 300ms; } .card.effect__hover:hover .cardBack, .card.effect__hover.focusFlip .cardBack { -webkit-transform: rotateY(0); transform: rotateY(0); transition-delay: 300ms; } .card.effect__hover { height: 100%; } .cardRateAuto { font-weight: bold; font-size: 25px; line-height: 100%; } .cardRate { font-weight: bold; font-size: 36px; } .learnMoreButton { padding: 2px 5px 2px 5px; background-color: #ffffff; font-weight: bold; color: #10497C; border: 1px solid white; box-shadow: inset 0px 0px 12px 8px #f6a537; border-radius: 4px; } .learnMoreButton:hover { color: #10497C; background-color: #ffffff; box-shadow: inset 0px 0px 12px 8px #c97e17; } .cardText img { height: 100%; width: 100%; } .cardText em { font-size: 1.3em; margin-top: -10px; font-family: var(--font-family-body); font-style: normal; font-weight: 700; display: block; width: 100%; max-height: 45px; overflow: hidden; line-height: 105%; padding: 5px; } .cardText em.twoLine { margin-top: -20px; } /* Adjustments specific to the first tile (Auto) */ .owl-item:first-child .cardFront { padding-bottom: 17px; } .owl-item:first-child .cardFront .cardText em { margin-top: -30px; } /*Card Flip End*/ /* Carousel Start */ #carouselRow { height: 145px; visibility: hidden; } .owl-theme .owl-dots .owl-dot.active span { background-color: #10497C; border: 2px solid #10497C; } .owl-theme .owl-dots .owl-dot span { border: 2px solid #10497C; background: white; } .owl-theme .owl-dots .owl-dots.active span, .owl-theme .owl-dots.clickable .owl- dot:hover span { background: #10497C; } .owl-stage-outer { text-align: center; } #card-carousel .owl-stage-outer, #card-carousel .owl-stage, #card-carousel .owl-item { height: 100% !important; } /* Carousel End */ /* Apply in minutes start */ .applyInMinutesSmall { display: none; padding: 0; } dl.mobile_123 { margin-left: 8%; } .threeStepsImage { width: 80%; margin-left: 10%; margin-top: 20px; } .applyInMinuteHeader { padding: 40px; } @media screen and (width: 768px) { dl.mobile_123 { margin-left: 3%; } .applyInMinuteHeader { padding: 20px 40px; } .threeStepsImage { width: 85%; margin-left: 0%; margin-top: 20px; } } /* Apply in minutes end */ /* Customer Characteristics Start */ .characteristicTitle { font-weight: 700; margin-top: 40px; margin-bottom: 10px; } .characteristicDescription { font-size: 15px; line-height: 120%; padding-bottom: 0; } /* Customer Characteristics End */ /* LightStream Experience Start */ .experienceImage { height: 223px; } @media screen and (max-width: 960px) { .experienceImage { height: 152px; } } .customerLocation { color: #666767; font-weight: bold; margin-top: 10px; } /* LightStream Experience End */ #ctaDescriptions { padding: 20px 0 20px 0 !important; background-color: #BEC0C2; max-width: 120.063rem; padding: 20px; font-weight: bold; font-size: small; display: none; } #ctaDescriptionsMobile { background-color: #BEC0C2; font-weight: bold; font-size: small; padding: 10px 15px 10px 10px; position: absolute; bottom: 107px; display: none; left: 0; } .ctaMobileDescription { text-align: justify; text-justify: inter-word; font-size: 2vw; } @media screen and (max-width: 500px) { .ctaMobileDescription { font-size: 3vw; } } #ctaMobileWhyLightStream { display: none; } .carouselArrow { font-size: 80px; z-index: 500; top: 18px; } #carouselLeft { position: absolute; cursor: pointer; left: -36px; } #carouselRight { position: absolute; right: -36px; } .learnButtonDiv { margin-top: 20px; } .cardBack div a:focus button { outline: 5px auto #5E9ED6; border-color: #5E9ED6; } .autoPayAutoTile { font-size: 10px; } #rewardsYourCredit { background-color: #C3DCF6; position: relative; padding: 30px; } #feature-bullet-sub-header { color: #666767; font-weight: 600; } #mediaCoverage { padding-right: 0; margin-top: 20px; } @media only screen and (min-width: 726px) { #mediaCoverage { margin-top: 0 !important; } } @media screen and (min-width: 481px) { #ctaBarMobile { display: none; } } @media only screen and (min-width: 726px) { .banner-container { height: 100% !important; min-height: 400px; } body.home #header img.banner { min-height: 400px; } } /*@media screen and (min-width: 100px) { header { margin-bottom: -31px !important; } }*/ .ls-navbar-icon { width: 1.6rem; height: 1.6rem; cursor: pointer; position: relative; } #header nav.mainmenu .tiny { padding: 6px 25px; font-size: 0.75rem; margin: 0 10px; } @media only screen and (min-width: 40.063em) { #header nav { padding-top: 6px; } } @media screen and (min-width: 100px) { .affix { position: fixed; right: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transform: translate3d(0, 0, 0); } } body.home #header img.banner { height: 100% !important; } .component-template-page #header img.banner { min-width: 1490px !important; } .paid-search-page #header img.banner { left: -150px !important; } @media only screen and (min-width: 1248px) { .paid-search-page #header img.banner { min-width: 1190px !important; left: 0 !important; } } .mainmenu { padding-right: 10px; } .navItems { padding-right: 0; } @media screen and (max-width: 1306px) { .carouselArrow { font-size: 40px; top: 46px; } #carouselLeft { left: 6px; } #carouselRight { right: 6px; } #card-carousel { padding-left: 20px; padding-right: 20px; } } .sectionHeader { font-size: 24px; font-weight: 700; padding-top: 0; } #itsEasyToFindYourRate { position: relative; left: -28px; width: 110%; } #APRDisclosure { display: block; } .legal { font-size: 12px; color: #1a1a1a; font-weight: 500; } body.home-page section article.legalcopy, body.landing-page section article.legalcopy { display: block !important; z-index: 10; } #LSExperienceSmall { display: none; } #LSExperienceSmall .large-view { display: none; } #header > div.headline.hide-for-small-only.home3Headline { top: 108px !important; } #header > div.headline.show-for-small-only { top: 60px !important; } @media screen and (min-width: 1524px) and (max-width: 1880px) { #heroBanner { height: 32vw !important; } } @media screen and (max-width: 1524px) { #heroBanner { height: 102% !important; } } .owl-theme .owl-dots .owl-dot span { width: 14px; height: 14px; } body.home.home-page #header .headline h2 { text-align: center; text-shadow: 1px 1px 2px #2e2e2e; } body.home.home-page #header .headline h3 { color: white; } body.home.home-page #header .headline h3 em { font-size: 60px; font-style: normal; display: inline-block; margin: -15px auto; } body.home.home-page #header .headline .mobileSpan { text-shadow: 1px 1px 2px #2e2e2e; } table.records td.first:before { content: ""; } table.records tr.expanded td.first:before { content: ""; } .arrowDisabled { color: #ededed !important; cursor: no-drop !important; } section.row.applyInMinutesBig > div:nth-child(1) > h2 { padding: 0; color: white; font-weight: bold; font-size: 28px; line-height: 32px; } section.row.applyInMinutesBig .row { margin: 0; } section.row.applyInMinutesBig .aim-container { min-width: 180px; display: inline; padding: 0 15px 15px 15px; width: auto; margin-right: 14%; } body.home #aprRow, body.video-all-purpose-landing-page #aprRow, body.video-landing-page #aprRow, body.multipurpose-auto-page #aprRow, body.loan-aggregator-page #aprRow, body.component-template-page #aprRow, body.navigation-purpose-page #aprRow, body.paid-search-page #aprRow, body.no-header #aprRow, body.responsive-redesign-v2-page #aprRow, body.responsive-redesign-v1-page #aprRow, body.responsive-partner-option-1-page #aprRow, body.direct-mail-campaign-page #aprRow { display: none; } body.home .rateTableHeaderRow, body.video-all-purpose-landing-page .rateTableHeaderRow, body.video-landing-page .rateTableHeaderRow, body.multipurpose-auto-page .rateTableHeaderRow, body.loan-aggregator-page .rateTableHeaderRow, body.component-template-page .rateTableHeaderRow, body.navigation-purpose-page .rateTableHeaderRow, body.paid-search-page .rateTableHeaderRow, body.no-header .rateTableHeaderRow, body.responsive-redesign-v2-page .rateTableHeaderRow, body.responsive-redesign-v1-page .rateTableHeaderRow, body.responsive-partner-option-1-page .rateTableHeaderRow, body.direct-mail-campaign-page .rateTableHeaderRow { display: block; } #RateTable > div:nth-child(2) > div > div { font-size: 14px; font-weight: bold; } .ratesDate { color: black; float: right; } .readmore { font-weight: bold; font-style: italic; color: #10497C; } #header > div.headline.hide-for-small-only.home3Headline > h2 { font-size: 60px; } #header > div.headline.hide-for-small-only.home3Headline > h2 > sup { font-size: 34px; } .loanTermsMonths { display: none; } #autoBack > div:nth-child(3) { font-style: italic; font-size: 10px; } @media screen and (min-width: 726px) and (max-width: 780px) { .cardBack { line-height: 1.3; } #card-carousel > div.owl-stage-outer > div > div:nth-child(1) > div > div.cardBack > div:nth-child(3) { font-size: 9px; } } .cardRate > sup { font-size: 60%; } .cardBack { font-size: 14px; } #autoBack { font-size: 14px; } @media screen and (max-width: 1072px) { #autoBack { padding-top: 6px; } } @media screen and (max-width: 852px) { .cardRate { font-size: 32px; } .cardBack, #autoBack { font-size: 12px; } } @media screen and (max-width: 540px) { .cardBack { line-height: 200%; } } @media screen and (max-width: 500px) { .cardBack, #autoBack { padding-top: 2px !important; } } #header > div.headline.hide-for-small-only.home3Headline > h2 { margin-top: 10px !important; } #header > div.large-12.desktop-nav.columns.navbar.affix > div { height: 92px; } #header > div.headline.hide-for-small-only.home3Headline { z-index: 0; } @media screen and (max-width: 760px) and (min-width: 640px) { #LoanCalculator > div.input-values.medium-8.columns > div:nth-child(3) > div:nth-child(2) > label { font-size: 14px; margin-bottom: 3px; } #LoanCalculator > div.input-values.medium-8.columns > div:nth-child(3) > div:nth-child(3) > label { font-size: 13px; margin-bottom: 5px; } } @media screen and (max-width: 680px) and (min-width: 640px) { #LoanCalculator > div.input-values.medium-8.columns > div:nth-child(3) > div:nth-child(2) > label { font-size: 13px; } } .home-page #header > div.headline.show-for-small-only > div > h2.small-12.columns.cms { line-height: 60px; } .home-page #apr-desktop { padding-top: 10px; } .home-page section > article > p { padding-top: 10px; } .home-page #apr-disclosureFooter > article > p { padding-top: 0; } .home-page #rates > div.row.ruled.panel { margin-bottom: 0; } .home-page #videoColumn { padding: 0; } .home-page #mediaCoverage { padding: 0; } .home-page #customerComments > a.large-view { display: none; } .home-page #feature-bullet-sub-header { padding: 0; } .home-page #redesign-bullets-desktop { display: none; } .home-page #redesign-bullets-desktop img { height: 183px; } @media only screen and (min-width: 726px) { .home-page #redesign-bullets-desktop { display: block; } } .home-page #redesign-bullets-mobile { display: block; } .home-page #redesign-bullets-mobile img { width: 41vw; } @media only screen and (min-width: 726px) { .home-page #redesign-bullets-mobile { display: none; } } #ctaBar, #cta-bar-mobile { background-color: #183560; max-width: 120.063rem; font-weight: bold; font-size: small; display: none; max-width: 100%; color: white; font-style: italic; height: 50px; cursor: pointer; max-width: 120.063rem; z-index: 10; } @media only screen and (min-width: 726px) { #ctaBar, #cta-bar-mobile { display: block; } } #ctaBar .cta-outer-container, #cta-bar-mobile .cta-outer-container { text-align: center; height: 100%; padding: 0; } #ctaBar .cta-outer-container .cta-inner-container, #cta-bar-mobile .cta-outer-container .cta-inner-container { display: table; height: 100%; margin: 0 auto; } #ctaBar .cta-outer-container .cta-inner-container .cta-icon-container, #cta-bar-mobile .cta-outer-container .cta-inner-container .cta-icon-container { display: table-cell; vertical-align: middle; } #ctaBar .cta-outer-container .cta-inner-container .cta-icon-container .cta-ls, #cta-bar-mobile .cta-outer-container .cta-inner-container .cta-icon-container .cta-ls { background-image: url("https://www.suntrust.com/content/dam/lightstream/us/en/content/images/icon-lightstream.png"); background-image: url("https://www.suntrust.com/content/dam/lightstream/us/en/content/images/icon-lightstream.svg"), none; } #ctaBar .cta-outer-container .cta-inner-container .cta-icon-container .cta-dollar, #cta-bar-mobile .cta-outer-container .cta-inner-container .cta-icon-container .cta-dollar { background-image: url("https://www.suntrust.com/content/dam/lightstream/us/en/content/images/icon-dollar-sign.png"); background-image: url("https://www.suntrust.com/content/dam/lightstream/us/en/content/images/icon-dollar-sign.svg"), none; } #ctaBar .cta-outer-container .cta-inner-container .cta-icon-container .cta-check, #cta-bar-mobile .cta-outer-container .cta-inner-container .cta-icon-container .cta-check { background-image: url("https://www.suntrust.com/content/dam/lightstream/us/en/content/images/icon-checkmark.png"); background-image: url("https://www.suntrust.com/content/dam/lightstream/us/en/content/images/icon-checkmark.svg"), none; } #ctaBar .cta-outer-container .cta-inner-container .cta-icon-container .ctaIcon, #cta-bar-mobile .cta-outer-container .cta-inner-container .cta-icon-container .ctaIcon { width: 35px; height: 35px; background-repeat: no-repeat; margin: 0 10px; } #ctaBar .cta-outer-container .cta-inner-container .cta-item-container, #cta-bar-mobile .cta-outer-container .cta-inner-container .cta-item-container { display: table-cell; vertical-align: middle; } #ctaBar .cta-outer-container .cta-inner-container .cta-item-container .cta-item-left, #cta-bar-mobile .cta-outer-container .cta-inner-container .cta-item-container .cta-item-left { float: left; } #ctaBar .cta-outer-container .cta-inner-container .cta-item-container .cta-item-text-left, #cta-bar-mobile .cta-outer-container .cta-inner-container .cta-item-container .cta-item-text-left { text-align: left; } #ctaBar .cta-outer-container .cta-inner-container .cta-item-container .cta-item-text-left #watchVideo, #cta-bar-mobile .cta-outer-container .cta-inner-container .cta-item-container .cta-item-text-left #watchVideo { text-decoration: underline; cursor: pointer; } #ctaBar .cta-outer-container .cta-inner-container .cta-item-text, #cta-bar-mobile .cta-outer-container .cta-inner-container .cta-item-text { display: table-cell; vertical-align: middle; line-height: 110%; text-align: left; } #ctaBar .cta-outer-container .verticalLine, #cta-bar-mobile .cta-outer-container .verticalLine { border-left: 1px solid white; height: 30px; margin-top: 10px; position: absolute; } @media all and (max-width: 863px) { #ctaBar .cta-outer-container .cta-inner-container, #cta-bar-mobile .cta-outer-container .cta-inner-container { margin: 0 5%; } } #cta-bar-mobile { display: block; } @media only screen and (min-width: 726px) { #cta-bar-mobile { display: none; } } #cta-bar-mobile .cta-outer-container { background-color: #183560; padding: 10px; border-bottom: 1px solid white; } #cta-bar-mobile .cta-outer-container .cta-inner-container { margin: inherit; width: 100%; } #cta-bar-mobile .cta-outer-container .cta-inner-container .cta-icon-container { width: 10px; } #cta-bar-mobile .cta-outer-container .cta-inner-container .pull-right::before { font-style: normal; font-weight: bold; font-size: 1.5em; content: '+'; } #cta-bar-mobile .cta-outer-container .cta-description { text-align: left; font-style: normal; font-weight: normal; display: none; margin-top: 12px; } #cta-bar-mobile .cta-outer-container.expanded .cta-inner-container .pull-right::before { content: '-'; } #cta-bar-mobile .cta-outer-container.expanded .cta-description { display: block; } #cta-bar-mobile .cta-outer-container.last { border-bottom: none; } #lightstreamVideo { top: 92px; position: absolute; width: 100%; z-index: 500; display: none; height: -webkit-calc(100% - 19px); height: -moz-calc(100% - 19px); height: calc(100% - 19px); } #lendingUncomplicatedSection { height: 150px; margin-top: 20px; } #lendingUncomplicatedSection div { height: 100%; padding: 0; } #lendingUncomplicatedSection img { height: 100%; width: 100%; position: absolute; z-index: -1; } #lendingUncomplicatedSection #ludiv { text-align: center; z-index: 5; } #lendingUncomplicatedSection #ludiv h1 { font-weight: 700; color: white; padding-bottom: 0; font-size: 8vw; } @media only screen and (min-width: 480px) { #lendingUncomplicatedSection #ludiv h1 { font-size: 30px; } } #lendingUncomplicatedSection #ludiv h2 { color: white; font-weight: 700; padding-top: 0; font-size: 6vw; } @media only screen and (min-width: 480px) { #lendingUncomplicatedSection #ludiv h2 { font-size: 24px; } } h2 { font-weight: 700; } .row.desktop { display: none; } @media only screen and (min-width: 726px) { .row.desktop { display: block; } } .row.mobile { display: block; text-align: center; } .row.mobile .experienceImage { height: 56vw !important; } .row.mobile img.large-view.experienceImage { display: none !important; } @media only screen and (min-width: 726px) { .row.mobile { display: none; } } #LSExperienceLarge { text-align: center !important; } #LSExperienceLarge #mediaCoverage > img.large-view.experienceImage { height: 163px; } #LSExperienceLarge #mediaCoverage img.mobile-view.experienceImage { display: block !important; } @media only screen and (min-width: 726px) { #LSExperienceLarge #mediaCoverage img.mobile-view.experienceImage { display: none !important; } } #LSExperienceLarge .mobile-view > img { display: none !important; } #LSExperienceLarge h3 { margin-top: 20px; text-align: center; } .infographic-container img { width: 100%; } .infographic-container .infographic-desktop { display: none; } @media only screen and (min-width: 726px) { .infographic-container .infographic-desktop { display: block; } } @media only screen and (min-width: 726px) { .infographic-container .infographic-mobile { display: none; } } #lightstreamVideo { height: -webkit-calc(100% - 92px); height: -moz-calc(100% - 92px); height: calc(100% - 92px); } @charset "UTF-8"; @media screen and (max-width: 725px) { body.home #header img.banner { max-height: 100%; } body.home #header .headline h2, body.home #header .headline h3.sub { color: white !important; font-size: 11vw !important; font-weight: 600; } #mediaCoverage { padding-right: 0.9375rem; } .characteristicTitle { margin-top: 0; } .characteristicDescription { font-size: 14px; } #mediaCoverage .characteristicDescription, #videoColumn .characteristicDescription { padding-left: .9375rem; padding-right: .9375rem; } #feature-bullet-sub-header { font-size: 13px; text-align: left !important; } #h2Finally { font-size: 18px; } #header { height: 107vw !important; min-height: 580px; } #mobileHeroBanner { min-height: 750px; min-width: 520px; } .bannerButtonMobile { width: 140px; font-size: small !important; display: inline-block; } #applyNowMobile { padding: 12px 25px; } #ratesAndTermsMobile { height: 100%; } #ctaBarMobile { display: block; height: 48px; opacity: .93; position: absolute; bottom: 59px; width: 105%; left: 0; z-index: 10; /*50;*/ } #header { /*z-index: 1012;*/ } .experienceImage { height: 102px; } #rewardsYourCredit { padding: 15px; } .applyInMinutesBig { display: none; } .applyInMinutesSmall { display: block; } .applyInMinutesSmall > div > h3 { color: white !important; font-weight: bold; font-size: 16px; } .threeStepsImage { width: 100%; margin-left: 10px; margin-top: 0px; } #micMobile { color: #1e4f7e; margin-top: 16px; font-size: 24px; } body.home #header img.banner { top: 0; } #heroBanner { display: none !important; } .mobileBanner { display: block; position: relative; z-index: -1; width: 100%; top: -150px; height: 140vw; } .banner-container { height: 95px; } .bannerButton { height: 44px; } #lsAppDiv { z-index: 9; } .ghostBoxMobile { position: absolute; background-color: white; opacity: .25; z-index: -1; margin-left: 14px !important; height: 39px; width: 138px; } #LSExperienceLarge { display: none; } #LSExperienceSmall { display: block; } #LSExperienceSmall .characteristicTitle { padding-top: 20px; } } @media screen and (max-width: 725px) and (max-width: 332px) { .bannerButtonMobile { width: 126px; } #ghostBoxMobile { width: 126px; } } @media screen and (max-width: 725px) { #header > div.headline.hide-for-small-only.home3Headline { /*top: 60px !important;*/ display: none !important; } #header > div.headline.show-for-small-only { top: 60px !important; display: block !important; } } @media only screen and (max-width: 725px) and (max-width: 40em) { body.home #header .headline { top: -36px !important; } } @media screen and (max-width: 725px) { #header > div.headline.show-for-small-only > h2:nth-child(4) { font-size: 44px; } } @media screen and (max-width: 725px) and (max-width: 366px) { #header > div.headline.show-for-small-only > h2:nth-child(4) { font-size: 10vw; } #header > div.headline.show-for-small-only > span:nth-child(2) { font-size: .5em; } } @media screen and (max-width: 725px) { #header > div.headline.show-for-small-only > h2.small-12.columns.cms { font-size: 6vw; } #header > div.headline.show-for-small-only > div:nth-child(1) > h2:nth-child(4) { font-size: 8vw; } #header > div.headline.show-for-small-only { margin-left: 0 !important; } #lightstreamVideo { display: none; } #ctaBar { display: none; } .bluetint { background-color: white; opacity: 1; } body.home #header img.banner { position: absolute; } .mobileSpan { color: white; font-size: 3.1vw; font-weight: bold; } } @media screen and (max-width: 725px) and (max-width: 700px) { table.records td.first:before { content: "+"; } table.records tr.expanded td.first:before { content: "–"; } } @media screen and (max-width: 725px) { #RateTable > div:nth-child(2) > div > div { font-size: 14px; } /* Rate table switches to mobile at 480 */ } @media screen and (max-width: 725px) and (max-width: 700px) { .loanTermsMonths { display: block; } } @media screen and (max-width: 725px) and (max-width: 400px) { #mobileHeroBanner { left: -80px; } } @media screen and (max-width: 725px) and (max-width: 366px) { #ludiv { padding-top: 0; } } @media screen and (max-width: 725px) { #header > div.headline.show-for-small-only > div.mobile-banner-text > h2 { text-shadow: 1px 1px 20px black; } } @media screen and (max-width: 725px) and (min-width: 0) { #carouselRow { height: 166px; visibility: hidden; } #carouselLeft { position: absolute; cursor: pointer; padding-left: 10px; left: 2px; } #card-carousel { padding-left: 80px; padding-right: 80px; } #carouselRight { position: absolute; right: 3px; padding-right: 10px; } .carouselArrow { font-size: 60px; z-index: 500; top: 18px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .owl-theme .owl-dots .owl-dot.active span { background-color: #10497C; border: 2px solid #10497C; } .owl-theme .owl-dots .owl-dot span { border: 2px solid #10497C; background: white; } .owl-theme .owl-dots .owl-dots.active span, .owl-theme .owl-dots.clickable .owl- dot:hover span { background: #10497C; } .owl-stage-outer { text-align: center; } } @media screen and (max-width: 725px) and (min-width: 376px) { #carouselLeft { left: 2px; padding-left: 0px; } #card-carousel { padding-left: 20px; padding-right: 20px; } #carouselRight { right: 3px; padding-right: 0px; } .carouselArrow { font-size: 37px; top: 50%; } } @media screen and (max-width: 725px) and (min-width: 726px) and (max-width: 780px) { #card-carousel > div.owl-stage-outer > div > div:nth-child(1) > div > div.cardBack > div:nth-child(3) { font-size: 9px; } } @media screen and (max-width: 725px) and (min-width: 0) { .card { text-align: center; height: 100%; width: 100px; } .cardFront, .cardBack { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: white; font-weight: bold; font-size: 12px; padding-top: 10px; background-color: #10497C; } .cardFront, .cardBack { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .cardBack { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); height: 100%; color: white; text-align: center; padding-top: 8%; line-height: 260%; font-size: 3.8vw; } .cardBack, #autoBack { padding-top: 2px; } #autoBack { line-height: 220%; font-size: 3.5vw; } #autoBack > div:nth-child(3) { font-style: italic; font-size: 10px; } .card.effect__hover:hover .cardFront { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .card.effect__hover:hover .cardBack { -webkit-transform: rotateY(0); transform: rotateY(0); } .card.effect__hover { height: 100%; } .cardRateAuto { font-weight: bold; font-size: 25px; line-height: 100%; } .cardRate { font-weight: bold; font-size: 12vw; margin-bottom: 8px; } .cardRate > sup { font-size: 60%; } .learnButtonDiv { margin-top: 16px; } .learnMoreButton { padding: 2px 5px 2px 5px; background-color: #ffffff; font-weight: bold; color: #10497C; border: 1px solid white; box-shadow: inset 0px 0px 12px 8px #f6a537; border-radius: 4px; } .learnMoreButton:hover { color: #10497C; background-color: #ffffff; box-shadow: inset 0px 0px 12px 8px #c97e17; } .cardText img { height: 100%; width: 100%; } } @media screen and (max-width: 725px) and (min-width: 341px) { #autoBack { line-height: 220%; font-size: 14px; } .cardBack { line-height: 300%; } .cardRate { font-size: 40px; } } @media screen and (max-width: 725px) and (min-width: 361px) { .cardBack, #autoBack { font-size: 14px; } .cardRate { font-size: 50px; } #autoBack > div:nth-child(3) { font-size: 10px; } .cardBack { line-height: 300%; } #autoBack { line-height: 250%; } } @media screen and (max-width: 725px) and (min-width: 376px) { .cardBack, #autoBack { font-size: 12px; } .cardRate { font-size: 30px; } #autoBack > div:nth-child(3) { font-size: 1.5vw; } .cardBack { line-height: 280%; } #autoBack { line-height: 230%; } } @media screen and (max-width: 725px) and (min-width: 427px) { .cardBack, #autoBack { font-size: 16px; } .cardRate { font-size: 46px; } #autoBack > div:nth-child(3) { font-size: 10px; } .cardBack { line-height: 280%; } #autoBack { line-height: 200%; } } @media screen and (max-width: 725px) and (min-width: 480px) { .cardRate { font-size: 36px; } .cardBack, #autoBack { font-size: 11.5px; } #autoBack { line-height: 190%; } .cardBack { line-height: 200%; } #autoBack > div:nth-child(3) { font-size: 1.5vw; } } @media screen and (max-width: 725px) and (min-width: 501px) { .cardBack, #autoBack { padding-top: 8%; } } @media screen and (max-width: 725px) and (min-width: 541px) { .cardBack { line-height: inherit; } } @media screen and (max-width: 725px) and (min-width: 591px) { .cardBack, #autoBack { font-size: 15px; } .cardRate { font-size: 40px; } } @media screen and (max-width: 725px) and (min-width: 661px) { .cardBack, #autoBack { font-size: 18px; } #autoBack { padding-top: 10px; line-height: 190%; } .cardRate { font-size: 45px; } } @media screen and (max-width: 725px) and (min-width: 726px) { .cardBack, #autoBack { font-size: 12px; line-height: 1.3; } #autoBack { padding-top: 6px; } .cardRate { font-size: 32px; margin-bottom: 0; } #card-carousel > div.owl-stage-outer > div > div:nth-child(1) > div > div.cardBack > div:nth-child(3) { font-size: 9px; } .learnButtonDiv { margin-top: 20px; } } @media screen and (max-width: 725px) and (min-width: 781px) { .cardBack, #autoBack { line-height: inherit; } #card-carousel > div.owl-stage-outer > div > div:nth-child(1) > div > div.cardBack > div:nth-child(3) { font-size: 10px; } } @media screen and (max-width: 725px) and (min-width: 853px) { .cardBack { font-size: 14px; } .cardRate { font-size: 36px; } } /* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties ------------------------------------------------------------- */ @media only screen and (min-device-width: 641px) and (max-device-width: 812px) and (orientation: landscape) { .featurebullet-img { margin-bottom: 20px; float: left; } } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) { .featurebullet-img { margin-bottom: 20px; float: left; } } #autoLoanCentral { position: relative; top: -20px; } #autoLoanCentral img { float: left; width: 160px; } #autoLoanCentral h3 { color: white; font-weight: 700; margin-bottom: 4px; } #autoLoanCentral h6 { color: white; overflow: auto; } .autoLoanCentralDesc { margin-left: 5px; } #autoLoanCentral img { margin-right: 10px; } #autoSelect { width: 400px; font-weight: 800; font-size: 20px; } #heroBanner { display: block !important; float: right; left: 0 !important; } #ctaBarMobile { bottom: 60px; } header img.banner { margin-top: 0; } #lsAppDiv { padding-top: 0; } #ctaDescriptionsMobile { bottom: 108px; padding: 20px 0 20px 0 !important; } @media screen and (max-width: 725px) { #autoLoanCentral img { float: none; } #autoLoanCentral { text-align: center; } #autoLoanCentral img { width: 160px; height: 160px; } #autoLoanCentral h3, h6 { text-align: left; } } #purposeOfLoanDesktop, #purposeOfLoanMobile { width: 310px; font-weight: 800; font-size: 15px; } #header > div.headline.show-for-small-only > h3 { color: white; font-size: 15px; font-weight: 600; margin-top: 20px; } .banner-container, #heroBanner { height: 100%; } body.home #header img.banner { top: 0px !important; } #header > div.headline.show-for-small-only { position: absolute !important; top: 60px !important; } #rates div.row.apr-disclosure-row { padding-top: 16px; } @media screen and (max-width: 725px) { #rates > div.row.ruled.panel { margin-top: 31px; } #header { height: auto; } } #header > div.headline.hide-for-small-only.home3Headline { text-align: center; padding-left: 0; padding-right: 0; left: 0 !important; top: 128px !important; height: 100%; } #header > div.headline.show-for-small-only > div.mobile-banner-text > h2:nth-child(2) { margin-top: 20px !important; margin-bottom: 10px !important; } @media screen and (max-width: 460px) { #header > div.headline.show-for-small-only > div.mobile-banner-text > h2:nth-child(2) { margin-top: 0 !important; } } @media screen and (max-width: 760px) and (min-width: 642px) { #LoanCalculator > div.input-values.medium-8.columns > div:nth-child(5) > div:nth-child(2) > label { font-size: 14px; margin-bottom: 3px; } #LoanCalculator > div.input-values.medium-8.columns > div:nth-child(5) > div:nth-child(3) > label { font-size: 13px; margin-bottom: 5px; } } @media screen and (max-width: 680px) and (min-width: 642px) { #LoanCalculator > div.input-values.medium-8.columns > div:nth-child(5) > div:nth-child(2) > label { font-size: 13px; } } header.affixed .desktop-nav nav { padding-top: 32px !important; } #header nav { padding-top: 18px; } @media screen and (max-width: 330px) { #purposeOfLoanDesktop, #purposeOfLoanMobile { width: 262px; font-size: 13px; } } .multipurpose-auto-page #header h2 { color: white !important; font-size: 5vw !important; text-shadow: 1px 1px 10px #2e2e2e !important; } @media only screen and (min-width: 2300px) { .multipurpose-auto-page #header h2 { font-size: 3vw !important; } } .multipurpose-auto-page #header h3 { color: white; text-shadow: none; font-size: 1.8vw; font-weight: 600; } @media only screen and (min-width: 2300px) { .multipurpose-auto-page #header h3 { font-size: 1vw; } } .multipurpose-auto-page #header div.headline.show-for-small-only { max-width: 100%; z-index: 0 !important; } .multipurpose-auto-page #header div.headline.show-for-small-only h2 { color: white !important; line-height: initial; text-align: center; font-weight: 700; text-shadow: 1px 1px 10px #2e2e2e !important; } .multipurpose-auto-page #header div.headline.show-for-small-only h3 { font-size: 20px; } .multipurpose-auto-page #header .mobile-banner { display: block; position: absolute; z-index: -1; width: 100%; height: 100%; } @media only screen and (min-width: 726px) { .multipurpose-auto-page #header .mobile-banner { display: none; } } .multipurpose-auto-page #apr-disclosure > article { padding: 10px 10px 20px 10px; /*@include mq('ls-desktop'){ padding-top: 0; }*/ } .multipurpose-auto-page #rates div.row.apr-disclosure-row.legalcopy { padding-left: 20px; padding-right: 20px; } @media only screen and (min-width: 726px) { .multipurpose-auto-page #rates div.row.apr-disclosure-row.legalcopy { padding: 10px 0 0 0; } } .multipurpose-auto-page #rates div.row.apr-disclosure-row.legalcopy > div > p { padding: 10px 0 0 0; } @media only screen and (min-width: 726px) { .multipurpose-auto-page #rates div.row.apr-disclosure-row.legalcopy > div > p { padding: 0 20px 0 20px; } } .multipurpose-auto-page #rates div.row.ruled.panel { margin-top: 0 !important; } .multipurpose-auto-page #rates section.row.applyInMinutesBig { position: static; } .multipurpose-auto-page #LSExperienceLarge { text-align: center; } .multipurpose-auto-page #LSExperienceLarge a.mobile-view { display: none; } .multipurpose-auto-page #LSExperienceSmall { text-align: center; } .multipurpose-auto-page #LSExperienceSmall .experienceImage { height: 202px; } .multipurpose-auto-page #LSExperienceSmall #videoColumn, .multipurpose-auto-page #LSExperienceSmall #mediaCoverage { padding-left: 0; padding-right: 0; } .multipurpose-auto-page #mediaCoverage img.mobile-view.experienceImage.cms { display: block; width: 100%; height: 50vw; } @media only screen and (min-width: 726px) { .multipurpose-auto-page #mediaCoverage img.mobile-view.experienceImage.cms { display: none; } } .multipurpose-auto-page #mediaCoverage img.large-view.experienceImage.cms { display: none; } @media only screen and (min-width: 726px) { .multipurpose-auto-page #mediaCoverage img.large-view.experienceImage.cms { display: block; } } .multipurpose-auto-page #heroBanner { position: relative !important; } .multipurpose-auto-page #customerComments > a.large-view { display: none; } @media only screen and (min-width: 726px) { .multipurpose-auto-page #customerComments > a.large-view { display: block; } } /* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties ------------------------------------------------------------- */ .loan-aggregator-page #header { height: auto !important; min-height: 0; } .loan-aggregator-page #header > div.banner-container.cms.hide-for-small banner { display: block !important; } @media only screen and (min-width: 726px) { .loan-aggregator-page #header > div.banner-container.cms.hide-for-small banner { display: none !important; } } .loan-aggregator-page #header .mobile-banner { display: block; position: absolute; z-index: -1; width: 100%; height: 100%; } @media only screen and (min-width: 726px) { .loan-aggregator-page #header .mobile-banner { display: none; } } .loan-aggregator-page #header div.headline.show-for-small-only { margin-bottom: 100px !important; } .loan-aggregator-page #header > div.headline.hide-for-small-only.home3Headline { top: 116px !important; } @media only screen and (min-width: 1440px) { .loan-aggregator-page #header > div.headline.hide-for-small-only.home3Headline { top: 8vw !important; } } @media only screen and (min-width: 2300px) { .loan-aggregator-page #header > div.headline.hide-for-small-only.home3Headline { top: 180px !important; } } .loan-aggregator-page #header > div.headline.hide-for-small-only.home3Headline > div.row > div > h2 { margin-top: 0 !important; font-size: 60px; text-shadow: 1px 1px 20px black; } .loan-aggregator-page #header > div.headline.hide-for-small-only.home3Headline h2 { margin-top: 0 !important; margin-bottom: 0 !important; font-size: 70px; font-weight: 800; color: white; text-shadow: 1px 1px 20px black; } .loan-aggregator-page #header > div.headline.hide-for-small-only.home3Headline h3 { font-size: 20px; color: white; text-shadow: 1px 1px 20px black; } .loan-aggregator-page #header .headline { padding-top: 0 !important; } .loan-aggregator-page #header > div.headline.show-for-small-only { margin-top: 60px !important; } .loan-aggregator-page #header > div.headline.show-for-small-only > h2 { font-weight: 800; text-align: center; text-shadow: 1px 1px 20px black; } .loan-aggregator-page #header > div.headline.show-for-small-only > h3 { text-shadow: 1px 1px 20px black; font-size: 20px; margin-top: 0; } .loan-aggregator-page #header > div.headline.show-for-small-only > div.mobile-banner-text > h2 { font-size: 11vw !important; font-weight: 800; line-height: .8 !important; padding-top: 70px !important; text-align: center; font-size: 60px; } .loan-aggregator-page #header > div.headline.show-for-small-only div.row.mobile-banner-buttons-row { margin-top: 10px; } .loan-aggregator-page #header > div.headline.show-for-small-only input[type="submit"] { font-size: 12px; } @media only screen and (min-width: 480px) { .loan-aggregator-page #header > div.headline.show-for-small-only input[type="submit"] { font-size: 16px; } } .loan-aggregator-page #header > div.headline.show-for-small-only .bannerButton { width: 37vw; font-size: 12px; } @media only screen and (min-width: 480px) { .loan-aggregator-page #header > div.headline.show-for-small-only .bannerButton { font-size: 16px; } } .loan-aggregator-page #header div.show-for-small-only { max-width: 100% !important; text-align: center; height: 100%; margin-top: 0 !important; top: 0 !important; position: initial !important; } .loan-aggregator-page #rates { /* Please note there is separate scss for three feature bullets called, drumroll, three-feature-bullets.scss The implementation can be seen on the LoanAggregator and MultipurposeAuto template views. Love, Brett. 6/22/17 */ } .loan-aggregator-page #rates section > article > p { padding-top: 10px; padding-bottom: 0; } .loan-aggregator-page #rates > div.row.ruled.panel { margin-top: 12px; margin-bottom: 0 !important; } .loan-aggregator-page #rates div.row.apr-disclosure-row > div > p { color: black; padding: 110px 20px 0 20px; } @media only screen and (min-width: 726px) { .loan-aggregator-page #rates div.row.apr-disclosure-row > div > p { padding: 0; } } .loan-aggregator-page #rates #feature-bullets { /*position: relative;*/ text-align: center; } @media only screen and (min-width: 726px) { .loan-aggregator-page #rates #feature-bullets { text-align: left; } } .loan-aggregator-page #rates #feature-bullets .row { background-color: #C3DCF6; padding-bottom: 0; } .loan-aggregator-page #rates #feature-bullets .row .row { margin-left: 0; margin-right: 0; padding-bottom: 20px; } .loan-aggregator-page #rates #feature-bullets .row div:nth-child(1) { margin-bottom: 20px; } @media only screen and (min-width: 726px) { .loan-aggregator-page #rates #feature-bullets .row div:nth-child(1) { margin-bottom: 0; } } .loan-aggregator-page #rates #feature-bullets h2 { text-align: left; font-size: 24px; font-weight: 700; padding: 20px; } .loan-aggregator-page #rates #feature-bullets h3, .loan-aggregator-page #rates #feature-bullets h6, .loan-aggregator-page #rates #feature-bullets h2 { color: var(--color-legacy-blue); } .loan-aggregator-page #rates #feature-bullets h6 { overflow: auto; text-align: center; } @media only screen and (min-width: 726px) { .loan-aggregator-page #rates #feature-bullets h6 { text-align: left; } } .loan-aggregator-page #rates #feature-bullets h3 { font-weight: 700; padding-top: 20px; } @media only screen and (min-width: 726px) { .loan-aggregator-page #rates #feature-bullets h3 { padding-top: 0; } } .loan-aggregator-page #rates #feature-bullets img { width: 85px; float: none; margin-right: 0; } @media only screen and (min-width: 726px) { .loan-aggregator-page #rates #feature-bullets img { margin-right: 2em; float: left; } } .loan-aggregator-page #rates h2 { font-weight: 700; } .loan-aggregator-page #rates .row.desktop { display: none; } @media only screen and (min-width: 726px) { .loan-aggregator-page #rates .row.desktop { display: block; } } .loan-aggregator-page #rates .row.mobile { display: block; text-align: center; } .loan-aggregator-page #rates .row.mobile .experienceImage { height: 56vw !important; } .loan-aggregator-page #rates .row.mobile img.large-view.experienceImage { display: none !important; } @media only screen and (min-width: 726px) { .loan-aggregator-page #rates .row.mobile { display: none; } } .loan-aggregator-page #rates #LSExperienceLarge { text-align: center !important; } .loan-aggregator-page #rates #LSExperienceLarge #mediaCoverage > img.large-view.experienceImage { height: 163px; } .loan-aggregator-page #rates #LSExperienceLarge #mediaCoverage img.mobile-view.experienceImage { display: block !important; } @media only screen and (min-width: 726px) { .loan-aggregator-page #rates #LSExperienceLarge #mediaCoverage img.mobile-view.experienceImage { display: none !important; } } .loan-aggregator-page #rates #LSExperienceLarge .mobile-view > img { display: none !important; } .loan-aggregator-page #rates #LSExperienceLarge h3 { margin-top: 20px; text-align: center; } .loan-aggregator-page #customerComments > a.large-view { display: none; } .loan-aggregator-page #videoColumn, .loan-aggregator-page #mediaCoverage { padding: 0; } .loan-aggregator-page .legalcopy > p { padding: 0; } .loan-aggregator-page mobile-banner { display: none; } /*blues*/ :root.truist-v1 { --color-ls-orange: #2E1A47; --color-legacy-blue: #2E1A47; --color-ls-dark-blue: #2E1A47; --color-ls-dark-blue-text: var(--color-ls-dark-blue); --color-ls-dark-blue-hover: var(--color-tru-dusk-half-purple); --color-ls-black: #1a1a1a; --color-ls-white: #ffffff; --color-ls-cloud: #F6F6F6; --color-ls-sandstone-light: #56387E; --color-ls-sandstone-med: #bfb7b0; --color-ls-sandstone-dark: #847770; --color-ls-link-dark: #1b31c1; --color-ls-link-light: #77c6ff; --color-ls-error-red: #C22B13; --color-ls-dodger-blue: #2E1A47; --color-tru-purple: #412565; --color-tru-purple-hover: #A6A3E0; --color-tru-dark-purple: #302B3D; --color-tru-dusk-purple: #72569C; --color-tru-dusk-half-purple: #56387E; --color-tru-dusk-secondary-purple: #6666a2; --color-tru-dark-purple-text: #2E1A47; --color-tru-black: #000000; --color-tru-cloud: #45B0E6; --color-tru-sandstone-light: #DBDBDB; --color-tru-sandstone-med: #5C5C5C; --color-tru-sandstone-dark: #34363B; --color-tru-link-dark: #402561; --color-tru-error-red: #C22B13; --color-tru-neutral: #FFFFFF; --color-tru-neutral-dark: #000000; --color-tru-blue: #CAEAEC; --color-tru-mist: #E3DFEF; --color-tru-tide: #BFB7B0; --font-family-body: TruistTrio-Regular; --font-family-heading: TruistTrio-Light; --font-family-bold: TruistTrio-Bold; --font-family-color: #2E1A47; --font-color-body: var(--color-tru-neutral-dark); --font-color-cite: var(--color-tru-neutral-dark); --font-color-heading: var(--color-tru-dark-purple-text); --font-color-bottom-nav: var(--color-tru-neutral-dark); --font-size-footer-nav: 12px; --font-color-v1-light-v2-dark: var(--color-tru-link-dark); --font-color-link-hover: var(--color-tru-neutral); --color-tru-button-tertiary: #6666a2; --bkg-dark: var(--color-tru-dark-purple-text); --bkg-light: #f0f0f0; --bkg-neutral: var(--color-ls-cloud); --bkg-navbar: #fff; --bkg-footer: var(--color-ls-cloud); --rate-card-border: var(--color-tru-tide); --navbar-separator: var(--color-tru-dark-purple); --disabled-chevron: var(--color-tru-sandstone-med); --accordion-border: var(--color-tru-sandstone-light); --gray-accordion-chevron: var(--color-tru-sandstone-dark); --table-border-color: var(--color-tru-dark-purple); --bkg-v1-dark-v2-light: var(--bkg-light); --bkg-v1-light-v2-neutral: var(--bkg-neutral); --color-ls-link-dark: #72569C; --color-ls-error-red: var(--color-tru-error-red); --color-ls-dark-blue: var(--color-tru-dark-purple-text); --color-ls-dark-blue-text: var(--color-tru-dark-purple-text); --banner-primary-color: var(--color-tru-mist); --banner-font-color: var(--color-tru-dark-purple-text); --font-family-sub-bold: TruistTrio-Light; --font-sub-bold: 300; --rate-card-border: var(--color-ls-orange); --navbar-separator: var(--color-ls-dark-blue); --disabled-chevron: var(--color-ls-sandstone-med); --accordion-border: var(--color-ls-sandstone-light); --gray-accordion-chevron: var(--color-ls-sandstone-dark); --listitem-nonlink-color: var(--font-color-body); --form-border-color: #bfb7b0; --table-informational-column-color: var(--color-ls-sandstone-light); --table-offset-row-color: var(--color-ls-cloud); --table-border-color: var(--color-ls-sandstone-med); --bkg-menu-dropdown: #f0f0f0; --bkg-legacy-sky: var(--color-ls-sandstone-med); --tagline-color: var(--color-ls-dark-blue); --bkg-button-primary: #72569C; --bkg-button-primary-hover: var(--color-tru-dusk-half-purple); --text-button-primary: #ffffff; --bkg-button-secondary: var(--color-tru-dusk-purple); --bkg-button-secondary-hover: var(--color-tru-dusk-half-purple); --text-button-secondary: #ffffff; --bkg-button-hollow: #ffffff; --bkg-button-hollow-hover: var(--color-tru-dusk-half-purple); --text-button-hollow: var(--color-tru-dusk-half-purple); --border-button: 2px solid #ffffff; --shadow-button-border: none; --btn-link-color: var(--color-ls-dark-blue); --btn-link-color-hover: var(--color-ls-link-dark); --lock-icon-img: url("/content/images-truist-v1/lock-icon.png") no-repeat top left; --button-visited: var(--bkg-button-primary); --border-application-progress-note: 1px solid #2E1A47; --font-color-input: #1a1a1a; --font-color-neutrals-black: #1a1a1a; --bkg-panel: var(--color-ls-cloud); --font-color-form-alert: var(--color-tru-error-red); --font-color-success: #008F49; --information-icon-img: url("/content/images-truist-v1/info-icon.png") no-repeat top left; --information-tag-color: var(--color-tru-dark-purple-text); --progressbar-bkg-active: var(--color-ls-orange); --font-color-partner-greeting-title: #2E1A47; --font-color-partner-greeting-subtitle: #2E1A47; --bkg-partner-sign-in-border: var(--bkg-light); --navbar-logo: url("/Content/images-truist-v1/lightstream-by-truist-logo.png"); --navbar-color-log: var(--navbar-logo); --color-dark-nav-bar: var(--bkg-navbar); --color-nav-secondary: #2E1A47; --color-nav-bar-gradient: var(--bkg-navbar); --color-nav-menu-secondary: #2E1A47; --bkg-color-covid-banner: #1938ff; --font-color-covid-banner: #ffffff; --loan-agreement-border-color: var(--color-ls-error-red); --sigpad-border-bottom-color: var(--color-tru-dark-purple); --fa-chevron: #72569C; --sunrise-red: #C22B13; --date-current: var(--color-tru-blue); --pipe-divider: #2E1A47; } #comparative-table-section #comparative-table, #comparative-table-section #comparative-table-mobile { width: 100%; table-layout: fixed; } #comparative-table-section #comparative-table td, #comparative-table-section #comparative-table th, #comparative-table-section #comparative-table-mobile td, #comparative-table-section #comparative-table-mobile th { text-align: center; font-weight: 600; padding: 5px; } #comparative-table-section #comparative-table .column-header, #comparative-table-section #comparative-table-mobile .column-header { padding: 10px 0 0; font-size: 16px; font-family: var(--font-family-body); color: #134987; font-weight: 700; } #comparative-table-section #comparative-table tr, #comparative-table-section #comparative-table-mobile tr { background-color: white; border-bottom: 1px solid black; } #comparative-table-section #comparative-table > tbody > tr:first-child, #comparative-table-section #comparative-table-mobile > tbody > tr:first-child { border-bottom: 3px solid #028CBA; } #comparative-table-section #comparative-table .ls-lightblue, #comparative-table-section #comparative-table-mobile .ls-lightblue { background-color: var(--bkg-panel); } #comparative-table-section #comparative-table .left-border-line, #comparative-table-section #comparative-table-mobile .left-border-line { border-left: 2px solid #028CBA; } #comparative-table-section #comparative-table .ls, #comparative-table-section #comparative-table-mobile .ls { display: inline-block; width: 1rem; height: 1rem; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: no-repeat; } #comparative-table-section #comparative-table .ls-2x, #comparative-table-section #comparative-table-mobile .ls-2x { width: 2rem; height: 2em; } #comparative-table-section #comparative-table .ls-3x, #comparative-table-section #comparative-table-mobile .ls-3x { width: 3em; height: 3em; } #comparative-table-section #comparative-table .ls-check, #comparative-table-section #comparative-table-mobile .ls-check { background-image: url("/Content/images/checkmark_comp.png"); background-image: url("/Content/images/checkmark_comp.svg"), none; } #comparative-table-section #comparative-table .left, #comparative-table-section #comparative-table-mobile .left { text-align: left; font-weight: 700; font-size: 14px; } #comparative-table-section #comparative-table { display: none; } #comparative-table-section #comparative-table > tbody > tr > th.thead { width: 25%; } @media only screen and (min-width: 726px) { #comparative-table-section #comparative-table { display: block; } } #comparative-table-section #comparative-table-mobile .column-header { padding-top: 0; } #comparative-table-section #comparative-table-mobile #arrow-container { font-size: 3em; color: #13487D; margin: 0; line-height: 50px; } #comparative-table-section #comparative-table-mobile #arrow-container #comparative-left-arrow-auto { margin-right: 5%; } #comparative-table-section #comparative-table-mobile #arrow-container #comparative-right-arrow-auto { margin-left: 5%; } #comparative-table-section #comparative-table-mobile #arrow-container .arrow.disabled { color: #9BA4A1; } #comparative-table-section #comparative-table-mobile #benefit-column { width: 42%; } @media only screen and (min-width: 726px) { #comparative-table-section #comparative-table-mobile { display: none; } } #lightstreamVideo { top: 92px; position: absolute; width: 100%; z-index: 500; display: none; height: -webkit-calc(100% - 19px); height: -moz-calc(100% - 19px); height: calc(100% - 19px); } /* Please note there is separate scss for three feature bullets called, drumroll, three-feature-bullets.scss The implementation can be seen on the LoanAggregator and MultipurposeAuto template views. Love, Brett. 6/22/17 */ #feature-bullets { /*position: relative;*/ text-align: center; } @media only screen and (min-width: 726px) { #feature-bullets { text-align: left; } } #feature-bullets .row { background-color: #C3DCF6; padding-bottom: 0; } #feature-bullets .row .row { margin-left: 0; margin-right: 0; padding-bottom: 20px; } #feature-bullets .row div:nth-child(1) { margin-bottom: 20px; } @media only screen and (min-width: 726px) { #feature-bullets .row div:nth-child(1) { margin-bottom: 0; } } #feature-bullets h2 { text-align: left; font-size: 24px; font-weight: 700; padding: 20px; } #feature-bullets h3, #feature-bullets h6, #feature-bullets h2 { color: var(--color-legacy-blue); } #feature-bullets h6 { overflow: auto; text-align: center; } @media only screen and (min-width: 726px) { #feature-bullets h6 { text-align: left; } } #feature-bullets h3 { font-weight: 700; padding-top: 20px; } @media only screen and (min-width: 726px) { #feature-bullets h3 { padding-top: 0; } } #feature-bullets img { width: 85px; float: none; margin-right: 0; } @media only screen and (min-width: 726px) { #feature-bullets img { margin-right: 2em; float: left; } } .loan-aggregator-page.component-template-page { /* Underwrite Section */ } .loan-aggregator-page.component-template-page .event-widget-jumbo-tiles { margin-top: 12px; background-color: #003C68; } .loan-aggregator-page.component-template-page .event-widget-jumbo-tiles .widget-body .event-widget-jumbo-tile-container { overflow: hidden; } .loan-aggregator-page.component-template-page .event-widget-jumbo-tiles .widget-body .event-widget-jumbo-tile-container .columns:last-child .event-widget-jumbo-tile { margin-bottom: 20px; } .loan-aggregator-page.component-template-page .event-widget-jumbo-tiles .widget-body .event-widget-jumbo-tile-container .event-widget-jumbo-tile { background-color: #d7ecfd; border-radius: 8px; margin-top: 20px; margin-right: 20px; margin-bottom: 5px; margin-left: 20px; } .loan-aggregator-page.component-template-page .event-widget-jumbo-tiles .widget-body .event-widget-jumbo-tile-container .event-widget-jumbo-tile::before { padding: 150px; } .loan-aggregator-page.component-template-page .event-widget-jumbo-tiles .widget-body .event-widget-jumbo-tile-container .event-widget-jumbo-tile .event-widget-jumbo-tile-content { padding-right: 10px; padding-bottom: 10px; padding-left: 10px; min-height: 0; } .loan-aggregator-page.component-template-page .event-widget-jumbo-tiles .widget-body .event-widget-jumbo-tile-container .event-widget-jumbo-tile .event-widget-jumbo-tile-content .event-widget-jumbo-tile-copy h2 { color: #1F5587; padding-top: 10px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; font-size: 20px; font-weight: bold; line-height: 19px; } .loan-aggregator-page.component-template-page .event-widget-jumbo-tiles .widget-body .event-widget-jumbo-tile-container .event-widget-jumbo-tile .event-widget-jumbo-tile-content .event-widget-jumbo-tile-copy p { padding-right: 5px; padding-bottom: 5px; padding-left: 5px; font-size: 12px; line-height: 16px; color: #222222; } .loan-aggregator-page.component-template-page .event-widget-jumbo-tiles .widget-body .event-widget-jumbo-tile-container .event-widget-jumbo-tile .event-widget-jumbo-tile-content .event-widget-jumbo-tile-actions { padding-top: 5px; text-align: center; } @media screen and (min-width: 726px) { .loan-aggregator-page.component-template-page .event-widget-jumbo-tiles .widget-body .event-widget-jumbo-tile-container .columns:first-child .event-widget-jumbo-tile { margin-bottom: 30px; } .loan-aggregator-page.component-template-page .event-widget-jumbo-tiles .widget-body .event-widget-jumbo-tile-container .event-widget-jumbo-tile { margin-top: 38px; margin-right: 60px; margin-bottom: 30px; margin-left: 60px; } .loan-aggregator-page.component-template-page .event-widget-jumbo-tiles .widget-body .event-widget-jumbo-tile-container .event-widget-jumbo-tile .event-widget-jumbo-tile-content .event-widget-jumbo-tile-copy { min-height: 264px; } .loan-aggregator-page.component-template-page .event-widget-jumbo-tiles .widget-body .event-widget-jumbo-tile-container .event-widget-jumbo-tile .event-widget-jumbo-tile-content .event-widget-jumbo-tile-copy h2 { font-size: 24px; /* font-weight: bold; */ line-height: 29px; } .loan-aggregator-page.component-template-page .event-widget-jumbo-tiles .widget-body .event-widget-jumbo-tile-container .event-widget-jumbo-tile .event-widget-jumbo-tile-content .event-widget-jumbo-tile-copy p { font-size: 14px; line-height: 19px; } } .loan-aggregator-page.component-template-page section article p { padding-top: 10px; } .loan-aggregator-page.component-template-page .cms.title { padding-bottom: 10px !important; } .loan-aggregator-page.component-template-page .ls-experience-header { padding-top: 10px; } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page #headlinePlayButtonMobile { display: none; } } .loan-aggregator-page.component-template-page #headlinePlayButtonDesktop { display: none; } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page #headlinePlayButtonDesktop { display: inline-block; cursor: pointer; } } .loan-aggregator-page.component-template-page .widget li { list-style-type: disc; margin-left: 1.2em; } .loan-aggregator-page.component-template-page .widget .widget-headline-title { font-size: 48px !important; } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page .widget .widget-headline-title { font-size: 60px !important; } } .loan-aggregator-page.component-template-page .widget .widget-headline-subtitle { font-size: 32px !important; } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page .widget .widget-headline-subtitle { font-size: 48px !important; } } .loan-aggregator-page.component-template-page .widget .widget-body { padding: 0 10px 10px 10px; } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page .widget .widget-body { padding-left: .5rem !important; } } .loan-aggregator-page.component-template-page #blog-component { padding-left: 30px; padding-right: 30px; } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page #blog-component { padding-left: 0; } } .loan-aggregator-page.component-template-page #blog-component .widget-header h2 { padding-left: 0; } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page #blog-component .widget-header h2 { padding-left: 10px; } } @media only screen and (min-width: 1201px) { .loan-aggregator-page.component-template-page #blog-component .widget-header h2 { padding-left: 14px; } } .loan-aggregator-page.component-template-page #blog-component .widget-body { padding: 0 !important; } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page #blog-component .widget-body { padding-left: 0.5rem; } } .loan-aggregator-page.component-template-page #blog-component .widget-body .widget-blog { padding: 10px; } @media only screen and (min-width: 1201px) { .loan-aggregator-page.component-template-page #blog-component .widget-body .widget-blog { padding-left: 0; } } .loan-aggregator-page.component-template-page #blog-component .widget-body .blogpost-image { padding-bottom: 20px; padding-left: 0; padding-right: 0; } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page #blog-component .widget-body .blogpost-image { padding-left: 20px; padding-bottom: 0; padding-right: 15px; } } @media only screen and (min-width: 1201px) { .loan-aggregator-page.component-template-page #blog-component .widget-body .blogpost-image { padding-left: 15px; } } .loan-aggregator-page.component-template-page #blog-component .widget-body .blogpost-content { padding-right: 0; padding-left: 10px; } .loan-aggregator-page.component-template-page .open-text-component .widget-header .widget-headline-title h2 { padding-left: 10px !important; } .loan-aggregator-page.component-template-page .open-text-component .widget-body { padding-left: 10px !important; padding-right: 10px; } .loan-aggregator-page.component-template-page #rates #feature-bullets { position: static; } .loan-aggregator-page.component-template-page .sixteen-nine:before { content: ''; float: left; padding-bottom: 56.25%; } .loan-aggregator-page.component-template-page .sixteen-nine:after { content: ''; display: table; clear: both; } .loan-aggregator-page.component-template-page #lendingUncomplicatedSection { margin-top: 0; } .loan-aggregator-page.component-template-page #header { min-height: 380px; height: 82vw !important; } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page #header { min-height: initial; max-height: 510px; } } .loan-aggregator-page.component-template-page #header .rate-banner-container.widget-headline { top: 12px; } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page #header .rate-banner-container.widget-headline { top: 40px; } } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page #header .event-banner.rate-banner-container.widget-headline { top: 80px; } } .loan-aggregator-page.component-template-page #header .rate-banner-container { position: absolute; width: 100%; text-align: center; top: 70px; } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page #header .rate-banner-container { top: 148px; } } .loan-aggregator-page.component-template-page #header .rate-banner-container #no-rate-discount { margin-bottom: 30px; } .loan-aggregator-page.component-template-page #header .rate-banner-container .banner-br { display: block; } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page #header .rate-banner-container .banner-br { display: none; } } .loan-aggregator-page.component-template-page #header .rate-banner-container .widget-headline-title.banner-text { font-size: 42px !important; } @media only screen and (min-width: 768px) { .loan-aggregator-page.component-template-page #header .rate-banner-container .widget-headline-title.banner-text { font-size: 5vw !important; } } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page #header .rate-banner-container .widget-headline-title.banner-text { font-size: 60px !important; } } .loan-aggregator-page.component-template-page #header .rate-banner-container widget-headline-subtitle.banner-text { font-size: 32px !important; } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page #header .rate-banner-container widget-headline-subtitle.banner-text { font-size: 48px !important; } } .loan-aggregator-page.component-template-page #header .rate-banner-container .banner-text { color: white; text-shadow: -6px 1px 8px #2e2e2e; font-weight: bold; line-height: 1.1; } @media screen and (min-width: 726px) and (max-width: 960px) { .loan-aggregator-page.component-template-page #header .rate-banner-container .banner-text { font-size: 5vw !important; } } .loan-aggregator-page.component-template-page #header .rate-banner-container h3, .loan-aggregator-page.component-template-page #header .rate-banner-container h2 { font-size: 6.5vw; } @media screen and (min-width: 726px) and (max-width: 882px) { .loan-aggregator-page.component-template-page #header .rate-banner-container h3, .loan-aggregator-page.component-template-page #header .rate-banner-container h2 { font-size: 3em !important; } } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page #header .rate-banner-container h3, .loan-aggregator-page.component-template-page #header .rate-banner-container h2 { font-size: 48px; } } .loan-aggregator-page.component-template-page #header .rate-banner-container h2 { line-height: 1; padding-bottom: 0; padding-top: 0; } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page #header .rate-banner-container h2 { line-height: .5; padding-top: 10px; } } .loan-aggregator-page.component-template-page #header .rate-banner-container .banner-rate-subtext { font-size: 5vw !important; } @media screen and (min-width: 726px) and (max-width: 1022px) { .loan-aggregator-page.component-template-page #header .rate-banner-container .banner-rate-subtext { font-size: 2.3em !important; } } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page #header .rate-banner-container .banner-rate-subtext { margin-top: .3em; font-size: 2.625em !important; } } .loan-aggregator-page.component-template-page #header .rate-banner-container .rate-banner-apr { font-size: 1.5em; } @media screen and (min-width: 726px) and (max-width: 960px) { .loan-aggregator-page.component-template-page #header .rate-banner-container .rate-banner-apr { font-size: 1.2em; } } .loan-aggregator-page.component-template-page #header .rate-banner-container h3:first-child { margin-bottom: 0; } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page #header .rate-banner-container h3:first-child { margin-bottom: 18px; line-height: 1; } } .loan-aggregator-page.component-template-page #header .rate-banner-container span { font-size: 1.5em; } .loan-aggregator-page.component-template-page #header .rate-banner-container form > input { font-size: 18px; padding: 0; } .loan-aggregator-page.component-template-page #header .rate-banner-container .discounted-rate { font-size: 1em; color: #A7A9AC !important; text-shadow: -6px 1px 8px #2e2e2e; } .loan-aggregator-page.component-template-page #header .rate-banner-container strike { color: #FF5E17; } .loan-aggregator-page.component-template-page #header div.widget.widget-headline.row.rate-banner-container.event-banner { margin-left: 0; } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page #header div.widget.widget-headline.row.rate-banner-container.event-banner div.widget-header h2 { font-size: 5.5vw !important; } } @media screen and (min-width: 1100px) { .loan-aggregator-page.component-template-page #header div.widget.widget-headline.row.rate-banner-container.event-banner div.widget-header h2 { font-size: 60px !important; } } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page #header div.widget.widget-headline.row.rate-banner-container.event-banner div.widget-header h3 { font-size: 4vw !important; } } @media screen and (min-width: 1100px) { .loan-aggregator-page.component-template-page #header div.widget.widget-headline.row.rate-banner-container.event-banner div.widget-header h3 { font-size: 48px !important; } } .loan-aggregator-page.component-template-page .next-step-component .ns-desktop-image { display: none; } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page .next-step-component .ns-desktop-image { display: block; } } .loan-aggregator-page.component-template-page .next-step-component .ns-mobile-image { display: block; } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page .next-step-component .ns-mobile-image { display: none; } } .loan-aggregator-page.component-template-page .next-step-component .button, .loan-aggregator-page.component-template-page .next-step-component a.button { font-size: 18px; } .loan-aggregator-page.component-template-page #redesign-bullets-desktop { display: none; } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page #redesign-bullets-desktop { display: block; } } .loan-aggregator-page.component-template-page #redesign-bullets-mobile { display: block; } .loan-aggregator-page.component-template-page #redesign-bullets-mobile img { width: 41vw; } @media only screen and (min-width: 726px) { .loan-aggregator-page.component-template-page #redesign-bullets-mobile { display: none; } } .loan-aggregator-page.component-template-page #redesign-bullets-desktop img { height: 183px; } .next-step-component { text-align: center; min-height: 140px; } .next-step-component img { width: 100%; z-index: -1; min-height: 140px; } .next-step-component h1, .next-step-component h2 { color: white; font-weight: 700; padding: 0 !important; } .next-step-component h1 { font-size: 30px !important; line-height: 32px !important; } .next-step-component h2 { font-size: 24px; } .next-step-component .columns { padding: 0; } .next-step-component .next-step-banner-content { width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .next-step-component a.button { margin: 10px 0 0 0; } /*blues*/ /*blues*/ /*colors*/ .bg-chathams-blue { background-color: #10497C; } .bg-biscay { background-color: #183560; } .bg-biscaygradiant { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiPjxzdG9wIG9mZnNldD0iLjIiIHN0b3AtY29sb3I9IiMyZTNkNWUiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSJyZ2JhKDAsMCwwLDAuNikiLz48c3RvcCBvZmZzZXQ9Ii44IiBzdG9wLWNvbG9yPSIjMmUzZDVlIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIvPjwvc3ZnPg==") !important; } .bg-white { background-color: white; } /*icons*/ /*ie8 fixes*/ /*foundation helpers*/ .ie8 header { margin-top: -100px; } .ie8 .nav-container ul { padding-left: 0; padding-right: 0; margin: 0; } .ie8 .nav-container .row { margin: 0; padding: 0; max-width: 100%; } .ie8 .nav-container .large-12 { width: 100%; } .ie8 .navbar-container .columns { margin: 0; padding: 0; } .ie8 .navbar-container { padding-left: 0; padding-right: 0; } .ie8 .sign-in header, .ie8 .mobile-menu, .ie8 .mobile-nav { display: none !important; } .ie8 .nav-container .desktop-nav .navbar-inner .navbar-container { padding-top: 28px; padding-bottom: 28px; padding-left: 17px; padding-right: 17px; } .ie8 .nav-container .desktop-nav .navbar-inner .navbar-container .navbar-brand-container .navbar-brand.navbar-cobrand { float: right; padding: 10px; } .ie8 .nav-container .desktop-nav .navbar-inner .navbar-container .navbar-brand-container .navbar-brand img { width: 315px; } .ie8 .nav-container .desktop-nav .navbar-inner .navbar-container .navbar-navigation-container { display: inline-block; width: 67%; } .ie8 .nav-container .desktop-nav .navbar-inner .navbar-container .navbar-navigation-container .navbar-navigation { display: inline-block; } .ie8 .nav-container .desktop-nav .navbar-inner .navbar-container .navbar-navigation-container .navbar-navigation .navbar-navigation-header { height: 50px; } .ie8 .nav-container .desktop-nav .navbar-inner .navbar-container .navbar-navigation-container .navbar-navigation .navbar-navigation-header .navbar-navigation-header-links { float: left; display: inline; margin-right: 0px; } .ie8 .nav-container .desktop-nav .navbar-inner .navbar-container .navbar-navigation-container .navbar-navigation .navbar-navigation-header .navbar-navigation-header-actions { float: right; display: inline; } .ie8 .nav-container .desktop-nav .navbar-inner .navbar-container .navbar-navigation-container .navbar-navigation .navbar-navigation-header .navbar-navigation-header-actions ul { display: inline; } .ie8 .nav-container .desktop-nav .navbar-inner .navbar-container .navbar-navigation-container .navbar-navigation .navbar-navigation-footer { width: 100%; margin-top: 0px; } .ie8 .navbar-menu .menu-container-item { margin-right: 10px; margin-left: 30px; } .ie8 .navbar-navigation-header-links .btn { margin-left: 5px; margin-right: 5px; } .ie8 .landing-page .navbar-navigation-header-links li { margin-left: 9px; } .ie8 .pre-funding .page-container { margin-top: 0; } .ie8 .apply .page-container { margin-top: 0; } .ie8 .landing-page header .headline, .ie8 header .hide-for-small-only.headline { top: 0 !important; } .ie8 .responsive-partner-option-1-page.partner.home #header { margin-top: 0; } .ie8 .home header .headline.hide-for-small-only { top: 100px !important; } .ie8 body.wide-layout.home.partner.responsive-partner-option-1-page #header { height: 325px !important; } .ie8 body.wide-layout.home.partner.responsive-partner-option-1-page #header img { height: auto; } .ie8 body.fixed-layout.home.partner.responsive-partner-option-1-page #header .headline, .ie8 body.wide-layout.home.partner.responsive-partner-option-1-page #header .headline { top: 0px !important; } .ie8 body.wide-layout.home.partner.responsive-partner-option-1-page #header .headline { margin-top: 0px !important; } .columns.columns-fluid { padding: 0; margin: 0; } /* apply page */ @media screen and (min-width: 0) { .apply .page-container { margin-top: 50px; } .pre-funding .mobile-nav .left-nav, .apply .mobile-nav .left-nav { width: 76%; } .pre-funding .mobile-nav .right-nav, .apply .mobile-nav .right-nav { width: 24%; padding-right: 0.4375rem; } .pre-funding .mobile-nav .hamburger, .apply .mobile-nav .hamburger { overflow: hidden; width: 24%; } .pre-funding .mobile-nav .logo, .apply .mobile-nav .logo { width: 58%; } .pre-funding .mobile-nav .nav-bar .right-nav li, .apply .mobile-nav .nav-bar .right-nav li { float: right; } .pre-funding .mobile-nav .logo h2, .apply .mobile-nav .logo h2 { margin: 0 auto; } .pre-funding .mobile-nav .logo h2, .apply .mobile-nav .logo h2 { margin: 0 auto; } .account.privacy header .headline, .account.questions header .headline, .account.about header .headline, .account.rate-calculator header .headline { margin-top: 0; } } @media screen and (min-width: 726px) { .apply .page-container { margin-top: 92px; } } @media screen and (min-width: 740px) and (max-width: 1023px) { .pre-funding .mobile-nav .left-nav, .apply .mobile-nav .left-nav { width: 100%; } } /*navbar*/ .navbar { background-image: none; } .navbar.affixed { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4) !important; } .navbar.affixed .navbar-navigation-footer { display: none !important; } .navbar-navigation-header ul { padding: 0; margin: 0; } .navbar-navigation-header ul li { float: left; } .navbar-inner { width: 100%; padding: 0; display: table; top: 0; left: 0; margin: 0; } .navbar-faded { opacity: .93; } .navbar-container { padding: 5px; vertical-align: middle; display: table-cell; margin: 0; } .navbar-container ul { padding: 0; } .navbar-container .navbar-brand-container, .navbar-container .navbar-navigation-container { display: table; top: 0; left: 0; margin: 0; height: 58px; padding: 0; } .navbar-container .navbar-brand-container img.nav-logo-image, .navbar-container .navbar-navigation-container img.nav-logo-image { position: absolute; } .navbar-container .navbar-brand { padding: 0; margin: 0; vertical-align: middle; display: table-cell; font-size: inherit; line-height: 0; } .navbar-container .navbar-brand img { max-width: 100%; max-height: 100%; } .navbar-navigation { width: 100%; padding: 0; vertical-align: middle; display: table-cell; margin: 0; } .navbar-navigation-header .row { margin: 0; } .navbar-navigation-header .navbar-navigation-header-links { vertical-align: middle; margin-right: 0; } .navbar-navigation-header .navbar-navigation-header-links li:first-child .btn { margin-left: 0; padding-left: 0; } .navbar-navigation-header .navbar-navigation-header-links li:last-child .btn { margin-right: 0; padding-right: 0; } .navbar-navigation-header-actions .sign-in-action a, .navbar-navigation-header-actions .sign-out-action a { vertical-align: middle; text-transform: uppercase; color: var(--text-button-secondary); } .navbar-navigation-header-actions .btn { font-size: 16px; padding-top: 2px; padding-bottom: 2px; } .navbar-navigation-header-actions .apply-now-action .btn { margin-right: 7px; border: var(--border-button); padding-right: 5px; padding-left: 5px; } .navbar-navigation-header-actions .sign-in-action .btn, .navbar-navigation-header-actions .sign-out-action .btn { margin-left: 7px; border: var(--border-button); padding-right: 5px; padding-left: 5px; } .navbar-navigation-footer { margin-top: 6px; display: block !important; } @media screen and (min-width: 726px) { .navbar-navigation-header-actions li { margin-top: -1px; } .navbar-navigation-header-actions li:first-child .btn { margin-left: 0; margin-right: 5px; } .navbar-navigation-header-actions li:last-child .btn { margin-right: 0; } .navbar-navigation-header-links .btn, .navbar-navigation-header-actions .btn { margin-right: 1px; margin-left: 1px; } .navbar-navigation-header-actions .btn-fancy { font-size: 13px; padding: 4px 5px; } .navbar-navigation-header-actions .apply-now-action .btn { margin-right: 5px; margin-left: 0; } .navbar-navigation-header-actions .sign-in-action .btn, .navbar-navigation-header-actions .sign-out-action .btn { margin-left: 7px; margin-right: 0; } } @media screen and (min-width: 768px) { .navbar-container { padding: 17px 28px; } .navbar-brand-container img.nav-logo-image { width: 140px; padding-top: 20px; max-width: 100%; max-height: 100%; } .navbar-navigation-header .navbar-navigation-header-links { margin-right: 7px; margin-top: -1px; } .account .navbar-navigation-header .navbar-navigation-header-links { margin-right: 0; } .apply.account-services .navbar-navigation-header .navbar-navigation-header-links { margin-right: 19px; } .navbar-navigation-header-links .btn, .navbar-navigation-header-actions .btn { margin-left: 4px; margin-right: 3px; } .navbar-navigation-header-actions .btn { font-size: 16px; padding-top: 2px; padding-bottom: 2px; } .navbar-navigation-header-actions .apply-now-action .btn { margin-right: 5px; margin-top: -1px; } .navbar-navigation-header-actions .sign-in-action .btn, .navbar-navigation-header-actions .sign-out-action .btn { margin-left: 7px; margin-top: -1px; } .navbar-menu .menu-container-item button, .navbar-menu .menu-container-item .m-dropdown a { font-size: 15px; } .navbar-menu .menu-container-item button { font-size: 15px; } } @media screen and (min-width: 801px) { .navbar-brand-container img.nav-logo-image { width: 215px; padding-top: 15px; } .navbar-navigation-header-actions .btn-fancy { font-size: 13px; padding: 4px 5px; } } @media screen and (min-width: 824px) { .navbar-navigation-header .navbar-navigation-header-links { margin-right: 5px; } .navbar-navigation-header-links .btn, .navbar-navigation-header-actions .btn { margin-right: 0; margin-left: 0; } .navbar-navigation-header-links .btn { padding: 3px; } .navbar-navigation-header-actions .apply-now-action .btn { margin-right: 2px; } .navbar-navigation-header-actions .sign-in-action .btn, .navbar-navigation-header-actions .sign-out-action .btn { margin-left: 2px; } } @media screen and (min-width: 890px) { .navbar-navigation-header-links .btn, .navbar-navigation-header-actions .btn { margin-right: 5px; margin-left: 5px; } } @media screen and (min-width: 781px) { .navbar-navigation-header .navbar-navigation-header-links { margin-right: 5px; } .navbar-navigation-header-links .btn, .navbar-navigation-header-actions .btn { margin-right: 5px; margin-left: -1px; margin-top: -1px; } .navbar-navigation-header-actions .apply-now-action .btn { margin-right: 3px; } .navbar-navigation-header-actions .sign-in-action .btn, .navbar-navigation-header-actions .sign-out-action .btn { margin-left: 3px; } } @media screen and (min-width: 942px) { .navbar-navigation-header .navbar-navigation-header-links { margin-right: 13px; } .navbar-navigation-header-actions .btn { font-size: 16px; padding-top: 2px; padding-bottom: 2px; } .navbar-navigation-header-actions .apply-now-action .btn { margin-right: 5px; } .navbar-navigation-header-actions .sign-in-action .btn, .navbar-navigation-header-actions .sign-out-action .btn { margin-left: 5px; } } @media screen and (min-width: 1015px) { .apply .navbar-navigation-header .navbar-navigation-header-links, .apply.account-services .navbar-navigation-header .navbar-navigation-header-links, .account .navbar-navigation-header .navbar-navigation-header-links, .navbar-navigation-header .navbar-navigation-header-links { margin-right: 23px; } .navbar-navigation-header-links .btn, .navbar-navigation-header-actions .btn { margin-left: 12px; margin-right: 12px; margin-top: -1px; } } @media screen and (min-width: 1025px) { .navbar-container { padding-right: 3%; padding-left: 3%; } } /*menu*/ .navbar-menu { float: right; } .navbar-menu .menu-container-item { position: relative; cursor: pointer; line-height: 1; list-style: none; display: inline-block; margin: 0 9px; padding: 0 0px 0; margin-left: 4px; float: left; } .navbar-menu .menu-container-item:first-child { margin-left: 0; } .navbar-menu .menu-container-item:last-child { margin-right: -6px; } .navbar-menu .menu-container-item:last-child .m-dropdown { left: -140px; } .navbar-menu .menu-container-item:hover .m-dropdown { display: block; opacity: .93; visibility: visible; background-color: var(--bkg-menu-dropdown); background-image: none; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .navbar-menu .menu-container-item:hover button { color: var(--btn-link-color-hover); } .navbar-menu .menu-container-item button { font-size: 13px; color: var(--btn-link-color); font-weight: normal; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .navbar-menu .menu-container-item .m-dropdown { background: url("https://www.suntrust.com/content/dam/lightstream/us/en/content/images/black-tint.png") repeat; padding: 15px 0 0 0; position: absolute; left: 0; width: 291px; opacity: 0; visibility: hidden; left: -20px; top: 22px; } .navbar-menu .menu-container-item .m-dropdown.focus { display: block !important; visibility: visible !important; opacity: .93 !important; background-color: var(--bkg-menu-dropdown) !important; background-image: none !important; } .navbar-menu .menu-container-item .m-dropdown a { color: var(--btn-link-color); font-size: 13px; font-weight: 500; text-transform: capitalize; display: block; transition: all .2s ease-in-out; } .navbar-menu .menu-container-item .m-dropdown a:hover { color: var(--btn-link-color-hover); } .navbar-menu .menu-container-item .m-dropdown li { border-bottom: 1px solid var(--btn-link-color); } .navbar-menu .menu-container-item .m-dropdown li:last-of-type { border-bottom: none; } .navbar-menu .menu-container-item .m-dropdown li a { padding-bottom: 7px; margin-top: 10px; } .navbar-menu .menu-container-item .m-dropdown li:first-of-type a { margin-top: 0; } .navbar-menu .menu-container-item .m-dropdown .row-break-item { padding: 0; margin: 0; line-height: 1px; } .navbar-menu .menu-container-item .m-dropdown .row-break-item .row-break { display: block; border-bottom: solid 1px #fff; width: 90%; margin: 0 auto; } .navbar-menu .menu-container-item:nth-child(2) .m-dropdown { width: 260px; } .navbar-menu .menu-container-item:nth-last-child(2) .m-dropdown { left: -90px; } .navbar-menu .menu-container-item:nth-last-child(3) .m-dropdown, .navbar-menu .menu-container-item:last-child .m-dropdown { width: 291px; } @media screen and (min-width: 726px) { .navbar-menu .menu-container-item { margin-right: 0px; } .navbar-menu .menu-container-item button, .navbar-menu .menu-container-item .m-dropdown a { font-size: 13px; } .navbar-menu .menu-container-item .m-dropdown { width: 240px; } .navbar-menu .menu-container-item .m-dropdown li { padding: 5px 15px 5px 30px; } .navbar-menu .menu-container-item button, .navbar-menu .menu-container-item .m-dropdown a { font-size: 14px; margin-right: 0; } .navbar-menu .menu-container-item:last-child button { margin-right: 0px; } } @media screen and (max-width: 875px) { .navbar-navigation-header .navbar-navigation-header-links li .btn { margin-right: 0; } } @media screen and (max-width: 890px) { .navbar-menu .menu-container-item { margin-left: 4px; } } @media screen and (min-width: 942px) { .navbar-menu .menu-container-item { margin-left: 0px; margin-right: 15px; } .navbar-menu .menu-container-item button { font-size: 16px; } .navbar-menu .menu-container-item .m-dropdown a { font-size: 16px; } } @media screen and (min-width: 1015px) { .navbar-menu .menu-container-item { margin-right: 27px; } } /*desktop nav*/ @media screen and (min-width: 0) { .desktop-nav { display: none; z-index: 1012; } } @media screen and (min-width: 726px) { .desktop-nav { display: block !important; } } /*logo resize*/ .navbar-container .navbar-brand-container .navbar-brand, .navbar-container .navbar-brand-container .navbar-brand img { width: 315px; } @media screen and (min-width: 726px) { .navbar-container .navbar-brand-container .navbar-brand, .navbar-container .navbar-brand-container .navbar-brand img { width: 200px; } } @media screen and (min-width: 736px) { .navbar-container .navbar-brand-container .navbar-brand, .navbar-container .navbar-brand-container .navbar-brand img { width: 212px; } } @media screen and (min-width: 942px) { .navbar-menu .menu-container-item { margin-right: 20px; } } @media screen and (min-width: 781px) { .navbar-container .navbar-brand-container .navbar-brand, .navbar-container .navbar-brand-container .navbar-brand img { width: 216px; } } @media screen and (min-width: 1101px) { .navbar-container .navbar-brand-container .navbar-brand, .navbar-container .navbar-brand-container .navbar-brand img { width: 315px; } } /*apply page*/ @media screen and (min-width: 726px) { .apply:not(.account-services) .navbar-navigation-header-links { margin-right: 0; } } /*account services*/ @media screen and (max-width: 622px) { body.account #header { margin-top: 50px; } .account .full-mobile div .bodycopy { padding-left: 15px; padding-right: 15px; } } @media screen and (min-width: 726px) { .account .navbar-navigation-header-links .btn { font-size: 14px; } } @media screen and (min-width: 942px) { .account .navbar-navigation-header-links .btn { font-size: 16px; } .navbar-menu .menu-container-item { margin-right: 3px; } } @media screen and (min-width: 1000px) { .account .navbar-navigation-header-links .btn { font-size: 16px; } .navbar-menu .menu-container-item { margin-right: 18px; } } /*sign in page*/ @media screen and (min-width: 0) { .sign-in .navbar { background-image: none; background-color: #183560; } .sign-in .navbar .navbar-navigation-header-actions .sign-in-action { margin-right: 0; } } @media screen and (min-width: 942px) { .sign-in .sign-in-action .btn { padding-top: 3px; padding-bottom: 3px; } } /*partner page*/ .responsive-partner-option-1-page .desktop-nav .sticky-nav-logo { opacity: 0; } .responsive-partner-option-1-page .desktop-nav.affixed .navbar-inner-cobrand { -webkit-transition: margin .2s ease-out .1s,opacity .15s linear; -moz-transition: margin .2s ease-out .1s,opacity .15s linear; -ms-transition: margin .2s ease-out .1s,opacity .15s linear; -o-transition: margin .2s ease-out .1s,opacity .15s linear; transition: margin .2s ease-out .1s,opacity .15s linear; margin-top: -98px !important; /*height of navbar*/ } .responsive-partner-option-1-page .desktop-nav.affixed .sticky-nav-logo { animation: fadein .5s; -webkit-transition: opacity .5s ease-in; -moz-transition: opacity .5s ease-in; -ms-transition: opacity .5s ease-in; -o-transition: opacity .5s ease-in; transition: opacity .5s ease-in; opacity: 1; } .responsive-partner-option-1-page .desktop-nav:not(.affixed) .navbar-inner-cobrand { -webkit-transition: margin .2s ease-out,opacity .15s linear .2s; -moz-transition: margin .2s ease-out,opacity .15s linear .2s; -ms-transition: margin .2s ease-out,opacity .15s linear .2s; -o-transition: margin .2s ease-out,opacity .15s linear .2s; transition: margin .2s ease-out,opacity .15s linear .2s; } .responsive-partner-option-1-page .desktop-nav:not(.affixed) .sticky-nav-logo { animation: fadeout .15s; -webkit-transition: opacity .15s ease-out; -moz-transition: opacity .15s ease-out; -ms-transition: opacity .15s ease-out; -o-transition: opacity .15s ease-out; transition: opacity .15s ease-out; opacity: 0; } .responsive-partner-option-1-page #header.affixed #partner-nav-mobile { display: none; } .responsive-partner-option-1-page #header:not(.affixed) #partner-nav-mobile { display: block; } @media screen and (min-width: 642px) { body.home.responsive-partner-option-1-page #header .headline .subtitle { margin: 0; } } @media screen and (min-width: 726px) { .wide-layout.responsive-partner-option-1-page header { margin-top: 50px; } .wide-layout.landing-page.responsive-partner-option-1-page header .headline { margin-top: 0 !important; top: -15px !important; } .navbar-inner-ls .navbar-container .navbar-navigation-container { height: 0; } .navbar-inner-cobrand .navbar-container .navbar-navigation-container .navbar-brand { height: 58px; } .responsive-partner-option-1-page .navbar-inner-ls .navbar-container { padding-top: 10px; padding-bottom: 10px; } .home.partner.responsive-partner-option-1-page #header { margin-top: 74px; } .landing-page.responsive-partner-option-1-page header .headline { top: 65px !important; } .wide-layout.landing-page.landing-page.responsive-partner-option-1-page header .headline { margin-top: 15px !important; } body.wide-layout.home.partner.responsive-partner-option-1-page #header img { height: 310px; } body.wide-layout.home.partner.responsive-partner-option-1-page #header .headline { top: 76px !important; } } @media screen and (min-width: 884px) { body.wide-layout.home.partner.responsive-partner-option-1-page #header img { height: 320px; } } @media screen and (max-width: 1000px) { body.home.responsive-partner-option-1-page #header .headline .subtitle { margin: 0; } } @media screen and (min-width: 1003px) { body.wide-layout.home.partner.responsive-partner-option-1-page #header img { height: 385px; } .home.partner.responsive-partner-option-1-page #header { height: auto; } .home.wide-layout.partner.responsive-partner-option-1-page #header { height: 385px; } .landing-page.responsive-partner-option-1-page header .headline { margin-top: 0 !important; } } @media screen and (min-width: 1200px) { body.wide-layout.home.partner.responsive-partner-option-1-page #header img { height: auto; } .home.wide-layout.partner.responsive-partner-option-1-page #header { height: auto; } } /*prefunding page*/ .pre-funding .page-container { margin-top: 100px; } @media screen and (min-width: 0) { .pre-funding .page-container { margin-top: 50px; } } @media screen and (min-width: 726px) { .pre-funding .page-container { margin-top: 100px; } } #partner-nav-mobile .mobile-nav .nav-bar { height: 120px; } #partner-nav-mobile .mobile-nav .nav-bar li .apply-now a { border-radius: 0 !important; } #partner-nav-mobile .mobile-nav .nav-bar .partner-logo-container { height: 50%; text-align: center; padding: 0 0 10px 0; } #partner-nav-mobile .mobile-nav .nav-bar .partner-logo-container a, #partner-nav-mobile .mobile-nav .nav-bar .partner-logo-container img { height: 100%; } #partner-nav-mobile .mobile-nav .nav-bar li a.btn-round { border-radius: 0 !important; box-shadow: inset 0 0 6px #263856; } .desktop-nav, .mobile-nav { padding: 0; } #lightstreamVideo { height: -webkit-calc(100% - 90px); height: -moz-calc(100% - 90px); height: calc(100% - 90px); } @media only screen and (max-width: 375px) { #lightstreamVideo { height: calc(100% - 45px); } }