/* Minification failed. Returning unminified contents.
(10570,23): run-time error CSS1039: Token not allowed after unary operator: '-main-nav-height'
(12155,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(12159,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(12169,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(12172,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(12770,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(12771,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(12777,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(13173,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-two'
(13192,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-two'
(13193,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-two'
(13201,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(13202,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(13604,21): run-time error CSS1039: Token not allowed after unary operator: '-max-content-width'
(16478,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(16488,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(16489,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(16533,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(16555,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(16560,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(16738,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(16813,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(16835,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(16836,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(17735,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-one'
(17739,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(17751,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(18034,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(18047,27): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(18052,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(18056,27): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(18091,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(18095,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(18104,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(18109,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(18113,17): run-time error CSS1039: Token not allowed after unary operator: '-regent-gray'
(18117,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(18122,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(18182,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-five'
(18214,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(18217,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(18236,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(18253,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(19077,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(19460,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(19476,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(19532,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(21427,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(21428,27): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(21436,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(21437,27): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(21444,25): run-time error CSS1039: Token not allowed after unary operator: '-header-h1'
(21448,25): run-time error CSS1039: Token not allowed after unary operator: '-header-h2'
(21452,25): run-time error CSS1039: Token not allowed after unary operator: '-header-h3'
(21461,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(21471,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-two'
(21472,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-one'
(21482,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(21492,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(21496,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-two'
(21501,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-one'
(21513,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(21524,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-error'
(21553,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(21562,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(21587,17): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-error'
(21605,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(21615,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(21616,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(21660,25): run-time error CSS1039: Token not allowed after unary operator: '-header-h1'
(21664,25): run-time error CSS1039: Token not allowed after unary operator: '-header-h2'
(21668,25): run-time error CSS1039: Token not allowed after unary operator: '-header-h3'
(21758,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(21762,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21789,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(21806,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(21812,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(21818,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(21824,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(21830,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(21836,23): run-time error CSS1039: Token not allowed after unary operator: '-Muli'
(21840,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(21862,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(21878,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21909,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21924,23): run-time error CSS1039: Token not allowed after unary operator: '-Muli'
(21929,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(21935,23): run-time error CSS1039: Token not allowed after unary operator: '-Muli'
(21938,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(21945,23): run-time error CSS1039: Token not allowed after unary operator: '-Muli'
(21950,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(21958,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(21982,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(21987,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(21993,23): run-time error CSS1039: Token not allowed after unary operator: '-Muli'
(21996,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(22190,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(22204,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(22213,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(22221,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(22223,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(22247,27): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(22250,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(22295,27): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(22305,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(22310,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(22314,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-three'
(22331,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(22346,27): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(22454,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(22461,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(22468,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(22508,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(22517,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(22688,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(22705,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22706,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22707,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22712,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22713,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22714,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22719,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22720,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22721,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22722,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22725,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22726,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22727,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22728,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22729,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22730,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22731,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22734,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22735,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22736,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22740,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(22859,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22860,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22863,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22864,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22865,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22870,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22871,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22872,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22893,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(22894,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(22901,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(22937,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(22969,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(22975,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-three'
(23003,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(23008,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-three'
(23036,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(23042,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(23048,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(23050,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23057,35): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23094,27): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(23096,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23105,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(23106,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23112,35): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23118,35): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23126,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(23131,21): run-time error CSS1039: Token not allowed after unary operator: '-regent-gray'
(23136,21): run-time error CSS1039: Token not allowed after unary operator: '-regent-gray'
(23140,17): run-time error CSS1039: Token not allowed after unary operator: '-regent-gray'
(23161,16): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23181,36): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23182,39): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23209,25): run-time error CSS1039: Token not allowed after unary operator: '-max-content-width'
(23324,22): run-time error CSS1039: Token not allowed after unary operator: '-main-nav-height'
(23339,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(23383,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-four'
(23400,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(23421,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(23464,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(23474,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(23490,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(23502,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(23503,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23504,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(23511,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(23512,36): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23659,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(23703,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-four'
(23718,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-four'
(23733,22): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-two'
(23751,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(23763,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(23776,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(23783,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(23846,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(23931,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(23961,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(24944,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(24951,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(24962,21): run-time error CSS1039: Token not allowed after unary operator: '-max-content-width'
(24964,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(24970,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(24982,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(24983,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(25011,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(25024,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(25066,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(25081,22): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-one'
(25087,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(25091,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(25105,27): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(25109,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(25157,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-two'
(25159,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-one'
(25161,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(25169,21): run-time error CSS1030: Expected identifier, found '-'
(25169,21): run-time error CSS1031: Expected selector, found '-'
(25169,21): run-time error CSS1025: Expected comma or open brace, found '-'
(25174,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(25177,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(25183,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-two'
(25192,23): run-time error CSS1039: Token not allowed after unary operator: '-fa'
(25201,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(25207,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(25208,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(25212,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(25213,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(25265,16): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25269,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(25300,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25312,16): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25316,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25347,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25353,17): run-time error CSS1039: Token not allowed after unary operator: '-regent-gray'
(25370,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(25375,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(25394,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(25399,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(25407,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(25433,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(25458,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(25462,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(25500,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(25502,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(25508,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(25551,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(25552,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25556,32): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25557,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(25558,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(25562,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-three'
(25563,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25567,32): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25568,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-three'
(25569,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-three'
(25573,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(25574,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25575,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(25579,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(25580,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(25581,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25585,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-three'
(25586,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25587,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-three'
(25591,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-three'
(25592,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-three'
(25593,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25597,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-three'
(25598,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25599,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-three'
(25603,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25604,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(25605,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(25610,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(25611,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25615,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-two'
(25616,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-three'
(25621,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-two'
(25623,21): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-two'
(25644,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(25649,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(25651,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(25656,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(25700,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(25717,15): run-time error CSS1030: Expected identifier, found '-'
(25717,15): run-time error CSS1031: Expected selector, found '-'
(25717,15): run-time error CSS1025: Expected comma or open brace, found '-'
(25724,15): run-time error CSS1030: Expected identifier, found '-'
(25724,15): run-time error CSS1031: Expected selector, found '-'
(25724,15): run-time error CSS1025: Expected comma or open brace, found '-'
(25728,15): run-time error CSS1030: Expected identifier, found '-'
(25728,15): run-time error CSS1031: Expected selector, found '-'
(25728,15): run-time error CSS1025: Expected comma or open brace, found '-'
(25746,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(25753,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(25756,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(25769,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(25778,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(25790,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(25891,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(25898,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(25905,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(25907,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25983,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(25992,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(25995,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(26039,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(26041,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(26047,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(26063,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-five'
(26067,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(26073,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(26081,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-four'
(26086,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(26090,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(26096,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(26111,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-one'
(26248,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(26259,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-two'
(26266,17): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(26268,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(26283,17): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-error'
(26302,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(26309,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(26311,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-one'
(26316,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(26318,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-one'
(26338,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(26424,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(26426,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(26432,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(26448,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(26450,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-one'
(26460,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-three'
(26481,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(26483,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-one'
(26542,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(26544,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(26550,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(26552,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(26573,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(26575,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-one'
(26580,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(26582,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-one'
(26655,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-one'
(26666,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(26667,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(26672,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(26674,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-one'
(26684,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(26711,25): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(26729,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-five'
(26735,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(26740,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(26784,20): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(26792,43): run-time error CSS1030: Expected identifier, found '-'
(26792,43): run-time error CSS1031: Expected selector, found '-'
(26792,43): run-time error CSS1025: Expected comma or open brace, found '-'
(26801,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(26803,22): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(26809,21): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(26810,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(26824,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(26854,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(26860,14): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(26888,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(26969,19): run-time error CSS1039: Token not allowed after unary operator: '-max-content-width'
(26976,20): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(26977,14): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(26994,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(27010,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(27028,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-four'
(27032,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(27037,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(27055,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-one'
(27059,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(27063,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-five'
(27105,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(27115,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(27120,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(27125,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-one'
(27129,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(27161,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(27171,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(27173,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-four'
(27229,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(27233,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-one'
(27238,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-one'
(27242,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(27246,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-five'
(27408,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(27410,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-four'
(27471,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(27474,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-one'
(27486,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(27490,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-one'
(27494,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(27498,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-five'
(27502,51): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-six'
(27672,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(27682,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(27685,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(27692,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(27696,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-one'
(27700,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(27704,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-five'
(27708,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(27719,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(27723,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(27735,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(27936,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(27946,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(27950,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-one'
(27961,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(27963,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(27995,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(27997,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-four'
(28002,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-four'
(28008,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(28012,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-one'
(28033,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(28034,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-two'
(28042,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(28047,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(28098,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(28110,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(28115,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(28143,25): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(28202,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(28209,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-four'
(28215,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(28249,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(28263,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-four'
(28270,17): run-time error CSS1039: Token not allowed after unary operator: '-teritary-two'
(28276,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(28295,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(28358,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(28362,21): run-time error CSS1039: Token not allowed after unary operator: '-header-h2'
(28363,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(28368,21): run-time error CSS1039: Token not allowed after unary operator: '-header-h2'
(28386,25): run-time error CSS1039: Token not allowed after unary operator: '-header-h2'
(28391,25): run-time error CSS1039: Token not allowed after unary operator: '-header-h2'
(28404,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(28410,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(28412,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(28418,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(28420,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(28431,27): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(28433,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(28485,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(28487,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(28514,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(28517,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(28555,27): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(28570,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(28586,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(28588,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(28609,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(28611,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(28626,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(28632,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(28634,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(28660,27): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(28680,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(28711,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(28744,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(28756,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(28781,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(28794,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(28879,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(28880,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(28969,18): run-time error CSS1039: Token not allowed after unary operator: '-main-nav-height'
(28970,32): run-time error CSS1039: Token not allowed after unary operator: '-main-nav-height'
 */

.ui-slider.ui-widget {
    position: relative;
    text-align: left;
    background: #ddd;
    border-radius: 7px;
    height: 5px;
}

    .ui-slider.ui-widget .ui-slider-handle {
        position: absolute;
        /* border: 2px solid #5b8f30; */
        background-color: #fff;
        z-index: 2;
        width: 43px;
        height: 43px;
        border-radius: 50%;
        cursor: pointer;
        -ms-touch-action: none;
        touch-action: none;
        top: -14px !important;
        -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
        box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
        -webkit-transition: -webkit-box-shadow 0.3s ease;
        transition: -webkit-box-shadow 0.3s ease;
        -o-transition: box-shadow 0.3s ease;
        transition: box-shadow 0.3s ease;
        transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
        border: 1px solid #959595;
    }

        .ui-slider .ui-slider-handle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        }

        .ui-slider .ui-slider-handle:before, .ui-slider .ui-slider-handle:after {
            font-family: FontAwesome;
            color: #ccc;
            position: relative;
            font-size:20px;
            top:5px;
        }

        .ui-slider .ui-slider-handle:before {
            content: "\f104";
            left: 9px;
        }

        .ui-slider .ui-slider-handle:after {
            content: "\f105";
            left: auto;
            right: -17px;
        }

        .ui-slider .ui-slider-handle:hover {
            -webkit-box-shadow: -1px 3px 18px 0 rgba(0,0,0,0.3);
                    box-shadow: -1px 3px 18px 0 rgba(0,0,0,0.3);
        }

    .ui-slider .ui-slider-range {
        position: absolute;
        background: #5797b2;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
        border-radius: 7px;
        height: 6px;
    }

    .ui-slider:focus + .ui-slider-handle, .ui-slider-handle:active {
        -moz-box-shadow: 0 0 8px rgba(0,112,60,.9);
        /* -webkit-box-shadow:0 0 8px rgba(0,112,60,.9); */
        /* box-shadow:0 0 8px rgba(0,112,60,.9) */
        background-color: #F9F8F6;
    }

.ui-slider-handle:focus {
    outline: none;
}

.ui-slider.slider-gray {
    width: 80%;
    margin: .7em 0;
}

    .ui-slider.slider-gray .ui-slider-handle {
        background-color: #777;
    }

    .ui-slider.slider-gray .ui-slider-range {
        background-color: #888;
    }

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    -webkit-filter: inherit;
            filter: inherit;
}

.ui-slider-horizontal.ui-widget {
    height: 15px;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -1em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider label {
    position: absolute;
    width: 20px;
    margin-left: -20px;
    text-align: center;
    margin-top: 45px;
    font-size: .85em;
    color: #fff;
}

    .ui-slider label::before {
        content: '|';
        top: -20px;
        left: 100%;
        position: relative;
        font-size: .8em;
        opacity: 0.5;
    }

    .ui-slider label.last-item {
        margin-left: -42px !important;
    }

        .ui-slider label.last-item::before {
            left: 192%;
        }

@media(max-width: 991px) {
    .ui-slider label.one-m {
        top: -70px;
    }

        .ui-slider label.one-m::before {
            top: 14px;
        }
}

#slider2 .last-item {
    margin-left: -30px !important;
}

    #slider2 .last-item::before {
        left: 136%;
    }

.call-for-action {
    width: 100%;
}

.button-app {
    background: #5797b2;
    float: right;
    margin: -5px 0 0 0;
}

.app-ofb-form {
    padding: 1em;
    border: 1px solid #9facb6;
    border-radius: 3px;
    margin: 0 auto;
}

.app-ofb-box {
    padding: 1rem .5rem 4.6rem .5rem;
    width: 100%;
    text-align: center;
}

.app-ofb-form h3 {
    font-family: "Fira Sans",sans-serif;
    display: inline-block;
    width: 70%;
}

    .app-ofb-form h3 span {
        color: #9facb6;
    }

.app-ofb-form .ui-slider {
    margin-top: 3em;
}

@media(min-width: 992px) {
    .app-ofb-form .ui-slider {
        margin-top: 1em;
    }
}

.app-ofb-form .box-value {
    display: inline-block;
    width: 26%;
    float: right;
    text-align: right;
    font-weight: 500;
}

.box-value {
    display: inline-block;
    text-align: left;
    font-weight: 500;
    padding: 5px 5px 12px 5px;
    color: #fff;
}

.box-textInput {
    padding: 5px 0;
    width: 128px;
    text-align: center;
    font-size: 20px;
    border-radius: 0;
    border: 0;
    margin-top: 0;
    margin-bottom: 0;
    outline: 0;
}

.ui-slider .ui-slider-range {
    background: hsla(199, 84%, 10%, 1);
}

@media(min-width: 768px) {
    .app-ofb-form {
        width: 60%;
        padding: 2em;
    }

    .button-app {
        margin: -5px 0 -15px 0;
    }
}


.ui-slider.ui-widget.ui-widget-content {
    border: 0;
}
/*!
 * Bootstrap v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

@-ms-viewport {
    width: device-width;
}

[tabindex='-1']:focus {
    outline: 0 !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

dfn {
    font-style: italic;
}

b,
strong {
    font-weight: bolder;
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
    outline: 0;
}

pre,
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

button {
    border-radius: 0;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type='radio'],
input[type='checkbox'] {
    box-sizing: border-box;
    padding: 0;
}

input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
    -webkit-appearance: listbox;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

progress {
    vertical-align: baseline;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
    height: auto;
}

[type='search'] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
    cursor: pointer;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
/*
h1,
.h1 {
    font-size: 2.5rem;
}

h2,
.h2 {
    font-size: 2rem;
}

h3,
.h3 {
    font-size: 1.75rem;
}

h4,
.h4 {
    font-size: 1.5rem;
}

h5,
.h5 {
    font-size: 1.25rem;
}

h6,
.h6 {
    font-size: 1rem;
} */

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* small,
.small {
    font-size: 80%;
    font-weight: 400;
} */

mark,
.mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

.list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d;
}

.blockquote-footer::before {
    content: '\2014 \00A0';
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}

.figure-caption {
    font-size: 90%;
    color: #6c757d;
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
        'Courier New', monospace;
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word;
}

a > code {
    color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: 0.2rem;
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529;
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
}

.offset-1 {
    margin-left: 8.333333%;
}

.offset-2 {
    margin-left: 16.666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.333333%;
}

.offset-5 {
    margin-left: 41.666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.333333%;
}

.offset-8 {
    margin-left: 66.666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.333333%;
}

.offset-11 {
    margin-left: 91.666667%;
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.333333%;
    }

    .offset-sm-2 {
        margin-left: 16.666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.333333%;
    }

    .offset-sm-5 {
        margin-left: 41.666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.333333%;
    }

    .offset-sm-8 {
        margin-left: 66.666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.333333%;
    }

    .offset-sm-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.333333%;
    }

    .offset-md-2 {
        margin-left: 16.666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.333333%;
    }

    .offset-md-5 {
        margin-left: 41.666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.333333%;
    }

    .offset-md-8 {
        margin-left: 66.666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.333333%;
    }

    .offset-md-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.333333%;
    }

    .offset-lg-2 {
        margin-left: 16.666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.333333%;
    }

    .offset-lg-5 {
        margin-left: 41.666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.333333%;
    }

    .offset-lg-8 {
        margin-left: 66.666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.333333%;
    }

    .offset-lg-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.333333%;
    }

    .offset-xl-2 {
        margin-left: 16.666667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.333333%;
    }

    .offset-xl-5 {
        margin-left: 41.666667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.333333%;
    }

    .offset-xl-8 {
        margin-left: 66.666667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.333333%;
    }

    .offset-xl-11 {
        margin-left: 91.666667%;
    }
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

.table th,
.table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
    border-top: 2px solid #dee2e6;
}

.table .table {
    background-color: #fff;
}

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}

.table-bordered {
    border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #b8daff;
}

.table-hover .table-primary:hover {
    background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
    background-color: #d6d8db;
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
    background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
    background-color: #c3e6cb;
}

.table-hover .table-success:hover {
    background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
    background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
    background-color: #bee5eb;
}

.table-hover .table-info:hover {
    background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
    background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
    background-color: #ffeeba;
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
    background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: #f5c6cb;
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
    background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
    background-color: #fdfdfe;
}

.table-hover .table-light:hover {
    background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
    background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
    background-color: #c6c8ca;
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
    background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e;
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.table-dark {
    color: #fff;
    background-color: #212529;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
    border-color: #32383e;
}

.table-dark.table-bordered {
    border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .table-responsive-sm > .table-bordered {
        border: 0;
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .table-responsive-md > .table-bordered {
        border: 0;
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .table-responsive-lg > .table-bordered {
        border: 0;
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .table-responsive-xl > .table-bordered {
        border: 0;
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive > .table-bordered {
    border: 0;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px);
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%;
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5;
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    margin-bottom: 0;
    line-height: 1.5;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

.form-control-plaintext.form-control-sm,
.input-group-sm > .form-control-plaintext.form-control,
.input-group-sm
    > .input-group-prepend
    > .form-control-plaintext.input-group-text,
.input-group-sm
    > .input-group-append
    > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
.input-group-sm > .input-group-append > .form-control-plaintext.btn,
.form-control-plaintext.form-control-lg,
.input-group-lg > .form-control-plaintext.form-control,
.input-group-lg
    > .input-group-prepend
    > .form-control-plaintext.input-group-text,
.input-group-lg
    > .input-group-append
    > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
.input-group-lg > .input-group-append > .form-control-plaintext.btn {
    padding-right: 0;
    padding-left: 0;
}

.form-control-sm,
.input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

select.form-control-sm:not([size]):not([multiple]),
.input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm
    > .input-group-prepend
    > select.input-group-text:not([size]):not([multiple]),
.input-group-sm
    > .input-group-append
    > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
    height: calc(1.8125rem + 2px);
}

.form-control-lg,
.input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

select.form-control-lg:not([size]):not([multiple]),
.input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg
    > .input-group-prepend
    > select.input-group-text:not([size]):not([multiple]),
.input-group-lg
    > .input-group-append
    > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
    height: calc(2.875rem + 2px);
}

.form-group {
    margin-bottom: 1rem;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
}

.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.form-row > .col,
.form-row > [class*='col-'] {
    padding-right: 5px;
    padding-left: 5px;
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label {
    color: #6c757d;
}

.form-check-label {
    margin-bottom: 0;
}

.form-check-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0;
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #28a745;
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(40, 167, 69, 0.8);
    border-radius: 0.2rem;
}

.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
    border-color: #28a745;
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip,
.form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
    color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
    color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
    background-color: #71dd8a;
}

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip,
.custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated
    .custom-control-input:valid:checked
    ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
    background-color: #34ce57;
}

.was-validated
    .custom-control-input:valid:focus
    ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
    border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label::before,
.custom-file-input.is-valid ~ .custom-file-label::before {
    border-color: inherit;
}

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip,
.custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.8);
    border-radius: 0.2rem;
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
    border-color: #dc3545;
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip,
.form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
    color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
    color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
    background-color: #efa2a9;
}

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip,
.custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated
    .custom-control-input:invalid:checked
    ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    background-color: #e4606d;
}

.was-validated
    .custom-control-input:invalid:focus
    ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label::before,
.custom-file-input.is-invalid ~ .custom-file-label::before {
    border-color: inherit;
}

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip,
.custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-inline .form-check {
    width: 100%;
}

@media (min-width: 576px) {
    .form-inline label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0;
    }

    .form-inline .form-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-plaintext {
        display: inline-block;
    }

    .form-inline .input-group {
        width: auto;
    }

    .form-inline .form-check {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0;
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0;
    }

    .form-inline .custom-control {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .form-inline .custom-control-label {
        margin-bottom: 0;
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:hover,
.btn:focus {
    text-decoration: none;
}

.btn:focus,
.btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled,
.btn:disabled {
    opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active {
    background-image: none;
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}

.btn-secondary:focus,
.btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}

.btn-success:focus,
.btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
}

.btn-info:focus,
.btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
}

.btn-warning:focus,
.btn-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}

.btn-danger:focus,
.btn-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.btn-light:focus,
.btn-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}

.btn-dark:focus,
.btn-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-outline-success:focus,
.btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info:focus,
.btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107;
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa;
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:focus,
.btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40;
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    background-color: transparent;
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent;
}

.btn-link:focus,
.btn-link.focus {
    text-decoration: underline;
    border-color: transparent;
    box-shadow: none;
}

.btn-link:disabled,
.btn-link.disabled {
    color: #6c757d;
}

.btn-lg,
.btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block + .btn-block {
    margin-top: 0.5rem;
}

input[type='submit'].btn-block,
input[type='reset'].btn-block,
input[type='button'].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}

.fade.show {
    opacity: 1;
}

.collapse {
    display: none;
}

.collapse.show {
    display: block;
}

tr.collapse.show {
    display: table-row;
}

tbody.collapse.show {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: '';
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.dropup .dropdown-menu {
    margin-top: 0;
    margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: '';
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-menu {
    margin-top: 0;
    margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: '';
    border-top: 0.3em solid transparent;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-toggle::after {
    vertical-align: 0;
}

.dropleft .dropdown-menu {
    margin-top: 0;
    margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: '';
}

.dropleft .dropdown-toggle::after {
    display: none;
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: '';
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6c757d;
    background-color: transparent;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
    z-index: 1;
}

.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
    z-index: 1;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.btn-group-vertical .btn + .btn,
.btn-group-vertical .btn + .btn-group,
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical .btn-group + .btn-group {
    margin-left: -1px;
}

.btn-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.btn-toolbar .input-group {
    width: auto;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
}

.dropdown-toggle-split::after {
    margin-left: 0;
}

.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.btn-group-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
    width: 100%;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0;
}

.btn-group-toggle > .btn input[type='radio'],
.btn-group-toggle > .btn input[type='checkbox'],
.btn-group-toggle > .btn-group > .btn input[type='radio'],
.btn-group-toggle > .btn-group > .btn input[type='checkbox'] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.input-group > .form-control,
.input-group > .custom-select,
.input-group > .custom-file {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file:focus {
    z-index: 3;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
    margin-left: -1px;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group > .custom-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label,
.input-group > .custom-file:not(:first-child) .custom-file-label::before {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
    position: relative;
    z-index: 2;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
    margin-left: -1px;
}

.input-group-prepend {
    margin-right: -1px;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.input-group-text input[type='radio'],
.input-group-text input[type='checkbox'] {
    margin-top: 0;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group
    > .input-group-append:last-child
    > .btn:not(:last-child):not(.dropdown-toggle),
.input-group
    > .input-group-append:last-child
    > .input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group
    > .input-group-prepend:first-child
    > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}

.custom-control-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #007bff;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
}

.custom-control-input:disabled ~ .custom-control-label {
    color: #6c757d;
}

.custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #e9ecef;
}

.custom-control-label {
    margin-bottom: 0;
}

.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: '';
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6;
}

.custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    content: '';
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #007bff;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox
    .custom-control-input:indeterminate
    ~ .custom-control-label::before {
    background-color: #007bff;
}

.custom-checkbox
    .custom-control-input:indeterminate
    ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-checkbox
    .custom-control-input:disabled:checked
    ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox
    .custom-control-input:disabled:indeterminate
    ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #007bff;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.custom-radio
    .custom-control-input:disabled:checked
    ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff
        url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")
        no-repeat right 0.75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075),
        0 0 5px rgba(128, 189, 255, 0.5);
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

.custom-select[multiple],
.custom-select[size]:not([size='1']) {
    height: auto;
    padding-right: 0.75rem;
    background-image: none;
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef;
}

.custom-select::-ms-expand {
    opacity: 0;
}

.custom-select-sm {
    height: calc(1.8125rem + 2px);
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 75%;
}

.custom-select-lg {
    height: calc(2.875rem + 2px);
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 125%;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0;
}

.custom-file-input:focus ~ .custom-file-control {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-file-input:focus ~ .custom-file-control::before {
    border-color: #80bdff;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: 'Browse';
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(calc(2.25rem + 2px) - 1px * 2);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    content: 'Browse';
    background-color: #e9ecef;
    border-left: 1px solid #ced4da;
    border-radius: 0 0.25rem 0.25rem 0;
}

.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}

.nav-link:hover,
.nav-link:focus {
    text-decoration: none;
}

.nav-link.disabled {
    color: #6c757d;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

/* .nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6;
} */

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent;
}

/* .nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
} */

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.nav-pills .nav-link {
    border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff;
}

.nav-fill .nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

.navbar > .container,
.navbar > .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none;
}

.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}

.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
    text-decoration: none;
}

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: '';
    background: no-repeat center center;
    background-size: 100% 100%;
}

@media (max-width: 575.98px) {
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-sm .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto;
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand-sm .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .navbar-expand-sm .navbar-toggler {
        display: none;
    }

    .navbar-expand-sm .dropup .dropdown-menu {
        top: auto;
        bottom: 100%;
    }
}

@media (max-width: 767.98px) {
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-md .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand-md .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .navbar-expand-md .navbar-toggler {
        display: none;
    }

    .navbar-expand-md .dropup .dropdown-menu {
        top: auto;
        bottom: 100%;
    }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand-lg .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .navbar-expand-lg .navbar-toggler {
        display: none;
    }

    .navbar-expand-lg .dropup .dropdown-menu {
        top: auto;
        bottom: 100%;
    }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-xl .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto;
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand-xl .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .navbar-expand-xl .navbar-toggler {
        display: none;
    }

    .navbar-expand-xl .dropup .dropdown-menu {
        top: auto;
        bottom: 100%;
    }
}

.navbar-expand {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.navbar-expand .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}

.navbar-expand .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.navbar-expand .navbar-toggler {
    display: none;
}

.navbar-expand .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
    color: #fff;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
    color: #fff;
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
    color: #fff;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.card > hr {
    margin-right: 0;
    margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link + .card-link {
    margin-left: 1.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
    border-top: 0;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img {
    width: 100%;
    border-radius: calc(0.25rem - 1px);
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-deck .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-deck {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    .card-deck .card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}

.card-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-group > .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .card-group > .card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0;
    }

    .card-group > .card + .card {
        margin-left: 0;
        border-left: 0;
    }

    .card-group > .card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .card-group > .card:first-child .card-img-top,
    .card-group > .card:first-child .card-header {
        border-top-right-radius: 0;
    }

    .card-group > .card:first-child .card-img-bottom,
    .card-group > .card:first-child .card-footer {
        border-bottom-right-radius: 0;
    }

    .card-group > .card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .card-group > .card:last-child .card-img-top,
    .card-group > .card:last-child .card-header {
        border-top-left-radius: 0;
    }

    .card-group > .card:last-child .card-img-bottom,
    .card-group > .card:last-child .card-footer {
        border-bottom-left-radius: 0;
    }

    .card-group > .card:only-child {
        border-radius: 0.25rem;
    }

    .card-group > .card:only-child .card-img-top,
    .card-group > .card:only-child .card-header {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

    .card-group > .card:only-child .card-img-bottom,
    .card-group > .card:only-child .card-footer {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

    .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: 0;
    }

    .card-group
        > .card:not(:first-child):not(:last-child):not(:only-child)
        .card-img-top,
    .card-group
        > .card:not(:first-child):not(:last-child):not(:only-child)
        .card-img-bottom,
    .card-group
        > .card:not(:first-child):not(:last-child):not(:only-child)
        .card-header,
    .card-group
        > .card:not(:first-child):not(:last-child):not(:only-child)
        .card-footer {
        border-radius: 0;
    }
}

.card-columns .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }

    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}

.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #6c757d;
    content: '/';
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #6c757d;
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-link:hover {
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #0062cc;
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}

.badge-secondary[href]:hover,
.badge-secondary[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #545b62;
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

.badge-success[href]:hover,
.badge-success[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #1e7e34;
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

.badge-info[href]:hover,
.badge-info[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #117a8b;
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

.badge-warning[href]:hover,
.badge-warning[href]:focus {
    color: #212529;
    text-decoration: none;
    background-color: #d39e00;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

.badge-danger[href]:hover,
.badge-danger[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #bd2130;
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

.badge-light[href]:hover,
.badge-light[href]:focus {
    color: #212529;
    text-decoration: none;
    background-color: #dae0e5;
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

.badge-dark[href]:hover,
.badge-dark[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #1d2124;
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: 0.3rem;
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem;
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-right: 4rem;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit;
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alert-primary hr {
    border-top-color: #9fcdff;
}

.alert-primary .alert-link {
    color: #002752;
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.alert-secondary hr {
    border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
    color: #202326;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-success hr {
    border-top-color: #b1dfbb;
}

.alert-success .alert-link {
    color: #0b2e13;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert-info hr {
    border-top-color: #abdde5;
}

.alert-info .alert-link {
    color: #062c33;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-warning hr {
    border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
    color: #533f03;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-danger hr {
    border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
    color: #491217;
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.alert-light hr {
    border-top-color: #ececf6;
}

.alert-light .alert-link {
    color: #686868;
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.alert-dark hr {
    border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
    color: #040505;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #007bff;
    transition: width 0.6s ease;
}

.progress-bar-striped {
    background-image: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.15) 50%,
        rgba(255, 255, 255, 0.15) 75%,
        transparent 75%,
        transparent
    );
    background-size: 1rem 1rem;
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa;
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.list-group-item:hover,
.list-group-item:focus {
    z-index: 1;
    text-decoration: none;
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    background-color: #fff;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0;
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #004085;
    background-color: #9fcdff;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085;
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db;
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: #383d41;
    background-color: #c8cbcf;
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41;
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb;
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
    color: #155724;
    background-color: #b1dfbb;
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724;
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: #0c5460;
    background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460;
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba;
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: #856404;
    background-color: #ffe8a1;
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404;
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: #721c24;
    background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24;
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
    color: #818182;
    background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182;
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    opacity: 0.75;
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2));
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}

.modal-footer > :not(:first-child) {
    margin-left: 0.25rem;
}

.modal-footer > :not(:last-child) {
    margin-right: 0.25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
    }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
        'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji',
        'Segoe UI Emoji', 'Segoe UI Symbol';
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}

.tooltip.show {
    opacity: 0.9;
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}

.tooltip .arrow::before {
    position: absolute;
    content: '';
    border-color: transparent;
    border-style: solid;
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^='top'] {
    padding: 0.4rem 0;
}

.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^='top'] .arrow {
    bottom: 0;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^='top'] .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^='right'] {
    padding: 0 0.4rem;
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^='right'] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^='right'] .arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^='bottom'] {
    padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^='bottom'] .arrow {
    top: 0;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^='bottom'] .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^='left'] {
    padding: 0 0.4rem;
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^='left'] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^='left'] .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}

/* .tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
} */

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
        'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji',
        'Segoe UI Emoji', 'Segoe UI Symbol';
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem;
}

.popover .arrow::before,
.popover .arrow::after {
    position: absolute;
    display: block;
    content: '';
    border-color: transparent;
    border-style: solid;
}

.bs-popover-top,
.bs-popover-auto[x-placement^='top'] {
    margin-bottom: 0.5rem;
}

.bs-popover-top .arrow,
.bs-popover-auto[x-placement^='top'] .arrow {
    bottom: calc((0.5rem + 1px) * -1);
}

.bs-popover-top .arrow::before,
.bs-popover-auto[x-placement^='top'] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^='top'] .arrow::after {
    border-width: 0.5rem 0.5rem 0;
}

.bs-popover-top .arrow::before,
.bs-popover-auto[x-placement^='top'] .arrow::before {
    bottom: 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^='top'] .arrow::after {
    bottom: 1px;
    border-top-color: #fff;
}

.bs-popover-right,
.bs-popover-auto[x-placement^='right'] {
    margin-left: 0.5rem;
}

.bs-popover-right .arrow,
.bs-popover-auto[x-placement^='right'] .arrow {
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-right .arrow::before,
.bs-popover-auto[x-placement^='right'] .arrow::before,
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^='right'] .arrow::after {
    border-width: 0.5rem 0.5rem 0.5rem 0;
}

.bs-popover-right .arrow::before,
.bs-popover-auto[x-placement^='right'] .arrow::before {
    left: 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^='right'] .arrow::after {
    left: 1px;
    border-right-color: #fff;
}

.bs-popover-bottom,
.bs-popover-auto[x-placement^='bottom'] {
    margin-top: 0.5rem;
}

.bs-popover-bottom .arrow,
.bs-popover-auto[x-placement^='bottom'] .arrow {
    top: calc((0.5rem + 1px) * -1);
}

.bs-popover-bottom .arrow::before,
.bs-popover-auto[x-placement^='bottom'] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^='bottom'] .arrow::after {
    border-width: 0 0.5rem 0.5rem 0.5rem;
}

.bs-popover-bottom .arrow::before,
.bs-popover-auto[x-placement^='bottom'] .arrow::before {
    top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^='bottom'] .arrow::after {
    top: 1px;
    border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^='bottom'] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: '';
    border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left,
.bs-popover-auto[x-placement^='left'] {
    margin-right: 0.5rem;
}

.bs-popover-left .arrow,
.bs-popover-auto[x-placement^='left'] .arrow {
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-left .arrow::before,
.bs-popover-auto[x-placement^='left'] .arrow::before,
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^='left'] .arrow::after {
    border-width: 0.5rem 0 0.5rem 0.5rem;
}

.bs-popover-left .arrow::before,
.bs-popover-auto[x-placement^='left'] .arrow::before {
    right: 0;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^='left'] .arrow::after {
    right: 1px;
    border-left-color: #fff;
}

.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
    display: none;
}

.popover-body {
    padding: 0.5rem 0.75rem;
    color: #212529;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

@supports (
    (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)
) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-item-next,
.active.carousel-item-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

@supports (
    (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)
) {
    .carousel-item-next,
    .active.carousel-item-right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.carousel-item-prev,
.active.carousel-item-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

@supports (
    (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)
) {
    .carousel-item-prev,
    .active.carousel-item-left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, 0.5);
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: '';
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: '';
}

.carousel-indicators .active {
    background-color: #fff;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.bg-primary {
    background-color: #007bff !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #0062cc !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #545b62 !important;
}

.bg-success {
    background-color: #28a745 !important;
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #1e7e34 !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #117a8b !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #d39e00 !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #bd2130 !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #dae0e5 !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #1d2124 !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.border {
    border: 1px solid #dee2e6 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

.border-right {
    border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
    border-left: 1px solid #dee2e6 !important;
}

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.border-primary {
    border-color: #007bff !important;
}

.border-secondary {
    border-color: #6c757d !important;
}

.border-success {
    border-color: #28a745 !important;
}

.border-info {
    border-color: #17a2b8 !important;
}

.border-warning {
    border-color: #ffc107 !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.border-light {
    border-color: #f8f9fa !important;
}

.border-dark {
    border-color: #343a40 !important;
}

.border-white {
    border-color: #fff !important;
}

.rounded {
    border-radius: 0.25rem !important;
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.clearfix::after {
    display: block;
    clear: both;
    content: '';
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }

    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive::before {
    display: block;
    content: '';
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }

    .float-md-right {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
    }

    .float-lg-right {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
    }

    .float-xl-right {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    -webkit-clip-path: none;
    clip-path: none;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

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

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

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

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

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

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }

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

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }

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

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }

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

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }

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

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }

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

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }

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

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }

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

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }

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

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}

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

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-italic {
    font-style: italic !important;
}

.text-white {
    color: #fff !important;
}

.text-primary {
    color: #007bff !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #0062cc !important;
}

.text-secondary {
    color: #6c757d !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #545b62 !important;
}

.text-success {
    color: #28a745 !important;
}

a.text-success:hover,
a.text-success:focus {
    color: #1e7e34 !important;
}

.text-info {
    color: #17a2b8 !important;
}

a.text-info:hover,
a.text-info:focus {
    color: #117a8b !important;
}

.text-warning {
    color: #ffc107 !important;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #d39e00 !important;
}

.text-danger {
    color: #dc3545 !important;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #bd2130 !important;
}

.text-light {
    color: #f8f9fa !important;
}

a.text-light:hover,
a.text-light:focus {
    color: #dae0e5 !important;
}

.text-dark {
    color: #343a40 !important;
}

a.text-dark:hover,
a.text-dark:focus {
    color: #1d2124 !important;
}

.text-muted {
    color: #6c757d;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media print {
    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }

    a:not(.btn) {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: ' (' attr(title) ')';
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    @page {
        size: a3;
    }

    body {
        min-width: 992px !important;
    }

    .container {
        min-width: 992px !important;
    }

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

    .table td,
    .table th {
        background-color: #fff !important;
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

/*
    PLEASE USE THIS FOR STYLING BASE
    ie HTML ELEMENTS heading, paragraph, link, button, etc
    PLEASE DON'T PUT SOME BLOODY RANDOM CLASS IN HERE
    ie .this-is-specific
    --------------------------------------------
*/

@font-face {
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    src: url('../../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff');
}

@font-face {
    font-family: ArrowIcons;
    src: url(data:application/octet-stream;base64,d09GRk9UVE8AAAZUAAoAAAAAB6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAADKAAAAx8AAAOKkWuAp0dTVUIAAAZIAAAACgAAAAoAAQAAT1MvMgAAAXAAAABJAAAAYGcdjVZjbWFwAAACvAAAAFYAAACUKEhKfWhlYWQAAAD8AAAAMAAAADYJAklYaGhlYQAAAVAAAAAgAAAAJAYoAa5obXR4AAABLAAAACQAAAAoEOAAWW1heHAAAAD0AAAABgAAAAYAClAAbmFtZQAAAbwAAAD%2FAAABuXejDuxwb3N0AAADFAAAABMAAAAg%2F7gAMgAAUAAACgAAeNpjYGRgYABifeaSpHh%2Bm68MzMwHgCIMl08yqyDo%2F95Mkcy8QC4zAxNIFAD8tAiweNpjfMAQyfiAgYEpgoGBcQmQlmFgYPgAZOtAcQZEDgCHaQVGeNpjYGRgYD7z34eBgSmCgeH%2Ff6ZIBqAICuACAHpYBNp42mNgZtzAOIGBlYGDqYDJgYGBwQNCMwYwGDEcA%2FKBUthBqHe4H4MDg4L6Imae%2Fz4MB5jPMGwBCjOC5Bi9mKYAKQUGBgAFHgteAAAAeNplkMFqwkAURU9itBVKF6XLLrLsxiGKMYH0B4IgoqjdRokajAmNUfolhX5Df7IvZhBt5zHMeffduQwDPPCFQbWM81mzyZ3uocEz95qtK0%2BTN140t2jzLk7DaotiEmk2eWSlucErH5otnvjW3OSTH82tSg8n8eaYRkVXOY4TzIaLURB2tDaPi0OSZ3Y9G09tx6lxm5erPDtVA%2BX7wT7axXm5Vmmy7ClXDfqe515CCJkQs%2BFIKk8t6KJwzhUwY8iCkVBI54%2FvvzKXruBAQk6GfZM0ZipKxdfqVpylfErlP11uKHypgL2k7iSz8qxFTSV5SU%2FIlT2gjyfl%2FgKN9EDsAHjaY2BgYGaA4DAGRgYQkAHyGMF8NgYrIM3JIAHEEACj8QNOBhYGOyDNAYRMQFpBcZL6ov%2F%2Foaw5%2F%2F%2F%2Ff3kvH8iD2McCxExAO1kYWIE2cjCwAwAgUQwvAAB42mNgZgCD%2F1sZjBiwAAAswgHqAHjaNVFbbxNHGN2JMmtlNnIoZFFx1F2nDoTWgJLIhRQqWlRowyXiUkqE1IZLVW0dJzHYjpAhxnbYi8HXdWxsEKCIi0DdqjxVyhOKkBBS%2FdAX%2FkJfmiCe0Gz4orbjLNFo5uj79B19Z85BXGsLhxAiB7ef%2BFmZGj8XaVb9dgdn%2B5Dd02J%2F2JqFIXtpeQ5Lc6h1YzKbXcN2F%2F2qg373wZ3ly%2Bs5gpCwfpO3d8dnXwyfOheJhC9FgsovsanJ4MCuzw84sN%2BBb1Zh34ADfU7za6fq%2Fyl8Ib7K9E4Eo9HgpHLQu6aL45CB8ug6yqAbKIeyqMAhjjD1nM49596hbqQgHf2B%2Fm5xt3S8sqXlORFe%2FHuSvuD3vesUQ4eVxjgEfm08PWK5%2FoF14lBjDAJvXI0xMRS0%2BMVjbGLIbzV%2BP2y5aOC46IfAb7TzT5cFbSJwEKCc9eXifGgqtOBahN3vWy7aOS76f1zkrVNiaNw1NIpfhyBg8X%2FN428t3v2KJl6KtVqxWpXpCD2Bq5XZW3XPrWv1dMVHEmZy9pr8dhsGdQuhKt%2FTh9Mz6nTCE34Yeyy56byfUHMzqaWrEpRpHldmrpqJrosXPyV0N%2BzAsMJYKzwMwjacTmtXGe9%2B7InkrtPz3aRoaIWPSUEtGjL1wUcYFnoJXeChG7qwpmfUHkI30XsvRdMsmKZMs9TwEsjR67ik6%2Fk14hk4jVcGe4k9yMMojGDNyKiqRy1opi5phUrG7HLDnkfdxOHktZIu072wB9jFhpHReoj3UXNF3lmReb%2FC0eaMx%2BESO1NY1w2myfuMuXW7VKvJ9CQ9im9Wy3XmllpLVX0kWUzNpmW6E%2FrY8ePkjLaV%2FPCMWVTeTJidTYtyuJpuWhSOMYsuwBhMgNK0dCtxS3O7%2Fmtvy7YL9lKn7RfvbODaEerw%2BXfuPfT92WDkiopLpaJZ9pQNUy9JAlNdyjVVH6PDTDV7saB2TadSCVWQYIQeZ2F8QgTVM30zdZtFlcOVSmU1WYFXolFFeRB9Kgt8PJmMx2vJu7IwvZoOS9XRFwsLsXCylKjMyGxXrV5kXxb%2BBxsddR0AAAEAAAAAAAAAAAAA)
        format('woff');
}

@font-face {
    font-family: 'Camphor';
    font-weight: 300;
    src: url('../fonts/CamphorPro-Light.woff') format('woff');
}

@font-face {
    font-family: 'Camphor';
    font-weight: 400;
    src: url('../fonts/Camphor-Regular.woff2') format('woff2'),
        url('../fonts/Camphor-Regular.woff') format('woff');
}

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

@font-face {
    font-family: 'Camphor';
    font-weight: 600;
    src: url('../fonts/Camphor-Bold.woff2') format('woff2'),
        url('../fonts/Camphor-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Camphor';
    font-weight: 700;
    src: url('../fonts/CamphorPro-Heavy.woff') format('woff');
}

@font-face {
    font-family: 'Camphor';
    font-style: italic;
    src: url('../fonts/Camphor-Italic.woff2') format('woff2'),
        url('../fonts/Camphor-Italic.woff') format('woff');
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}

button {
    cursor: pointer;
}

a {
    text-decoration: none;
    color: hsla(217, 16%, 31%, 1);
}

a[href^='tel'] {
    white-space: nowrap;
}

a:hover {
    color: hsla(217, 16%, 31%, 1);
    text-decoration: none;
}

a:not([class]) {
    -webkit-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    transition: opacity 150ms linear;
}

img {
    max-width: 100%;
}

address {
    margin-bottom: 4rem;
}


section {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
}

section[id]:before {
    position: absolute;
    width: 100%;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
} 

/*
    MEDIA QUERY
    --------------------------------------------
*/

@media (max-width: 385px) {
    input#files {
        outline: 0px;
    }
}

img.logo__Kia {
    height: 55px;
}

img.logo__Mercury {
    height: 140px;
}

img.logo__Holden {
    height: 150px;
}

img.logo__Jaguar {
    height: 120px;
}

img.logo__landrover {
    height: 150px;
}

.radio-list-item {
    padding-top: 0.5em;
}

@media (min-width: 700px) {
    /* line 289, ../sass/screen.scss */
    .radio-list-item {
        margin-bottom: -1em;
    }
}

.input-field__text {
    font-size: 16px;
    font-weight: 500;
    color: #454f5f;
}

.label__wrapper--width100 {
    width: 100%;
}

.label-name {
    margin-left: 5px;
}

/* line 289, ../sass/screen.scss */
.radio-list-item {
    padding-top: 0.5em;
}

@media (min-width: 700px) {
    /* line 289, ../sass/screen.scss */
    .radio-list-item {
        margin-bottom: -1em;
    }
}

/* line 296, ../sass/screen.scss */
.radio-inline-item {
    width: 40%;
    float: left;
}

/* line 301, ../sass/screen.scss */
.radio-buttons {
    background: none;
    border: 0;
    cursor: pointer;
    display: block;
    height: auto;
    border-radius: 0;
    margin: 0 auto;
    font-weight: 400;
    position: relative;
    padding: 45px 5px 0;
    text-align: center;
    width: 138px;
}

/* line 324, ../sass/screen.scss */
.radio-buttons:hover::before {
    background: #edeff2;
}
/* line 329, ../sass/screen.scss */
.radio-buttons::after {
    display: none;
    content: '';
    width: 16px;
    height: 16px;
    left: 59px;
    top: 9px;
    border-radius: 50%;
    position: absolute;
    background: #5797b2;
}
/* line 341, ../sass/screen.scss */
.radio-buttons.checked::after {
    display: inline-block;
}
/* line 345, ../sass/screen.scss */
.radio-buttons::before {
    transition: background 0.2s;
    -webkit-transition: background 0.2s;
    content: '';
    width: 30px;
    height: 30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    top: 2px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    border: solid #5797b2 3px;
    background: #fbfbfb;
}
/* line 362, ../sass/screen.scss */
.radio-buttons input[type='radio'] {
    display: none;
}
/* line 366, ../sass/screen.scss */
.radio-buttons.inline {
    padding: 10px;
}
/* line 368, ../sass/screen.scss */
.radio-buttons.inline::before {
    left: 8%;
}
/* line 371, ../sass/screen.scss */
.radio-buttons.inline::after {
    left: 1px;
}

/* line 378, ../sass/screen.scss */
#dependentsList .radio-buttons,
#softwareList .radio-buttons {
    width: 78px;
}
/* line 381, ../sass/screen.scss */
#dependentsList .radio-buttons::after,
#softwareList .radio-buttons::after {
    left: 29px;
}

/* line 386, ../sass/screen.scss */
.list-align-left {
    margin-left: -20px;
}

@media (min-width: 1100px) {
    .own-house .radio-buttons.inline::before {
        left: 6px;
    }
}

.radio-buttons.large-item-inline {
    width: 70%;
    text-align: left !important;
    margin-bottom: 1em;
    margin-left: 60px;
    padding: 10px;
}

.radio-buttons.large-item-inline .label-name {
    margin-left: 0;
}

.radio-buttons.large-item-inline::before {
    left: -26px;
}

.radio-buttons.large-item-inline::after {
    left: -36px;
}

@media (min-width: 550px) and (max-width: 829px) {
    .radio-buttons.large-item-inline {
        width: 100%;
    }
}

@media (min-width: 830px) and (max-width: 1099px) {
    .radio-buttons.large-item-inline {
        width: 80%;
    }
}

@media (min-width: 1100px) {
    .radio-buttons.large-item-inline {
        width: 70%;
    }

    .radio-buttons.large-item-inline::before {
        left: -24px;
    }

    .radio-buttons.large-item-inline::after {
        left: -34px;
    }
}

/**
 * Use this file to create layout styles and
   override existing bootstrap layout styles
   PLEASE DON'T MAKE MEDIA QUERIES FOR INDIVIDUAL STYLE
   GROUP THEM IF POSSIBLE!
 */

.main-nav-container {
    transition: 0.3s;
}

.input-group {
    padding-top: 4px;
}

.rural-fine-print,
.savings-fine-print {
    margin-top: 10rem;
    text-align: center;
    color: #6a7e95;
    font-size: 1.4rem;
}

.savings-fine-print a,
.fine-print-pie a {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.section-container {
    position: relative;
    text-align: center;
}

.home-contact__container {
    margin-top: 110px;
    margin-bottom: 50px;
    z-index: 100;
}

.container-fluid {
    padding-left: 25px;
    padding-right: 25px;
    max-width: 1190px;
}

.width-800mx {
    max-width: 800px!important;
}

@media (max-width: 414px) {
    .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 360px) {
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.container-fluid.no-gutters {
    padding-left: 0;
    padding-right: 0;
}

.text-container {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
}

/*
    BODY CONTENT
    --------------------------------------------
*/
.body-content {
    position: relative;
    display: block;
    padding-top: var(--main-nav-height);
}

.maori .body-content {
    padding-top: 139px;
}

/* If banner showing */
.show-banner .body-content {
    padding-top: 95px;
}

.white-grey:before {
    top: 0;
    height: 101%;
    /*transform: skewY(-8deg);*/
    background: #fff;
}

.white-grey:after {
    top: 50%;
    /* z-index: 40; */
    height: 80%;
    -webkit-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    transform: skewY(-8deg);
    background: #f6f9fc;
    background: -webkit-linear-gradient(82deg, #f6f9fc 30%, #fff 200%);
    background: -o-linear-gradient(82deg, #f6f9fc 30%, #fff 200%);
    background: linear-gradient(8deg, #f6f9fc 30%, #fff 200%);
}

.white-grey--business-loans-application:before {
    top: -30px;
    height: 48%;
    background: #f6f9fc !important;
}

.white-grey--business-loans-application:after {
    height: 50%;
    top: 21%;
    z-index: 40;
    -webkit-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    transform: skewY(-8deg);
    background: #f6f9fc;
    background: -webkit-linear-gradient(82deg, #f6f9fc 30%, #fff 200%);
    background: -o-linear-gradient(82deg, #f6f9fc 30%, #fff 200%);
    background: linear-gradient(8deg, #f6f9fc 30%, #fff 200%);
}

.white-grey__questions::before {
    top: 0;
    height: 101%;
    background: #fff;
}

.white-grey__questions::after {
    top: 0%;
    z-index: 40;
    height: 105%;
    -webkit-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    transform: skewY(-8deg);
    background: #f6f9fc;
    background: -webkit-linear-gradient(82deg, #f6f9fc 30%, #fff 200%);
    background: -o-linear-gradient(82deg, #f6f9fc 30%, #fff 200%);
    background: linear-gradient(8deg, #f6f9fc 30%, #fff 200%);
}

.white-grey__discover::before {
    top: 0;
    height: 101%;
    background: #fff;
}

.white-grey__discover::after {
    top: 0;
    z-index: 40;
    height: 56%;
    -webkit-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    transform: skewY(-8deg);
    background: #f6f9fc;
    background: -webkit-linear-gradient(262deg, #f6f9fc 30%, #fff 200%);
    background: -o-linear-gradient(262deg, #f6f9fc 30%, #fff 200%);
    background: linear-gradient(188deg, #f6f9fc 30%, #fff 200%);
}

.grey-white:before {
    top: 0;
    height: 101%;
    /*transform: skewY(-8deg);*/
    background: #f6f9fc;
}

.grey-white:after {
    top: 50%;
    z-index: 40;
    height: 80%;
    -webkit-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    transform: skewY(-8deg);
    background: #fff;
}

.paragraph--small {
    font-size: 13px;
}

.paragraph--medium {
    font-size: 15px;
}

/* why heartland */

.home-why-heartland__container {
    padding-top: 30px;
    padding-bottom: 30px;
    z-index: 99;
    font-size: 1.9rem;
    background-color: rgba(0, 0, 0, 0);
}

.home-why-heartland__container .why-heartland__line {
    background-color: #0076da;
}

#home-why-heartland {
    overflow-x: hidden;
    padding-bottom: 50px;
}

#home-why-heartland::before {
    content: '';
    z-index: 50;
    height: 400px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #f6f9fc;
    background: -webkit-linear-gradient(82deg, #f6f9fc 30%, #fff 200%);
    background: -o-linear-gradient(82deg, #f6f9fc 30%, #fff 200%);
    background: linear-gradient(8deg, #f6f9fc 30%, #fff 200%);
    border-radius: 50%;
    width: 200%;
    top: -30px;
    left: 50%;
}

@media (max-width: 991px) {
    #home-why-heartland::before {
        top: -50px;
        height: 700px;
    }
}

@media (max-width: 575px) {
    #home-why-heartland::before {
        top: -70px;
    }
}

@media (max-width: 425px) {
    #home-why-heartland::before {
        top: -85px;
        height: 780px;
    }
}

.home-customers__container {
    margin-top: 40px;
    z-index: 100;
}

.how-it-works__container {
    margin-top: 140px;
    z-index: 180 !important;
}

.body--open-for-business-t2 .how-it-works__container {
    margin-top: 30px;
    margin-bottom: 30px;
}

@media (max-width: 575px) {
    .how-it-works__container {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .how-it-works__container--car-loans {
        margin-top: 218px;
    }
}

.how-it-works__container--car-loans {
    margin-top: 140px;
    z-index: 180 !important;
}

.car-loans-offers__container {
    z-index: 179 !important;
}

.applynow-chatnow-section__container {
    max-width: 100%;
    margin-top: 60px;
    margin-bottom: 60px;
    z-index: 199;
}

.applynow-chatnow-section__container h3 {
    font-weight: 500;
}

.small-business-discover-loans__container {
    margin-top: 40px;
    margin-bottom: 40px;
    z-index: 55;
}

.what-we-offer__container {
    margin-top: 100px;
    margin-bottom: 60px;
    z-index: 100 !important;
}

/* As featured in */
.as-featured-in__section {
    padding-top: 55px;
    padding-bottom: 100px;
}

.as-featured-in__container ul {
    padding: 0;
    list-style-type: none;
}

.as-featured-in__container ul > li {
    padding: 15px 15px;
}

.as-featured-in__container img {
    height: 100%;
}

.as-featured-in__container img.logo-nbr {
    height: 36px;
    opacity: 0.7;
}

.as-featured-in__container img.logo-reseller {
    height: 31px;
    margin-top: -6px;
    opacity: 0.7;
}

.as-featured-in__container img.logo-stuff {
    height: 40px;
    opacity: 0.7;
}

.as-featured-in__container img.logo-nzherald {
    height: 39px;
}

.as-featured-in__container img.logo-scoop {
    height: 27px;
}

.as-featured-in__container img.logo-cio {
    height: 31px;
}

.as-featured-in__container img.logo-interest {
    height: 35px;
}

.as-featured-in__container img.logo-newroom {
    height: 31px;
    margin-top: -6px;
}

/* TO DO - move below to modules.css */

.livestock-finance-subpage-header__heading {
    padding-top: 58px;
    font-size: 2.2rem;
    font-weight: 600;
}

@media (max-width: 575px) {
    .livestock-finance-subpage-header__heading {
        padding-top: 40px;
    }
}

.livestock-finance-subpage-hero-logo {
    padding: 20px 0 30px 0;
}

.livestock-finance-subpage__go-back {
    padding-top: 25px;
}

/* END livestock containers */

/* START hideable menu */

.about-us-header__container {
    background-color: #f6f9fc;
    margin-top: 0;
    top: -170px;
    z-index: 110;
    -webkit-transition: top 500ms ease-out;
    -o-transition: top 500ms ease-out;
    transition: top 500ms ease-out;
}

.show-menu .about-us-header__container {
    top: -74px;
    -webkit-transition: top 250ms ease-out;
    -o-transition: top 250ms ease-out;
    transition: top 250ms ease-out;
}

.about-us-header__container--about-us {
    top: -225px;
}

@media (min-width: 992px) {
    .show-menu .about-us-header__container.about-us-header__container--about-us {
        top: -119px;
    }
}

.about-us-header__container--sponsorship,
.about-us-header__container--legal-documents {
    top: -198px;
}

.show-menu .about-us-header__container--sponsorship,
.show-menu .about-us-header__container--legal-documents {
    top: -101px;
}

@media (max-width: 991px) {
    .show-menu .about-us-header__container {
        top: -86px;
    }

    .show-menu .about-us-header__container--about-us {
        top: -130px;
    }

    .show-menu .about-us-header__container--sponsorship,
    .show-menu .about-us-header__container--legal-documents {
        top: -113px;
    }
}

.hide-menu-on-scroll .hideable-menu {
    -webkit-transition: margin-top 500ms ease-out;
    -o-transition: margin-top 500ms ease-out;
    transition: margin-top 500ms ease-out;
    margin-top: -79px;
}

.maori.scrolled-down.hide-menu-on-scroll .hideable-menu {
    margin-top: -76px;
}

.hide-menu-on-scroll .hideable-menu .product-nav {
    /*border-color: #0a2642;*/
    -webkit-transition: border-color 500ms ease-out;
    -o-transition: border-color 500ms ease-out;
    transition: border-color 500ms ease-out;
}

.show-menu .hideable-menu .product-nav {
    /*border-color: #284453;*/
    -webkit-transition: border-color 250ms ease-out;
    -o-transition: border-color 250ms ease-out;
    transition: border-color 250ms ease-out;
}

/*@media (max-width: 991px) {
    .hide-menu-on-scroll .hideable-menu {
        margin-top: -33px;
    }
}*/

.show-menu .hideable-menu {
    margin-top: 0;
    -webkit-transition: margin-top 250ms ease-out;
    -o-transition: margin-top 250ms ease-out;
    transition: margin-top 250ms ease-out;
    border-bottom: 1px solid rgba(114, 139, 165, 0.21);
}

.maori.show-menu .hideable-menu {
    /* margin-top: 61px !important; */
    -webkit-transition: margin-top 250ms ease-out;
    -o-transition: margin-top 250ms ease-out;
    transition: margin-top 250ms ease-out;
}

.mobile-app-get-started__container {
    z-index: 180 !important;
    padding-top: 70px;
    margin-bottom: 70px;
}

.mobile-app-list__container {
    z-index: 180 !important;
    min-height: 1px;
}

.feature-product__container {
    margin-top: 60px;
    margin-bottom: 40px;
    z-index: 180 !important;
    min-height: 1px;
}

.product__container {
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .product__container {
        margin-top: 50px;
    }
}

@media (max-width: 575px) {
    section {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #term-deposit-ways-to-invest {
        margin-top: 30px;
    }
}

.anchor {
    display: block;
    position: relative;
    top: -170px;
    visibility: hidden;
}

.anchor--card {
    top: -240px;
}

.anchor--products {
    top: -150px;
}

.anchor--livestock-application {
    top: -150px;
}

.anchor--how-am-I-protected {
    top: -190px;
}

.anchor--mobile-app-list {
    height: 100px;
    margin-top: -100px;
}

@media (max-width: 767px) {
    .anchor--how-am-I-protected {
        top: -130px;
    }
}

@media (max-width: 575px) {
    .anchor {
        top: -100px;
    }

    .anchor--products {
        top: -140px;
    }

    .anchor--card {
        top: -120px;
    }
}

/*@media(min-width: 768px) and (max-width: 991px) {
    .about-us-page .body-content {
        padding-top: 155px;
    }
}*/

.content-body {
    width: 100% !important;
}

/*.text-content {
    margin-top: 70px;
    margin-bottom: 70px;
}

@media (max-width:576px) {
    .text-content {
        margin-top: 20px;
        margin-bottom: 50px;
    }
}*/

.dl-horizontal dt {
    white-space: normal;
}

/* .nav li {
    padding: 10px;
    padding-top: 20px;
} */

.btn {
    cursor: pointer;
}

.btn:not(.no-rounded-corners) {
    border-radius: 50px;
}

.nav-item-main {
    text-align: center;
    cursor: pointer;
    -webkit-transition: 0.15s all ease-out;
    -o-transition: 0.15s all ease-out;
    transition: 0.15s all ease-out;
    opacity: 0.95;
    flex-grow: 1;
}

.nav-item-main__area-icon {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.nav-item-main__area-icon.nav-item-main__area-icon--car-loans {
    width: 70px;
    min-width: 70px;
}

@media (max-width: 991px) {
    .nav-item-main img {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    .maori .nav-item-main img {
        transform: scale(0.8);
        margin-top: 0px;
    }
}

.nav-item-main > a {
    font-weight: 500;
    color: hsla(217, 16%, 31%, 1) !important;
    border-bottom: 5px solid transparent;
    margin-bottom: -1px;
    -webkit-transition: border-bottom 0.2s ease;
    -o-transition: border-bottom 0.2s ease;
    transition: border-bottom 0.2s ease;
}

.maori .nav-item-main > a {
    font-size: 13px;
    padding-bottom: 20px;
}

@media (max-width: 991px) {
    .maori .nav-item-main > a {
        font-size: 14.3px;
    }
}

@media (max-width: 915px) {
    .maori .nav-item-main > a {
        font-size: 13px;
    }

    .maori .nav-item-main img {
        transform: scale(0.75);
    }
}

.nav-item-main > a:focus,
.nav-item-main > a:hover {
    opacity: 1;
    border-bottom: 5px solid #00c9c1;
}

.nav-item-main-savings--active > a,
.nav-item-main-savings--active.show > a,
.nav-item-main-seniors--active > a,
.nav-item-main-seniors--active.show > a,
.nav-item-main-business--active > a,
.nav-item-main-business--active.show > a,
.nav-item-main-cars--active > a,
.nav-item-main-cars--active.show > a,
.nav-item-main-rural--active > a,
.nav-item-main-rural--active.show > a {
    border-bottom: 5px solid #00c9c1;
}

.navbar-main {
    padding-top: 28px;
    position: relative;
}

.login-link {
    padding-right: 0 !important;
}

@media (max-width: 870px) {
    .navbar-main {
        display: none !important;
    }
}

.main-nav-link {
    padding-left: 0 !important;
    padding-bottom: 19px;
    padding-right: 0 !important;
    padding-top: 0;
}

.nav-item-heading {
    text-transform: uppercase;
    padding-left: 5px;
    text-align: left;
    font-size: 1.9rem;
    font-weight: 600;
    margin-bottom: 15px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.sub-nav {
    list-style: none;
    font-size: 1.7em;
    padding: 0;
}

/* .nav-subitem {
    font-weight: 500;
} */

.nav-subitem a:hover,
.nav-item-heading a:hover {
    color: #00c9c1;
}

.header-new-badge {
    color: #fff;
    background-color: #00c9c1;
    border-radius: 5px;
    position: absolute;
    padding: 0px 6px;
    font-weight: 500;
    display: inline-block;
    -webkit-animation: pulse-menu 2s both infinite ease;
    animation: pulse-menu 2s both infinite ease;
    transform-origin: center;
    text-transform: uppercase;
    font-size: 2rem;
}

footer .header-new-badge {
    bottom: -1px;
    zoom: 0.95;
    /*left: 75px;*/
    font-size: 1.7rem;
    padding: 0 7px;
}

.dropdown-menu .header-new-badge {
    bottom: 2px;
}

.slider-menu .header-new-badge {
    bottom: 16px;
}

@-webkit-keyframes pulse-menu {
    0%,
    100% {
        -webkit-transform: scale(0.55);
    }

    50% {
        -webkit-transform: scale(0.65);
    }
}

@keyframes pulse-menu {
    0%,
    100% {
        transform: scale(0.55);
    }

    50% {
        transform: scale(0.65);
    }
}

/*
    DROPDOWN
    --------------------------------------------
*/

.dropdown-menu {
    background-color: #fff;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 3.4rem 4rem 3.5rem 4rem;
    border-radius: 1px;
    border: 0;
    display: block;
    opacity: 0;
    visibility: hidden;
    border-top: 10px solid;
    margin-top: 1px;
    min-height: 250px;
    cursor: initial;
    -webkit-transform: scale(0.75, 0.5625);
    -ms-transform: scale(0.75, 0.5625);
    transform: scale(0.75, 0.5625);
    -webkit-box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15),
        0 5px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15),
        0 5px 15px rgba(0, 0, 0, 0.1);
}

.dropdown-menu.show {
    border-top-color: transparent;
    visibility: visible;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: opacity 267ms cubic-bezier(0.4, 0, 0.2, 1),
        -webkit-transform 178ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 267ms cubic-bezier(0.4, 0, 0.2, 1),
        -webkit-transform 178ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: opacity 267ms cubic-bezier(0.4, 0, 0.2, 1),
        transform 178ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 267ms cubic-bezier(0.4, 0, 0.2, 1),
        transform 178ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 267ms cubic-bezier(0.4, 0, 0.2, 1),
        transform 178ms cubic-bezier(0.4, 0, 0.2, 1),
        -webkit-transform 178ms cubic-bezier(0.4, 0, 0.2, 1);
    border-color: transparent;
}

@media (max-width: 991px) {
    .show-menu .dropdown-menu.show {
        border-top-color: #fff;
    }
}

.nav-item-savings > .dropdown-menu {
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
}

.nav-item-homeloans > .dropdown-menu {
    -webkit-transform-origin: 20% 0 0;
    -ms-transform-origin: 20% 0 0;
    transform-origin: 20% 0 0;
    border: none;
}

.nav-item-reverse-mortgages > .dropdown-menu {
    -webkit-transform-origin: 40% 0 0;
    -ms-transform-origin: 40% 0 0;
    transform-origin: 40% 0 0;
}

.nav-item-business > .dropdown-menu {
    -webkit-transform-origin: 60% 0 0;
    -ms-transform-origin: 60% 0 0;
    transform-origin: 60% 0 0;
}

.nav-item-cars > .dropdown-menu {
    -webkit-transform-origin: 80% 0 0;
    -ms-transform-origin: 80% 0 0;
    transform-origin: 80% 0 0;
}

.nav-item-rural > .dropdown-menu {
    -webkit-transform-origin: 100% 0 0;
    -ms-transform-origin: 100% 0 0;
    transform-origin: 100% 0 0;
}

@media (min-width: 992px) {
    /* Grey Background */
    .nav-item-savings > .dropdown-menu {
        /* background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(50%, #fff),
            color-stop(50%, #f6f9fc)
        );
        background: -webkit-linear-gradient(left, #fff 50%, #f6f9fc 50%);
        background: -o-linear-gradient(left, #fff 50%, #f6f9fc 50%); */
        background: linear-gradient(to right, #fff 60%, #f6f9fc 60%);
    }

    .nav-item-reverse-mortgages > .dropdown-menu {
        background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(57%, #fff),
            color-stop(57%, #f6f9fc)
        );
        background: -webkit-linear-gradient(left, #fff 57%, #f6f9fc 57%);
        background: -o-linear-gradient(left, #fff 57%, #f6f9fc 57%);
        background: linear-gradient(to right, #fff 57%, #f6f9fc 57%);
    }

    .nav-item-business > .dropdown-menu {
        background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(54%, #fff),
            color-stop(54%, #f6f9fc)
        );
        background: -webkit-linear-gradient(left, #fff 54%, #f6f9fc 54%);
        background: -o-linear-gradient(left, #fff 54%, #f6f9fc 54%);
        background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(60%, #fff),
            color-stop(60%, #f6f9fc)
        );
        background: -webkit-linear-gradient(left, #fff 60%, #f6f9fc 60%);
        background: -o-linear-gradient(left, #fff 60%, #f6f9fc 60%);
        background: linear-gradient(to right, #fff 60%, #f6f9fc 60%);
    }

    .nav-item-personal > .dropdown-menu {
        background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(46%, #fff),
            color-stop(46%, #f6f9fc)
        );
        background: -webkit-linear-gradient(left, #fff 46%, #f6f9fc 46%);
        background: -o-linear-gradient(left, #fff 46%, #f6f9fc 46%);
        background: linear-gradient(to right, #fff 46%, #f6f9fc 46%);
    }

    .nav-item-cars > .dropdown-menu,
    .nav-item-rural > .dropdown-menu,
    .nav-item-homeloans > .dropdown-menu {
        background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(59%, #fff),
            color-stop(59%, #f6f9fc)
        );
        background: -webkit-linear-gradient(left, #fff 59%, #f6f9fc 59%);
        background: -o-linear-gradient(left, #fff 59%, #f6f9fc 59%);
        background: linear-gradient(to right, #fff 59%, #f6f9fc 59%);
    }
}

/*
    MAORI DROPDOWN
    --------------------------------------------
*/
.maori a#savings-dropdown-button,
.maori a#reverse-mortgages-dropdown-button {
    padding-left: 5px;
}

@media (max-width: 991px) {
    a#savings-dropdown-button,
    a#reverse-mortgages-dropdown-button {
        padding-left: 15px;
    }

    .maori a#savings-dropdown-button,
    .maori a#reverse-mortgages-dropdown-button {
        padding-left: 5px;
    }
}

/* .mobile-app-header {
    font-family: var(--muli);
} */
/* THIS "MOBILE APP AVAILABLE" SEEMS NOT BEING USE ANYMORE */
/*
.mobile-app-available__container {
    padding: 65px 105px 15px;
}

@media (max-width: 991px) {
    .mobile-app-available__container {
        padding: 65px 40px 10px;
    }
}

@media (max-width: 575px) {
    .mobile-app-available__container {
        padding: 65px 30px 10px;
    }
}

@media (max-width: 320px) {
    .mobile-app-available__container {
        padding: 65px 20px 10px;
    }
} */

.image__app-promo-bank-login {
    margin-bottom: -90px;
    max-width: 288px;
    /*-webkit-filter: drop-shadow(-30px 30px 0 rgba(0,0,0,0.1));
     filter: drop-shadow(-16px 19px 0 rgba(0,0,0,0.1));*/
}

/* .mobile-app-available__container h2 {
    font-size: 3.7rem;
    letter-spacing: 0.7px;
    margin-top: 0;
} */

/* Open for Growth */

.body--open-for-growth .page-header__logo-container {
    width: 501px;
}

.body--open-for-growth .product-nav,
.body--open-for-growth .product-nav-dropdown,
.body--open-for-growth .home-link,
.body--open-for-growth .about-us-link,
.body--open-for-growth .shareholders-link,
.body--open-for-growth .contact-link,
.body--open-for-growth .maori-link,
.body--open-for-growth .btn-heartland.js-go-to-apply,
.body--open-for-growth .hamburger-container,
.body--open-for-growth .customers-quote__line {
    display: none;
}

.body--open-for-growth .sticky-login-apply {
    display: none !important;
}

.body--open-for-growth .btn-login-apply,
.body--open-for-growth .btn-heartland {
    border: 1px solid #83d100;
    background-color: #83d100;
}

.body--open-for-growth .btn-heartland:hover {
    background-color: #7dc700 !important;
    color: white !important;
}

/*
    BACKGROUND BLOCK
    --------------------------------------------
    REUSE THIS TO SET SECTION BACKGROUND COLOR
*/

.bg-teal {
    background-color: #f0fcfc;
}

/*
    MEDIA QUERY
    --------------------------------------------
*/

/* PLEASE GROUP MEDIA QUERIES TOGETHER */
@media (max-width: 575px) {
    .image__app-promo-bank-login {
        max-width: 230px;
    }
}

@media (max-width: 991px) {
    .image__app-promo-bank-login {
        margin-top: 39px;
        max-width: 280px;
    }
}

/*
    PLEASE PUT MEDIA QUERIES TOGETHER (GO TO THE BOTTOM OF THIS)
    DON'T CREATE INDIVIDUAL QUERIES FOR INDIVIDUAL MODULES / COMPONENT
    --------------------------------------------
*/

.support-services {
    list-style: none;
    padding: 0;
    max-width: 400px;
}

.support-services__item {
    display: flex;
    justify-content: space-between;
}

.support-services__link {
    text-align: right;
}

/*
    NEW STORE LINK COMP
    --------------------------------------------
*/
.store-link {
    display: flex;
    flex-direction: column;
    max-width: 352px;
    margin-bottom: 15px;
}

.store-link__item {
    flex-shrink: 0;
    background-color: #fff;
    display: flex;
    padding: 8px 15px;
    border-radius: 7px;
    max-width: 174px;
    align-items: center;
}

    .store-link__item:first-child {
        margin-bottom: 9px;
    }

.store-link__img {
    width: 20%;
    flex-shrink: 0;
    margin-right: 10px;
}

.store-link__copy-para {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.store-link__copy-one,
.store-link__copy-two {
    line-height: 1;
}

.store-link__copy-one {
    font-size: 1.2rem;
}

.store-link__copy-two {
    font-weight: 600;
}

@media (min-width: 402px) {
    .store-link {
        flex-direction: row;
        justify-content: space-between;
    }

    .store-link__item:first-child {
        margin-bottom: 0;
        margin-right: 15px;
    }
}

@media (min-width: 768px) {
    .store-link__img {
        width: 23%;
    }
}

.product-nav-dropdown__container {
    color: hsla(217, 16%, 32%, 1);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(0, -12px, 0);
    transform: translate3d(0, -12px, 0);
    -webkit-transition: visibility 300ms ease-out, opacity 300ms ease-out, -webkit-transform 300ms ease-out;
    transition: visibility 300ms ease-out, opacity 300ms ease-out, -webkit-transform 300ms ease-out;
    -o-transition: transform 300ms ease-out, visibility 300ms ease-out, opacity 300ms ease-out;
    transition: transform 300ms ease-out, visibility 300ms ease-out, opacity 300ms ease-out;
    transition: transform 300ms ease-out, visibility 300ms ease-out, opacity 300ms ease-out, -webkit-transform 300ms ease-out;
}

.scrolled-down .product-nav-dropdown__container {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: visibility 500ms ease-in, opacity 500ms ease-in, -webkit-transform 300ms ease-out;
    transition: visibility 500ms ease-in, opacity 500ms ease-in, -webkit-transform 300ms ease-out;
    -o-transition: transform 300ms ease-out, visibility 500ms ease-in, opacity 500ms ease-in;
    transition: transform 300ms ease-out, visibility 500ms ease-in, opacity 500ms ease-in;
    transition: transform 300ms ease-out, visibility 500ms ease-in, opacity 500ms ease-in, -webkit-transform 300ms ease-out;
}

.product-nav-dropdown {
    cursor: pointer;
    position: relative;
    padding-right: 29px;
}

.up-down-chevron {
    right: 6px;
    -webkit-transform: translate3d(0, 4px, 0);
    transform: translate3d(0, 4px, 0);
    top: 49%;
    width: 12px;
}

    .up-down-chevron,
    .up-down-chevron:after,
    .up-down-chevron:before {
        -webkit-transition: -webkit-transform 410ms ease-out, -webkit-transform-origin 410ms ease-out;
        transition: -webkit-transform 410ms ease-out, -webkit-transform-origin 410ms ease-out;
        -o-transition: transform 410ms ease-out, transform-origin 410ms ease-out;
        transition: transform 410ms ease-out, transform-origin 410ms ease-out;
        transition: transform 410ms ease-out, transform-origin 410ms ease-out, -webkit-transform 410ms ease-out, -webkit-transform-origin 410ms ease-out, -ms-transform-origin 410ms ease-out;
        position: absolute;
    }

        .up-down-chevron:after,
        .up-down-chevron:before {
            background: currentColor;
            content: ' ';
            display: block;
            height: 1px;
            pointer-events: none;
            top: 50%;
            width: 12px;
            z-index: 1;
        }

        .up-down-chevron:before {
            right: 50%;
            -webkit-transform: rotate(40deg) scaleY(2.25);
            -ms-transform: rotate(40deg) scaleY(2.25);
            transform: rotate(40deg) scaleY(2.25);
            -webkit-transform-origin: 100% 100%;
            -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
        }

.show-menu.scrolled-down .up-down-chevron {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
    -webkit-transition: -webkit-transform 300ms ease-out;
    transition: -webkit-transform 300ms ease-out;
    -o-transition: transform 300ms ease-out;
    transition: transform 300ms ease-out;
    transition: transform 300ms ease-out, -webkit-transform 300ms ease-out;
}

.show-menu .up-down-chevron:before {
    -webkit-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}

.up-down-chevron:after {
    left: 50%;
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.show-menu.scrolled-down .up-down-chevron:before,
.up-down-chevron:after {
    -webkit-transform: rotate(-40deg) scaleY(2.25);
    -ms-transform: rotate(-40deg) scaleY(2.25);
    transform: rotate(-40deg) scaleY(2.25);
}

.show-menu.scrolled-down .up-down-chevron:before,
.show-menu.scrolled-down .up-down-chevron:after {
    -webkit-transition: -webkit-transform 300ms ease-out, -webkit-transform-origin 300ms ease-out;
    transition: -webkit-transform 300ms ease-out, -webkit-transform-origin 300ms ease-out;
    -o-transition: transform 300ms ease-out, transform-origin 300ms ease-out;
    transition: transform 300ms ease-out, transform-origin 300ms ease-out;
    transition: transform 300ms ease-out, transform-origin 300ms ease-out, -webkit-transform 300ms ease-out, -webkit-transform-origin 300ms ease-out, -ms-transform-origin 300ms ease-out;
}

.show-menu.scrolled-down .up-down-chevron:after {
    -webkit-transform: rotate(40deg) scaleY(2.25);
    -ms-transform: rotate(40deg) scaleY(2.25);
    transform: rotate(40deg) scaleY(2.25);
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

.slide-nav-right {
    -webkit-transition: -webkit-transform 250ms ease-out;
    transition: -webkit-transform 250ms ease-out;
    -o-transition: transform 250ms ease-out;
    transition: transform 250ms ease-out;
    transition: transform 250ms ease-out, -webkit-transform 250ms ease-out;
    -webkit-transform: translateX(92px);
    -ms-transform: translateX(92px);
    transform: translateX(92px);
}

.menu-collapsed-by-default .slide-nav-right {
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.slide-nav-right.show-apply {
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.nav-item.call-link-seniors {
    display: none;
}

.navbar-nav__business-phone-number-container {
    margin-right: 28px;
}

@media (max-width: 665px) {
    .navbar-nav__business-phone-number-container {
        margin-right: 16px;
    }
}

@media (max-width: 1092px) {
    .page-header__container--maori .home-link {
        display: none;
    }
}

@media (max-width: 1027px) {
    .page-header__container--maori .shareholders-link {
        display: none;
    }
}

@media (max-width: 940px) {
    .home-link {
        display: none;
    }
}

@media (max-width: 800px) {
    .page-header__container--maori .shareholders-link {
        display: none;
    }
}

@media (max-width: 600px) {
    .page-header__container--maori .contact-link {
        display: none;
    }
}

.animate:after {
    display: inline-block;
    -webkit-animation: movingArrow 1.2s infinite linear;
    animation: movingArrow 1.2s infinite linear;
}

@-webkit-keyframes movingArrow {
    0% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px);
        opacity: 0;
    }
}

@keyframes movingArrow {
    0% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px);
        opacity: 0;
    }
}

@-webkit-keyframes pulse {
    0% {
        color: #fff;
    }

    50% {
        color: #eee;
    }

    100% {
        color: #fff;
    }
}

@keyframes pulse {
    0% {
        color: #fff;
    }

    50% {
        color: #eee;
    }

    100% {
        color: #fff;
    }
}

.product-nav-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fbfffd;
    z-index: 9000;
    position: relative;
    margin-top: 60px;
}

/*.product-nav {
    border-bottom: 1px solid rgba(114, 139, 165, 0.21);
}*/

.page-header__image {
    z-index: 40;
}

    .page-header__image img {
        width: 100%;
    }

.page-header__image--home {
    margin-left: -5%;
    width: 730px;
    margin-top: 45px;
}

.page-header__image--business {
    margin-left: -5%;
    width: 620px;
    margin-top: 105px;
}

.page-header__image--rural {
    margin-left: -5%;
    width: 630px;
    margin-top: 115px;
}

.page-header__content {
    padding-top: 40px;
    font-size: 1.9rem;
    padding-bottom: 2rem;
    color: #e6e6e6;
}

.bright-background-font-color .page-header__content,
.grey-background-font-color .page-header__content {
    color: #0a2642;
}

.body--open-for-business-t2 .page-header__content,
.body--open-for-business-t3 .page-header__content {
    color: #284453;
}

.title-hightlight--business {
    color: #26b0ff;
}

.page-header__content.page-header__content--mobile-app {
    padding-bottom: 40px;
}

.page-header__content--mobile-app p {
    max-width: 430px;
    /* margin-top: 20px; */
}

.page-header__content.page-header__content--car-loans {
    color: #284453;
}

@media (max-width: 992px) {
    .page-header__content {
        padding-top: 30px;
    }

        .page-header__content.page-header__content--mobile-app {
            padding-bottom: 60px;
        }
}

@media (max-width: 767px) {
    .page-header__content {
        padding-top: 20px;
    }
}

@media (max-width: 575px) {
    .page-header__content {
        padding-top: 20px;
        padding-bottom: 40px;
    }

        .page-header__content.page-header__content--car-loans {
            padding-top: 20px;
            padding-bottom: 0;
        }
}

@media (min-width: 992px) {
    .page-header__content--home {
        max-width: 522px;
    }

    .page-header__content--deposit {
        max-width: 410px;
        padding-bottom: 20px;
    }

    .page-header__content--business {
        max-width: 430px;
        padding-bottom: 20px;
    }

    .business-loans-hero__container--revolving-credit
    .page-header__content--business {
        max-width: 460px;
    }

    .page-header__content--rural {
        max-width: 510px;
    }
}

.page-header__content h3 {
    padding-top: 50px;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-size: 26px;
}

.page-header__content .faux-h1 {
    margin-bottom: 1rem;
}

.page-header__content h1,
.page-header__content .faux-h1 {
    padding-bottom: 30px;
    font-size: 2rem;
    font-weight: 600;
    opacity: 0.91;
}

.docusign-hero__container h1 {
    font-size: 4.5rem;
    line-height: 5rem;
}

@media (min-width: 1024px) {
    .docusign-hero__container h1 {
        font-size: 5rem;
        line-height: 6.5rem;
    }
}

.page-header__content h2 {
    font-weight: 700;
    font-size: 4rem;
    padding-bottom: 1.4rem;
    line-height: 1.3;
}

.body--open-for-business-t2 .page-header__content h2,
.body--open-for-business-t3 .page-header__content h2 {
    color: #0e3a53;
}

@media (max-width: 767px) {
    .page-header__content h2 {
        font-size: 3.8rem;
        letter-spacing: 0;
    }
}

@media (max-width: 575px) {
    .page-header__content h1,
    .page-header__content .faux-h1 {
        padding-bottom: 15px;
        font-size: 1.8rem;
        font-weight: 400;
    }

    .page-header__content h2 {
        font-size: 2.8rem;
        line-height: 1.2;
    }

    .page-header__content {
        font-size: 1.65rem;
        padding-bottom: 2rem;
        letter-spacing: -0.011rem;
    }

        .page-header__content h4 {
            font-size: 1.65rem;
        }
}

.page-header__cityscene-frame {
    margin-left: -22%;
    width: 780px;
    margin-top: 71px;
    -webkit-filter: drop-shadow(10px 10px 50px rgba(2, 16, 23, 0.15));
    filter: drop-shadow(10px 10px 50px rgba(2, 16, 23, 0.15));
}

.page-header__content--new h1 {
    font-family: var(--lora);
    font-weight: 500;
    font-size: 5rem;
    line-height: 5.5rem;
    color: var(--primary-one);
}

@media (max-width: 767px) {
    .page-header__content--new h1 {
        font-size: 3.7rem;
    }
}

.page-header__content--new p {
    font-family: var(--muli);
    font-size: 1.8rem;
    line-height: 2.6rem;
    color: var(--primary-one);
}

/* #endregion Header */

/* #region Hero section mobileApp */
.page-header__mobileApp-frame--front {
    max-width: 230px;
    margin-left: 63px;
    margin-top: 7px;
    width: 100%;
    position: relative;
    z-index: 1;
    -webkit-filter: drop-shadow(11px 2.4px 7px rgba(2, 16, 23, 0.21));
    filter: drop-shadow(11px 2.4px 7px rgba(2, 16, 23, 0.21));
}

@media (max-width: 991px) {
    .page-header__mobileApp-frame--front {
        margin-left: 0px;
        max-width: 213px;
        margin-top: 24px;
    }
}

@media (max-width: 767px) {
    .page-header__mobileApp-frame--front {
        margin-left: 0px;
        margin-top: 46px;
    }
}

@media (max-width: 575px) {
    .page-header__mobileApp-frame--front {
        margin-top: 42px;
        max-width: 202px;
    }
}

@media (max-width: 425px) {
    .page-header__mobileApp-frame--front {
        max-width: 162px;
    }
}

@media (max-width: 320px) {
    .page-header__mobileApp-frame--front {
        max-width: 132px;
    }
}

.page-header__mobileApp-frame--behind {
    max-width: 208px;
    margin-left: 274px;
    margin-top: -487px;
    width: 100%;
    -webkit-filter: drop-shadow(11px 2.4px 7px rgba(2, 16, 23, 0.21));
    filter: drop-shadow(11px 2.4px 7px rgba(2, 16, 23, 0.21));
}

@media (max-width: 991px) {
    .page-header__mobileApp-frame--behind {
        margin-left: 196px;
        max-width: 191px;
        margin-top: -444px;
    }
}

@media (max-width: 767px) {
    .page-header__mobileApp-frame--behind {
        margin-left: -22px;
        margin-top: 47px;
    }
}

@media (max-width: 575px) {
    .page-header__mobileApp-frame--behind {
        margin-top: 39px;
        max-width: 179px;
    }
}

@media (max-width: 425px) {
    .page-header__mobileApp-frame--behind {
        max-width: 143px;
        margin-left: -18px;
    }
}

@media (max-width: 320px) {
    .page-header__mobileApp-frame--behind {
        max-width: 114px;
    }
}
/* #endregion Hero section mobileApp */

/* #region Menu feature areas */
.menu-business-feature__box,
.menu-rural-feature__box,
.menu-cars-feature__box {
    padding: 25px;
    text-align: center;
    /*border: 2px solid #ccc;
    border-radius: 2px;*/
    margin-top: -34px;
}

.menu-business-feature__box {
    margin-left: 45px;
}

.menu-rural-feature__box {
    margin-left: 36px;
}

.menu-cars-feature__box {
    margin-left: 36px;
}

.menu-business-feature__text,
.menu-rural-feature__text,
.menu-cars-feature__text {
    color: #666;
    font-size: 2.4rem;
    line-height: 1.3;
}

.menu-personal-testimonial {
    margin-top: -50px;
}

.menu-reverse-mortgages-feature {
    margin-top: -30px;
}

.nav-item-main img.reverse-mortgage-insights-guide-cover-image {
    -webkit-box-shadow: 0 10px 35px rgba(50, 50, 93, 0.2), 0 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 35px rgba(50, 50, 93, 0.2), 0 5px 15px rgba(0, 0, 0, 0.2);
    width: 100%;
    max-width: 160px;
}

.rates-container {
    display: block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #666;
    padding: 25px;
    margin-top: 25px;
    font-weight: 600;
    border: 2px solid #ccc;
    border-radius: 4px;
    margin-top: 25px;
    margin-right: 13.2px;
}

.rates-container__header {
    color: #666;
    font-weight: 600;
    text-align: left;
    font-size: 2.2rem;
    padding-bottom: 5px;
}

.rates-container__rates {
    font-weight: 600;
    font-size: 4.5rem;
    line-height: 1em;
    text-align: left;
}

.rates-container__percent {
    font-size: 22px;
    top: -14px;
    left: 4px;
    position: relative;
}

.rates-container__pa {
    font-size: 22px;
    position: relative;
    left: -15px;
}

.rates-container__to-label {
    font-size: 24px;
    margin-left: -1px;
}
/* #endregion Menu feature areas */

.get-in-touch__subheading {
    font-size: 2.4rem;
}

/* #region Footer style */
.page-footer-home {
    z-index: 200;
    border-top: 2px solid #eee;
    background-color: #f6f9fc;
    padding: 60px 0 30px 0;
}

@media (max-width: 575px) {
    .page-footer-home {
        padding-top: 30px;
        padding-bottom: 60px;
    }
}

.page-footer-home__bottom-section {
    margin-top: 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
}

    .page-footer-home__bottom-section a {
        color: hsla(212, 17%, 43%, 1);
        font-size: 1.4rem;
        padding: 0.3rem;
    }

.page-footer-home__logo-container {
    display: inline-block;
    /*width: 130px;*/
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.page-footer-social-media__logo--corporate {
    margin-top: 3rem;
}

@media (max-width: 991px) {
    .page-footer-home__logo-container {
        margin-right: 0;
    }
}

.page-footer-home__logo {
    top: 8px;
    width: 100%;
    max-width: 128px;
    opacity: 0.85;
    position: relative;
}

.page-footer-social-media__logo--corporate a {
    text-decoration: none;
}

.page-footer-social-media__logo--corporate .page-footer-social-media__logo {
    padding: 7px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    width: 30px;
    border-radius: 50%;
    background: hsla(212, 17%, 43%, 1);
    color: white;
}

.page-footer-social-media__logo--youchoose {
    display: none;
}

.page-footer-home__nav {
    width: 100%;
}

@media (max-width: 575px) {
    .page-footer-home__nav {
        margin-top: 30px;
        text-align: center;
    }
}

@media (max-width: 991px) {
    .page-footer-home__right {
        margin-left: 0 !important;
    }
}

.page-footer-home__nav h3 {
    text-transform: uppercase;
    margin-bottom: 1rem;
    font-size: 1.6rem;
    font-weight: 600;
}

.page-footer-home__nav ul {
    list-style: none;
    margin-bottom: 30px;
    padding-left: 0;
}

.page-footer-home__nav li {
    font-size: 1.5rem;
    line-height: 1.8;
}

.page-footer-home__nav a {
    color: hsla(212, 17%, 43%, 1);
}

/*.page-footer__bottom-section {
    max-height: 50px;
    width: 80%;
    margin: 30px auto 20px auto;
}

    .page-footer__bottom-section a {
        color: hsla(212, 17%, 43%, 1);
    }*/

.page-footer__logo {
    margin-top: 100px;
    margin-left: 150px;
}

.page-footer__nav {
    margin-top: 20px;
    text-align: left;
}

    .page-footer__nav h2 {
        margin-bottom: 20px;
        color: #fff;
        font-size: 1.1em;
        text-transform: uppercase;
    }

    .page-footer__nav ul {
        list-style: none;
        margin-bottom: 40px;
    }

    .page-footer__nav li {
        margin-left: -38px;
        margin-top: 5px;
        color: #fff;
    }

    .page-footer__nav a {
        color: #fff;
    }

/* #endregion Footer style */

/*
    BUTTON (USE .BUTTON NOW ONWARDS)
    --------------------------------------------
*/
/* NEW BUTTON COMPONENT */
.button {
    padding: 0.9rem 1.5rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.9rem;
    user-select: none;
}

.button--rounded {
    border-radius: 25px;
}

/* DITCH OLD BTN LATER */

.button--teal {
    background-color: #00c9c1;
    color: #fff;
    font-weight: 600;
    border: transparent 1px solid;
    letter-spacing: 0.5px;
}

    .button--teal:hover {
        border: 1px solid #00c9c1;
        color: #00c9c1;
        background-color: #fff;
        box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
    }

/* OUTLINE */
.button--teal-outline {
    border: 1px solid;
    border-color: #00c9c1;
    color: #00c9c1;
}

    .button--teal-outline:hover {
        color: #00c9c1;
        background-color: #fff;
        box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
    }

/* OLD BTN DO NOT TOUCH OR USE */
.btn {
    cursor: pointer;
}

    .btn:not(.no-rounded-corners) {
        border-radius: 50px;
    }

.btn-heartland {
    position: relative;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: 0.04rem;
    background-color: #0200b9;
    margin-bottom: 10px;
    margin-top: 10px;
    -webkit-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
    padding: 0 17px;
    border: 0;
    height: 38px;
    line-height: 38px;
}

    .btn-heartland:hover {
        color: #fff;
    }

    .btn-heartland:active {
        outline: none;
    }

.btn-heartland-hero,
.btn-heartland-hero:hover,
.btn-heartland-hero:active {
    background: #9cd6ef;
    color: #1e425f;
}

@media (max-width: 475px) {
    .btn-heartland-hero {
        transform: scale(0.9);
        padding: 0 15px;
    }
}

@media (max-width: 347px) {
    .btn-heartland-hero {
        transform: scale(0.8);
        padding: 0 10px;
    }
}

.btn-heartland-home--contact,
.btn-heartland-home--contact:hover,
.btn-heartland-home--contact:active {
    background: #0052ff;
}

.btn-outline {
    color: #fff;
    font-weight: 600;
    /*text-transform: uppercase;*/
    letter-spacing: 0.04rem;
    background-color: transparent;
    border-color: #ddd;
    border-width: 1px;
    /*-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);*/
    -webkit-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
    padding: 0 17px;
    height: 38px;
    line-height: 36px;
}

    .btn-outline:hover {
        color: #0a2642;
        background-color: #fff;
        border-color: #fff;
    }

    .btn-outline:active {
        color: #0a2642;
        background-color: #fff;
    }

.btn-heartland-application {
    position: relative;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.04rem;
    background-color: #f6fdfc;
    border: 0;
    margin: 10px 0;
    -webkit-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
    padding: 0 17px;
    height: 38px;
    line-height: 38px;
}

    .btn-heartland-application:hover {
        background-color: #fff;
    }

    .btn-heartland-application:active {
        background-color: #fff;
        outline: none;
    }

    .btn-heartland-application:focus {
        outline: none;
    }

.btn-heartland-findoutmore {
    color: #0200b9;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.04rem;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 2px solid #0200b9;
    -webkit-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
    padding: 0 16px;
    background-color: transparent;
    height: 38px;
    line-height: 34px;
}

    .btn-heartland-findoutmore:hover {
        background-color: #0200b9;
        color: white;
    }

    .btn-heartland-findoutmore:active {
        background-color: #0200b9;
        outline: none;
    }

.btn-heartland-findoutmore--corporate-home {
    color: #00c9c1;
    border-color: #00c9c1;
}

    .btn-heartland-findoutmore--corporate-home:hover,
    .btn-heartland-findoutmore--corporate-home:active {
        background-color: #00c9c1;
        color: #fff;
        border-color: transparent;
    }

.btn-heartland-findoutmore--biometrics {
    border: 2px solid #009ddb;
    color: #009ddb;
}

    .btn-heartland-findoutmore--biometrics:hover {
        background-color: #009ddb;
        color: #fff;
    }

.btn-outline.btn-heartland-application--savings:hover {
    color: #2dacca !important;
}

.btn-heartland-findoutmore.btn-heartland--savings {
    border-color: #00c9c1;
    color: #00c9c1;
}

    .btn-heartland-findoutmore.btn-heartland--savings:hover {
        background-color: #00c9c1;
        color: #fff;
    }

.btn-heartland-findoutmore.btn-heartland--display {
    border-color: #00c9c1;
    background-color: #00c9c1;
    color: #fff;
}

    .btn-heartland-findoutmore.btn-heartland--display:hover {
        background-color: #fff;
        color: #00c9c1;
    }

.btn-heartland.btn-heartland--savings {
    background-color: #00c9c1;
    color: #fff;
}

    .btn-heartland.btn-heartland--savings.btn_blue {
        color: var(--primary-two);
        border: 1px solid var(--primary-two);
        background-color: white;
    }

        .btn-heartland.btn-heartland--savings.btn_blue:hover {
            color: white;
            background-color: var(--primary-two);
        }

.btn-heartland-findoutmore.btn-heartland--seniorFinance {
    border: 2px solid #00c891;
    color: #00c891;
}

    .btn-heartland-findoutmore.btn-heartland--seniorFinance:hover {
        background-color: #00c891;
        color: #fff;
    }

.btn-heartland-calculate {
    color: #5b8f22;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04rem;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 2px solid #5b8f22;
    -webkit-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
    padding: 0 16px;
    background-color: transparent;
    height: 38px;
    line-height: 34px;
}

    .btn-heartland-calculate:hover {
        background-color: #568a1c !important;
        color: white !important;
    }

    .btn-heartland-calculate:active {
        background-color: #441679 !important;
        outline: none !important;
    }

.btn-login-apply {
    position: relative;
    margin: 0;
    padding: 0 13px;
    margin-top: 1px;
    border: 1px solid #0a2642;
    background-color: #0a2642;
    line-height: 26px; /* to allow for 4px of border (30px - 2px - 2px = 26px) */
    height: 30px;
    color: #fff;
}

    .btn-login-apply:hover,
    .btn-login-apply:active {
        /*border-color: hsla(217, 16%, 32%, 1);
        background: hsla(217, 16%, 32%, 1);
        color: #fff;*/
        background-color: #0a2642;
        border-color: #0a2642;
    }

    .btn-login-apply.btn-outline {
        border-color: hsla(217, 16%, 32%, 1);
        border-width: 2px;
        color: hsla(217, 16%, 32%, 1);
        background-color: #fff;
    }

        .btn-login-apply.btn-outline:hover {
            background: hsla(217, 16%, 32%, 1);
            color: #fff;
        }

.btn-car-loans {
    background-color: #441679 !important;
    color: #fff !important;
}

.btn__car-lonas--apply {
    text-align: right;
}

@media (max-width: 435px) {
    .btn__car-lonas--apply {
        text-align: center;
    }
}

@media (max-width: 319px) {
    .btn-car-loans--outline,
    .btn-car-loans {
        /*padding: 0 4px !important;*/
        font-size: 1.3rem;
        font-weight: normal;
    }
}

@media (max-width: 274px) {
    .btn-car-loans--outline,
    .btn-car-loans {
        padding: 0 4px !important;
        font-size: 1.3rem;
        font-weight: normal;
    }
}

.btn-car-loans--outline,
.btn-car-loans--outline:active,
.btn-car-loans--outline:focus {
    border: 1px solid #441679;
    color: #441679;
    outline: none !important;
    text-decoration: none !important;
}

    .btn-car-loans--outline:hover {
        background-color: #441679 !important;
        color: #fff !important;
    }

.btn-car-loans:hover {
    background-color: #441679 !important;
    color: white !important;
}

.btn-car-loans:active {
    background-color: #441679 !important;
}

.btn-boostsaver-menu {
    font-size: 1.4rem;
    margin-top: 2px;
    margin-bottom: 12px;
}

.btn-outline--green {
    color: #5b8f22 !important;
    border: 2px solid #5b8f22 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .btn-outline--green:hover {
        background-color: #5b8f22 !important;
        color: white !important;
        border: 2px solid #5b8f22 !important;
    }

.btn-hero-primary:after,
.btn-arrow:after {
    font: normal 1.6rem ArrowIcons;
    color: #fff;
    content: '\279E';
    padding-left: 10px;
    padding-right: 0;
}

.btn-outline.btn-arrow:hover:after {
    color: #0e3a53;
}

.btn-hero-primary--home {
    border-radius: 20px;
}

    .btn-hero-primary--home:hover:after {
        color: #0a2642;
    }

.slider-menu__login-btn {
    visibility: hidden;
    height: 24px !important;
}

.slide-nav-right .btn-login-apply {
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 200ms ease-out, opacity 200ms ease-out;
    -o-transition: visibility 200ms ease-out, opacity 200ms ease-out;
    transition: visibility 200ms ease-out, opacity 200ms ease-out;
}

.menu-collapsed-by-default .slide-nav-right .btn-login-apply {
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.slide-nav-right.show-apply .btn-login-apply {
    opacity: 1;
    visibility: visible;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.sticky-login-apply {
    position: relative;
    margin: 0 28px 0 0;
    padding: 0 13px;
    font-size: 1.4rem;
    border: 1px solid #0a2642;
    background-color: #0a2642;
    line-height: 26px; /* to allow for 4px of border (30px - 2px - 2px = 26px) */
    height: 30px;
}

    .sticky-login-apply:hover,
    .sticky-login-apply:active {
        background-color: #0a2642;
    }

@media (max-width: 767px) {
    .sticky-login-apply {
        margin: 0 16px 0 0;
    }
}

.sticky-login-apply.btn-outline {
    border-color: hsla(217, 16%, 32%, 1);
    border-width: 2px;
    color: hsla(217, 16%, 32%, 1);
    background-color: #fff;
}

.sticky-login-apply.hide-until-scroll,
.sticky-login-apply.hide-until-scroll-far {
    -webkit-transition: visibility 333ms cubic-bezier(0.4, 0, 0.2, 1), opacity 333ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: visibility 333ms cubic-bezier(0.4, 0, 0.2, 1), opacity 333ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: visibility 333ms cubic-bezier(0.4, 0, 0.2, 1), opacity 333ms cubic-bezier(0.4, 0, 0.2, 1);
}

.sticky-login-apply.hide-until-scroll,
.sticky-login-apply.hide-until-scroll-far {
    visibility: hidden;
    opacity: 0;
}

    .sticky-login-apply.hide-until-scroll.show,
    .sticky-login-apply.hide-until-scroll-far.show {
        visibility: visible;
        opacity: 1;
    }

.mobile-findoutmore {
    border-bottom: 1px solid;
    color: #5b8f22;
    font-weight: 600;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

    .mobile-findoutmore:after {
        font: normal 16px ArrowIcons;
        color: inherit;
        content: '\279E';
        padding-left: 5px;
    }

/* #endregion Special buttons style*/

/* #region Application style */
.application {
    color: white;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.application__panel {
    color: white;
    background-color: #5b8f22;
    text-align: center;
    width: 100%;
    max-width: 821px;
    margin-left: auto;
    margin-right: auto;
    padding: 45px 30px 30px 30px;
    border-radius: 4px;
    -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 10px 15px rgba(0, 0, 0, 0.07);
    box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 10px 15px rgba(0, 0, 0, 0.07);
}

#business-loans-application:before,
#business-loans-application:after {
    content: '';
    position: absolute;
    width: 100%;
}

@media (max-height: 728px) {
    .application:not(.hero-application):not(.body-application) {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        padding-top: 0;
        padding-bottom: 0;
    }
}

.application__heading {
    margin-top: 0;
    /* margin-bottom: 40px; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.hero-application {
    position: relative;
}

/* .hero-application .application__heading {
    color: #fff;
} */

.application__text {
    font-size: 2.1rem;
    margin-bottom: 0;
}

.application__shape::before {
    content: '';
    position: absolute;
    right: -10px;
    width: 11px;
    height: 100%;
    -webkit-clip-path: polygon(0 0, 99% 3%, 100% 100%, 0 92%);
    clip-path: polygon(0 0, 99% 3%, 100% 100%, 0 92%);
    background: #daeff8;
    z-index: 180;
    top: -2px;
    -webkit-animation: slideUp 350ms 1 cubic-bezier(0.77, 0, 0.175, 1) 300ms;
    animation: slideUp 350ms 1 cubic-bezier(0.77, 0, 0.175, 1) 300ms;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

@media (max-width: 767px) {
    .application__shape::before {
        content: none;
    }
}

.application__slider-row {
    margin-left: auto;
    margin-right: auto;
}

/* #endregion Application style */

/* #region box-textInput */
/**
 * box-textInput is part of the application but must be named this for the
 * slider to work properly
 *
 */
.box-textInput {
    color: white;
    background-color: transparent;
    border-bottom: 1px solid #ddd;
    font-size: 3.8rem;
    font-weight: 600;
    width: 255px;
    padding-bottom: 1px;
    margin-bottom: 15px;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
}

.app-ofb-box1 {
    margin-bottom: 40px;
}

.app-ofb-box2 {
    margin-bottom: 20px;
}

.form-group {
    margin-bottom: 2rem;
}

/* #endregion box-textInput */

/* #region Accordion style */
.accordion .card {
    background: transparent;
    border: 0;
    border-radius: 4px;
    text-align: left;
    margin-bottom: -4px;
}

.accordion .card--last {
    border-bottom: 1px solid var(--secondary-two);
}

.accordion .card-header {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.2rem;
    background-color: #fff;
    padding: 12px 176px 12px 12px;
    cursor: pointer;
    position: relative;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
    transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, padding 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 100ms ease-out, opacity 150ms linear, border 0ms ease 207ms;
    border-left: none;
    border-right: none;
    border-top: 1px solid var(--secondary-two);
    border-bottom: 1px solid var(--secondary-two);
    border-radius: 0px !important;
    outline: none;
}

    .accordion .card-header:hover,
    .accordion .card-header:focus,
    .accordion .card-header.accordion-opened {
        color: var(--primary-two);
        background-color: var(--tertiary-three);
    }

.accordion .card-block {
    padding: 12px 50px 19px 12px;
    background: #fff;
    transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    line-height: 2rem;
    padding-left: 12px;
}

@media (max-width: 767px) {
    .accordion .card-header {
        padding-right: 36px;
    }

    .accordion .card-block {
        padding-right: 20px;
    }
}

@media (max-width: 360px) {
    .accordion .card-block {
        padding-right: 15px;
    }
}

.accordion .card-block--question {
    line-height: 1.75;
}

.accordion .card:last-of-type .accordion-opened + div > .card-block {
    margin-bottom: 0;
    border-bottom: 0;
}

.accordion .collapsing {
    transition: height 207ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.accordion .card:last-of-type .collapsed {
    border-bottom: 0;
}

.accordion .card-header:after {
    font-family: 'FontAwesome';
    font-size: 14px;
    content: '\f078';
    opacity: 0.8;
    position: absolute;
    right: 14px;
    top: calc(50% - 12px);
    transition: 207ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.accordion .collapsing .card-header:after {
    transform: rotate(-180deg);
}

.accordion .card:first-of-type .accordion-opened {
    margin-top: 0;
}

.accordion .accordion-opened {
    padding-top: 12px;
    border-bottom: 0;
}

.accordion .card-header.accordion-opened:after {
    transform: rotate(-180deg);
}

/* accordion custom color themes */
.accordion.accordion--blue .card.card--last {
    border-bottom: 1px solid #0052ff;
}

.accordion.accordion--blue .card-header {
    border-top: 1px solid #0052ff;
}

.accordion.accordion--corporate-blue .card.card--last {
    border-bottom: 1px solid #0a2642;
}

.accordion.accordion--corporate-blue .card-header {
    border-top: 1px solid #0a2642;
}

.accordion.accordion--dark-grey .card-header {
    color: #454f5f;
}

.accordion.accordion--dark-blue .card-header {
    color: hsla(199, 66%, 27%, 1);
}

/* #endregion Accordion style */

/* #region why heartland */
.why-heartland__line {
    width: 40px;
    height: 5px;
    margin-top: 30px;
}

body-content--maori {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

@media (min-width: 992px) {
    .why-heartland__figure:first-child {
        padding-left: 0;
    }

    .why-heartland__figure:last-child {
        padding-right: 0;
    }
}

@media (max-width: 991px) {
    .why-heartland__figure:first-child {
        border-right: none !important;
    }

    .why-heartland__figure:last-child {
        border-left: none !important;
    }

    .why-heartland__figure p {
        margin-right: 20px;
        margin-left: 20px;
    }
}

.why-heartland__figure {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

    .why-heartland__figure h2 {
        font-size: 4rem;
    }

.why-heartland__figure-number {
    font-size: 4.5rem;
    font-weight: 600;
}

.why-heartland__figure--big-number {
    font-size: 9rem;
    line-height: 8.5rem;
    font-weight: 600;
    letter-spacing: -0.25rem;
}

.business-loans-why-heartland__container sup.sup-left-text {
    top: -4rem;
    font-size: 3rem;
    font-weight: 600;
    right: -4px;
    display: inline-block;
}

.business-loans-why-heartland__container sub.sub-right-text {
    text-transform: uppercase;
    font-size: 1.7rem;
    font-weight: 600;
    letter-spacing: 1.4px;
    right: -3px;
    display: inline-block;
}

.why-heartland__figure--text {
    font-size: 1.9rem;
    margin-top: 26px;
}

.why-heartland__wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
}

.why-heartland__heading {
    margin-bottom: 5rem;
}

.home-contact__container h2.contact__heading,
.home-customers__container h2,
.home-why-heartland__container h2.why-heartland__heading {
    color: #0a2642;
    font-weight: 400;
}

.why-heartland__text {
    color: hsla(217, 16%, 36%, 1);
}

/* #endregion why heartland */

/* #region Business Loan */
.menu-business-testimonial-image {
    width: 200px;
}

.menu-insights {
    font-size: 2rem;
    margin-top: -30px;
}

    .menu-insights p {
        font-size: 1.9rem;
    }

.menu-insights-cover {
    margin-top: -30px;
}

#home-hero {
    z-index: 150 !important;
}

body:not(.maori) #home-hero {
    background-color: #f6f9fc;
    overflow: hidden;
}

@media (min-width: 992px) {
    body:not(.maori) #home-hero {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.gradient {
    background: #0a2642;
    min-height: 527px;
    position: absolute;
    top: -503px;
    width: 100%;
    -webkit-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    transform: skewY(-8deg);
}

.home-hero__container .gradient {
    background: #ecf4f8;
}

.maori #home-hero:before {
    content: '';
    top: 0;
    height: 100%;
    -webkit-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    transform: skewY(-8deg);
    background: #ecf4f8;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(30%, #ecf4f8), color-stop(158%, #def5ff) );
    background: -webkit-linear-gradient(top, #ecf4f8 30%, #def5ff 158%);
    background: -o-linear-gradient(top, #ecf4f8 30%, #def5ff 158%);
    background: linear-gradient(to bottom, #ecf4f8 30%, #def5ff 158%);
}

#home-feature-products {
    z-index: 110;
}

#home-products {
    z-index: 400;
    background: #fff;
    height: 180%;
}

#home-why-heartland {
    color: #0a2642;
    background: #fff;
    z-index: 200;
}

#home-customers {
    z-index: 40;
    background: #fff;
    height: 180%;
    padding-bottom: 50px;
    padding-top: 90px;
}

#home-contact {
    background: #fff;
    overflow: hidden;
}

    #home-contact:before {
        content: '';
        z-index: 50;
        height: 150%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background: #f6f9fc;
        background: -webkit-linear-gradient(82deg, #f6f9fc 30%, #fff 200%);
        background: -o-linear-gradient(82deg, #f6f9fc 30%, #fff 200%);
        background: linear-gradient(8deg, #f6f9fc 30%, #fff 200%);
        border-radius: 50%;
        left: 50%;
        width: 200%;
    }

@media (max-width: 414px) {
    #home-contact:before {
        width: 300%;
    }
}

.contact__heading {
    margin-bottom: 25px;
}

.contact__blurb {
    font-size: 2rem;
}

/* feature products */

.feature-product {
    max-width: 500px;
    margin-top: 50px;
}

.feature-product__heading {
    font-size: 3.4rem;
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 600;
    color: hsla(209, 78%, 15%, 1);
}

.feature-product__subheading {
    font-size: 2rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0;
}

.feature-product-image-1,
.feature-product-image-2 {
    width: 100%;
    max-width: 400px;
    max-height: 307px;
}

.feature-product-image-1 {
    margin-left: -28px;
}

.feature-product-image-2 {
    margin-left: -6px;
}

@media (max-width: 767px) {
    .feature-product {
        max-width: 590px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
    }

    .feature-product-image-1 {
        max-width: 290px;
        margin-top: -35px;
        padding-bottom: 40px;
    }

    .feature-product-image-2 {
        max-width: 290px;
        padding-bottom: 40px;
        margin-top: 60px;
    }

    .feature-product--livestock {
        margin-top: 60px;
    }
}

@media (max-width: 576px) {
    .feature-product-image-1 {
        margin-top: -5px;
    }
}

.divider-line {
    max-width: 1300px;
}

.divider-line--narrow {
    max-width: var(--max-content-width);
}

.divider-line--grey {
    background: rgb(193, 193, 193);
}

.divider-line--green {
    background: #00c891;
}

.divider-line--blue {
    background: #009ddb;
}

.divider-line--light-blue {
    background: #0052ff;
}

.divided-line__senior--meet-the-crew {
    width: 100%;
    max-width: 75%;
    margin: 45px auto;
    background: #00c891;
}

.divided-line__senior--gap {
    margin-top: 60px;
    margin-bottom: 30px;
}

.divided-line__corporate-home--hero {
    display: none;
    margin-top: 0;
}

@media (max-width: 461px) {
    .divided-line__corporate-home--hero {
        display: block;
    }
}

/*  products */

.product {
    margin: 40px 0;
}

.product__section {
    text-align: center;
    margin-left: auto;
    padding-bottom: 20px;
    min-height: 200px;
    z-index: 100;
}

.products__container {
    margin-left: -3.5%;
    margin-right: -3.5%;
}

@media (max-width: 575px) {
    .products__container {
        margin-top: 40px;
    }
}

.product__how-it-works {
    margin: 3.5%;
}

.product svg {
    margin-bottom: 15px;
}

.product__icon {
    width: 66px;
    height: 66px;
    margin-right: 14px;
    display: inline-block;
}

.product__heading {
    font-size: 2.3rem;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
}

    .product__heading br {
        display: none;
    }

@media (max-width: 575px) {
    .product__icon {
        width: 56px;
        height: 56px;
    }

    .product__heading {
        font-size: 2.4rem;
    }

        .product__heading br {
            display: block;
        }
}

.product__subheading {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 1.6rem;
    text-transform: uppercase;
    margin-top: -5px;
}

.product__blurb {
    width: 100%;
    padding-bottom: 10px;
    margin-top: 15px;
    margin-right: 0;
    margin-left: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.rural-loans-product__section .product__blurb {
    padding-right: 50px;
}

.product__blurb--corporate-home {
    max-width: 500px;
}

@media (max-width: 575px) {
    .product__blurb {
        padding-bottom: 0;
        margin-top: 10px;
    }
}

.customer-story__image {
    width: 100%;
}

.customer-story__image--home-customer-section {
    width: 200px;
}

@media (max-width: 414px) {
    .customer-story__image--home-customer-section {
        margin-left: -25px;
    }
}

.customer-story__quote-container {
    font-size: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.customer-story__quote-container--home-customer-section {
    max-width: 303px;
}

@media (max-width: 991px) {
    .customer-story__quote-container {
        max-width: none;
    }
}

.customer-story__quote-heading {
    margin-top: 2.5rem;
    font-weight: 400;
}

@media (min-width: 576px) and (max-width: 991px) {
    .customer-story__quote-heading {
        margin-top: 0;
    }
}

.customer-story__quote {
    font-size: 1.7rem;
    padding-bottom: 2rem;
    display: block;
}

.customer-story__name {
    font-weight: 600;
    display: block;
}

.customer-story__org {
    min-height: 60px;
}

.customer-story__read-more {
    font-size: 1.6rem;
    font-weight: 600;
    color: #5b8f22;
}

    .customer-story__read-more:after {
        font: normal 16px ArrowIcons;
        color: inherit;
        content: '\279E';
        padding-left: 5px;
    }

/*------------------------------------*\
  Business Loans
\*------------------------------------*/

#business-loans-hero {
    z-index: 150 !important;
    padding-bottom: 0;
}

    #business-loans-hero:before {
        content: '';
        top: 0;
        height: 100.5%;
        /*background: #0a2642;
        background: -webkit-gradient(linear,left top, left bottom,color-stop(30%, #0a2642),color-stop(350%, #0e3a53));
        background: -webkit-linear-gradient(top,#0a2642 30%,#0e3a53 350%);
        background: -o-linear-gradient(top,#0a2642 30%,#0e3a53 350%);
        background: linear-gradient(to bottom,#0a2642 30%,#0e3a53 350%);*/
        background: #ecf4f8;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(30%, #ecf4f8), color-stop(158%, #def5ff) );
        background: -webkit-linear-gradient(top, #ecf4f8 30%, #def5ff 158%);
        background: -o-linear-gradient(top, #ecf4f8 30%, #def5ff 158%);
        background: linear-gradient(to bottom, #ecf4f8 30%, #def5ff 158%);
    }

#business-loans-hero-revolving-credit:before {
    content: '';
    top: 0;
    height: 100%;
    background: #ecf4f8;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(30%, #ecf4f8), color-stop(158%, #def5ff) );
    background: -webkit-linear-gradient(top, #ecf4f8 30%, #def5ff 158%);
    background: -o-linear-gradient(top, #ecf4f8 30%, #def5ff 158%);
    background: linear-gradient(to bottom, #ecf4f8 30%, #def5ff 158%);
}

#business-loans-product:before {
    content: '';
    top: 0;
    height: 130%;
    z-index: 170;
    background: #f6f9fc;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(30%, #f6f9fc), color-stop(200%, #fff) );
    background: -webkit-linear-gradient(top, #f6f9fc 30%, #fff 200%);
    background: -o-linear-gradient(top, #f6f9fc 30%, #fff 200%);
    background: linear-gradient(to bottom, #f6f9fc 30%, #fff 200%);
}

.body--open-for-business-t2 #business-loans-product:before {
    content: none;
}

/*#business-loans-customers:before {
    content: "";
    top: 0;
    height: 100%;
    background: #fff;
    z-index: 170;
    -webkit-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    transform: skewY(-8deg);
}*/

.business-customer-quote-new-styles #business-loans-customers {
    background-color: #f6f9fc;
}

    .business-customer-quote-new-styles #business-loans-customers:before {
        content: none;
    }

.phone__text {
    max-width: 700px;
    margin-bottom: 30px;
}

.phone__number {
    font-size: 2rem;
    font-weight: 600;
    padding-left: 0.75rem;
}

@media (max-width: 414px) {
    .phone__number {
        font-size: 1.6rem;
    }
}

.phone__blurb {
    font-size: 2rem;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.phone {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.customers-quote__heading {
    font-size: 2.2rem;
    text-transform: uppercase;
    padding-bottom: 30px;
    border-bottom: 1px solid #e3e5e7;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}

.customer-quote__heading--full-width {
    max-width: inherit;
    margin-bottom: 40px;
}

.customers-quote__quote {
    font-size: 3.4rem;
    font-style: italic;
    line-height: 1.3;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    letter-spacing: -1.1px;
}

@media (max-width: 767px) {
    .customers-quote__quote {
        font-size: 3rem;
    }
}

.customers-quote__person {
    font-size: 1.8rem;
    font-weight: 600;
    margin-top: 30px;
}

.customers-quote__job-title {
    font-size: 2rem;
}

.customers-quote__line {
    width: 40px;
    height: 5px;
    margin-top: 30px;
    color: #5b8f22;
    background-color: #5b8f22;
}

.body--open-for-business-t3 .customers-quote__line {
    background-color: #009ddb;
}

.business-customer-quote-new-styles .customers-quote__heading {
    max-width: 100%;
    border-bottom: none;
    padding-bottom: 0;
    font-weight: 600;
    font-size: 2rem;
}

.business-customer-quote-new-styles .customers-quote__quote {
    font-style: normal;
    margin-top: 28px;
}

.business-customer-quote-new-styles .customers-quote__person {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.7rem;
}

.business-customer-quote-new-styles .customers-quote__job-title {
    font-size: 1.7rem;
}

.business-customer-quote-new-styles
.business-loans-customers-single__container
.customers-quote__quote {
    width: 100%;
    line-height: 1.5;
    font-size: 2.3rem;
    letter-spacing: -0.5px;
}

.business-customer-quote-new-styles .customers-quote__line {
    width: 160px;
    height: 2px;
    margin-left: 0;
    margin-bottom: 5px;
    background-color: #009ddb;
    text-align: left;
}

.business-customer-quote-new-styles
.business-loans-customers-single__container {
    margin: 50px auto;
}

@media (max-width: 767px) {
    .business-customer-quote-new-styles .customers-quote__heading {
        margin-bottom: 30px;
        margin-top: 0;
        font-size: 3.8rem;
        font-weight: 500;
        margin-top: 1rem;
        text-transform: none;
    }

    .business-customer-quote-new-styles .customers-quote__line {
        margin-left: auto;
        margin-right: auto;
    }

    .business-customer-quote-new-styles .business__testimonial-image {
        width: 100%;
        max-width: 275px;
    }

    .business-customer-quote-new-styles
    .business-loans-customers-single__container {
        margin-top: 40px;
    }
}

@media (max-width: 575px) {
    .business-customer-quote-new-styles
    .business-loans-customers-single__container {
        margin: 30px auto 20px auto;
    }
}

@media (min-widht: 351px) {
    .responsive-text-nowrap {
        white-space: nowrap;
    }
}

#business-loans-why-heartland {
    padding-bottom: 0px;
}

/*------------------------------------*\
  Small Business Loans
\*------------------------------------*/

@media (max-width: 575px) {
    .product__heading {
        font-size: 2.4rem;
    }
}

/* #endregion Products */

/* #region Small Business Loans */

.small-business-what-we-can-do__section {
    background-color: #f6f9fc;
    padding-top: 60px;
    padding-bottom: 60px;
    z-index: 180 !important;
}

#small-business-loans-provided-business-loans:before {
    content: '';
    top: 0;
    z-index: 180;
    -webkit-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    transform: skewY(-8deg);
    margin-top: 80px;
    background: #fefefe;
    height: 120%;
}

.small-business-loans-provided-business-loans__container {
    margin-top: 180px;
    margin-bottom: 60px;
    z-index: 180 !important;
}

.small-business-loans-provided-business-loans__title {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.small-business-loans-provided-business-loans__bullets-container {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

.small-business-loans-provided-business-loans__label {
    position: relative;
    white-space: nowrap;
    left: 33px;
}

    .small-business-loans-provided-business-loans__label:before {
        content: '';
        position: absolute;
        width: 30px;
        height: 30px;
        background: url(../Images/blue-tick.svg);
        border-radius: 50%;
        left: -33px;
        top: -6px;
    }

.small-business-loans-provided-business-loans__buttons-container {
    margin-top: 40px;
}

@media (min-width: 992px) {
    .small-business-loans-provided-business-loans__label.second {
        left: 63px;
    }
}

@media (max-width: 991px) {
    .small-business-loans-provided-business-loans__bullets-container {
        max-width: 550px;
    }

    .small-business-loans-provided-business-loans__label {
        left: 73px;
    }
}

@media (max-width: 575px) {
    .small-business-loans-provided-business-loans__label {
        left: 33px;
    }

    .small-business-loans-provided-business-loans__bullets-container {
        max-width: 240px;
    }
}

@media (max-width: 375px) {
    .small-business-loans-provided-business-loans__label {
        left: 23px;
    }
}

.small-business-what-we-can-do__subtitle {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.small-business-what-we-can-do__text-container {
    margin-top: 40px;
}

.small-business-what-we-can-do__title {
    margin-bottom: 20px;
}

.small-business-what-we-can-do__padding-container {
    padding: 0 20px;
}

@media (max-width: 991px) {
    .small-business-what-we-can-do__padding-container {
        padding: 0;
    }
}

@media (max-width: 575px) {
    #small-business-loans-howitworks {
        padding-top: 140px;
    }

    .business-customer-quote-new-styles #small-business-loans-howitworks {
        padding-top: 0px;
    }
}

#small-business-loans-howitworks:before {
    content: '';
    top: 0;
    z-index: 180;
    height: 95%;
    -webkit-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    transform: skewY(-8deg);
    margin-top: 80px;
    background: #f6f9fc;
    background: -webkit-linear-gradient(262deg, #f6f9fc 30%, #fff 200%);
    background: -o-linear-gradient(262deg, #f6f9fc 30%, #fff 200%);
    background: linear-gradient(188deg, #f6f9fc 30%, #fff 200%);
}

.business-customer-quote-new-styles #small-business-loans-howitworks:before {
    /*height: 120%;
    background: -webkit-linear-gradient(262deg,#f6f9fc 30%,#fefefe 70%);
    background: linear-gradient(188deg,#f6f9fc 30%,#fefefe 70%);*/
    content: none;
}

#small-business-loans-whatweoffer {
    z-index: 20;
}

#small-business-questions:before,
#small-business-questions:after {
    content: '';
    position: absolute;
    width: 100%;
}

#small-business-discover-loans:before,
#small-business-discover-loans:after {
    content: '';
    position: absolute;
    width: 100%;
}

.small-business-discover-loans__heading {
    margin-bottom: 40px;
}

.small-business-discover-loans__title {
    position: relative;
    font-weight: 600;
    top: -60px;
    left: 65px;
}

@media (min-width: 476px) and (max-width: 576px) {
    .small-business-discover-loans__title {
        font-size: 2.2rem;
    }

    .small-business-discover-loans__link {
        font-size: 2.2rem;
    }
}

@media (min-width: 376px) and (max-width: 475px) {
    .small-business-discover-loans__title {
        top: -70px;
        font-size: 1.8rem;
    }

    .small-business-discover-loans__link {
        font-size: 1.8rem;
    }
}

@media (max-width: 375px) {
    .small-business-discover-loans__title {
        top: -70px;
        font-size: 1.6rem;
    }

    .small-business-discover-loans__link {
        font-size: 1.6rem;
    }
}

.small-business-discover-loans__link {
    color: #5b8f22;
    font-weight: 600;
    position: relative;
    top: -60px;
    left: 65px;
}

.small-business-discover-loans__icon {
    margin-left: -45px;
    margin-top: 6px;
    padding: 6.5px;
    fill: #fff;
}

/* #endregion Small Business Loans */

/* #region How it works */
.how-it-works__icon {
    width: 90px;
    height: 90px;
    margin-top: 30px;
    margin-bottom: 10px;
    opacity: 0.75;
}

@media (max-width: 575px) {
    .how-it-works__icon {
        margin-bottom: 5px;
        width: 80px;
        height: 80px;
    }

    #car-loans-partner .how-it-works__icon {
        margin-top: 18px;
    }
}

.how-it-works__numeral {
    font-size: 90px;
    font-weight: 600;
    line-height: 1.1;
    /*line-height: 105px;
    width: 105px;
    height: 105px;
    border: 1px solid #ccc;
    border-radius: 50%;
    display: inline-block;
    margin-bottom:20px;*/
}

@media (max-width: 767px) {
    .how-it-works__numeral {
        font-size: 70px;
    }
}

.how-it-works__title {
    margin-top: 0;
    font-size: 2.4rem;
}

.how-it-works__blurb {
    font-size: 1.8rem;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.how-it-works__phone {
    font-size: 2.5rem;
    font-weight: 600;
}

/* #endregion How it works */

/* #region What we offer */
.what-we-offer__list-container {
    position: relative;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
}

@media (max-width: 767px) {
    .what-we-offer__list-container {
        margin-right: 30px;
        margin-left: 30px;
    }
}

.what-we-offer__list-container > ul {
    list-style: none;
    padding-top: 20px;
}

    .what-we-offer__list-container > ul > li {
        line-height: 20px;
        vertical-align: bottom;
        margin-top: 20px;
    }

        .what-we-offer__list-container > ul > li:before {
            padding-top: 1px;
            position: absolute;
            content: '•';
            color: #009ddb;
            font-size: 6rem;
            left: -2px;
        }

.what-we-offer__item {
    padding-bottom: 1rem;
}

.what-we-offer__title {
    font-weight: 600;
    font-size: 2rem;
}

.what-we-offer__blurb {
    font-size: 1.8rem;
}

/* #endregion What we offer */

/* #region full stripe gradient */

.full-stripe-gradient:not(.full-stripe-gradient--business) {
    content: '';
    position: absolute;
    z-index: 120;
    width: 100%;
    height: 5%;
    -webkit-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    transform: skewY(-8deg);
}

.full-stripe-gradient--corporate {
    height: 50px;
    background: -webkit-gradient( linear, left top, right top, color-stop(20%, #f6f9fc), to(#009ddb) );
    background: -webkit-linear-gradient(left, #f6f9fc 20%, #009ddb 600%);
    background: -webkit-gradient( linear, left top, right top, color-stop(20%, #f6f9fc), color-stop(600%, #009ddb) );
    background: -webkit-linear-gradient(left, #f6f9fc 20%, #009ddb 600%);
    background: -o-linear-gradient(left, #f6f9fc 20%, #009ddb 600%);
    background: linear-gradient(to right, #f6f9fc 20%, #009ddb 600%);
}

.maori .full-stripe-gradient--corporate {
    height: 80px;
}

.full-stripe-gradient--business:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 80px;
    -webkit-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    transform: skewY(-8deg);
    background: -webkit-gradient( linear, left top, right top, color-stop(20%, #f6f9fc), color-stop(600%, #009ddb) );
    background: -webkit-linear-gradient(left, #f6f9fc 20%, #009ddb 600%);
    background: -o-linear-gradient(left, #f6f9fc 20%, #009ddb 600%);
    background: linear-gradient(to right, #f6f9fc 20%, #009ddb 600%);
    z-index: 160;
}

.full-stripe-gradient--savings {
    background: -webkit-gradient( linear, left top, right top, color-stop(50%, transparent), color-stop(600%, #1b5b79) );
    background: -webkit-linear-gradient(left, transparent 50%, #1b5b79 600%);
    background: -o-linear-gradient(left, transparent 50%, #1b5b79 600%);
    background: linear-gradient(to right, transparent 50%, #1b5b79 600%);
}

.full-stripe-gradient.full-stripe-gradient--rural {
    background: -webkit-gradient( linear, left top, right top, color-stop(20%, #f6f9fc), color-stop(105%, #49984a) );
    background: -webkit-linear-gradient(left, #f6f9fc 20%, #49984a 360%);
    background: -o-linear-gradient(left, #f6f9fc 20%, #49984a 360%);
    background: linear-gradient(to right, #f6f9fc 20%, #49984a 360%);
    z-index: 2;
}

.full-stripe-gradient--rural-subpage {
    -webkit-transform: inherit !important;
    -ms-transform: inherit !important;
    transform: inherit !important;
    position: inherit !important;
}

.full-stripe-gradient--cars {
    background: -webkit-gradient( linear, left top, right top, color-stop(20%, #f6f9fc), color-stop(500%, #441679) );
    background: -webkit-linear-gradient(left, #f6f9fc 20%, #441679 500%);
    background: -o-linear-gradient(left, #f6f9fc 20%, #441679 500%);
    background: linear-gradient(to right, #f6f9fc 20%, #441679 500%);
}

.full-stripe-gradient--mobile-app {
    height: 50px;
    /*background: -webkit-gradient(linear, left top, right top, color-stop(20%, #F6F9FC),to(#e6e6e6));
    background: -webkit-linear-gradient(left, #F6F9FC 20%,#e6e6e6 100%);
    background: -o-linear-gradient(left, #F6F9FC 20%,#e6e6e6 100%);
    background: linear-gradient(to right, #F6F9FC 20%,#e6e6e6 100%);*/
    background: #f6f9fc;
    background: -webkit-gradient( linear, left top, right top, color-stop(20%, #f6f9fc), color-stop(600%, #009ddb) );
    background: -webkit-linear-gradient(left, #f6f9fc 20%, #009ddb 600%);
    background: -o-linear-gradient(left, #f6f9fc 20%, #009ddb 600%);
    background: linear-gradient(to right, #f6f9fc 20%, #009ddb 600%);
}

.full-stripe-solid {
    content: '';
    position: absolute;
    z-index: 120;
    width: 100%;
    height: 20px;
    -webkit-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    transform: skewY(-8deg);
}
/* #endregion full stripe gradient */

/*------------------------------------*\
  Savings & Deposits
\*------------------------------------*/

#savings-hero:before {
    content: '';
    top: 0;
    height: 100.5%;
    -webkit-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    transform: skewY(-8deg);
    background: #ecf4f8;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(30%, #ecf4f8), color-stop(350%, #def5ff) );
    background: -webkit-linear-gradient(top, #ecf4f8 30%, #def5ff 350%);
    background: -o-linear-gradient(top, #ecf4f8 30%, #def5ff 350%);
    background: linear-gradient(to bottom, #ecf4f8 30%, #def5ff 350%);
}

.saving-hero__right {
    padding-top: 76px;
}

.savings-hero-top-rate__wrapper,
.savings-hero-top-rate__wrapper--home {
    position: relative;
    width: 360px;
    height: 250px;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    margin-left: auto;
    margin-right: 10%;
    -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
    box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

    .savings-hero-top-rate__wrapper .btn {
        color: #fff;
    }

.direct-call-hero__wrapper--home {
    margin-top: 40px;
    margin-bottom: 50px;
}

@media (max-width: 575px) {
    .direct-call-hero__wrapper--home {
        margin-top: 0px;
    }
}

.savings-hero-top-rate__wrapper--home {
    margin: 80px auto 30px auto;
}

.savings-hero-top-rate--boost-saver {
    height: 280px;
}

.savings-hero-top-rate--boost-saver--home {
    height: 275px;
}

.savings-hero-top-rate,
.savings-hero-top-rate--home {
    padding-top: 50px;
    margin-right: 50px;
    width: 100%;
    height: 100%;
    border: 1px solid #1b5b79;
    background-color: #0a2642;
    color: white;
    padding: 10px;
    text-align: center;
}

.savings-hero-top-rate--home {
    background-color: #f6f9fc;
    color: #0a2642;
}

.savings-hero-top-rate__border {
    z-index: 9999;
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
    border: 40px solid #1b5b79;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

    .savings-hero-top-rate__border > span {
        font-size: 11px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        display: block;
        color: white;
        margin-top: -30px;
        margin-left: -8px;
        text-align: center;
        width: 45px;
        text-transform: uppercase;
        font-weight: 600;
    }

.savings-hero-top-rate__border--boost-saver-home > span {
    margin-top: -29px;
}

.savings-hero-top-rate__canstar {
    z-index: 9999;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 80px;
    padding-left: 5px;
    top: 9px;
}

.savings-hero__canstar--smaller-size img {
    width: 60px;
}

.savings-hero-top-rate__rate-type {
    font-size: 2rem;
    margin-top: 5px;
}

.display-hero-top-rate__rate-type {
    font-size: 2rem;
    margin-top: 5px;
    font-weight: 600;
    color: hsla(217, 16%, 31%, 1);
}

.savings-hero-top-rate__rate-container {
    margin-top: 0;
    position: relative;
}

.savings-hero-top-rate__rate,
.savings-hero-top-rate__rate--home {
    display: inline-block;
    font-size: 8.5rem;
    line-height: 8.5rem;
    font-weight: 600;
    letter-spacing: -0.25rem;
}

.display-hero-top-rate__rate {
    display: inline-block;
    font-size: 8.5rem;
    line-height: 8.5rem;
    font-weight: 700;
    letter-spacing: -0.25rem;
    color: hsla(217, 16%, 31%, 1);
}

@media (max-width: 413px) {
    .savings-hero-top-rate__rate {
        font-size: 7.8rem;
    }
}

.savings-hero-top-rate__rate--home {
    font-size: 8.1rem;
    letter-spacing: -0.25rem;
}

.savings-hero-top-rate__hr-line--home {
    background-color: #1b5b79;
}

.savings-hero-top-rate__rate-other {
    display: inline-block;
}

.savings-hero-top-rate__percentage {
    font-size: 4.5rem;
    line-height: 4.5rem;
    margin: 0;
    margin-left: -10px;
}

.display-hero-top-rate__percentage {
    font-size: 4.5rem;
    line-height: 4.5rem;
    margin: 0;
    margin-left: -10px;
    font-weight: 700;
    color: hsla(217, 16%, 31%, 1);
}

.savings-hero-top-rate__pa {
    font-size: 2.8rem;
    line-height: 2.8rem;
    margin: 0;
}

.display-hero-top-rate__pa {
    font-size: 2.8rem;
    line-height: 2.8rem;
    margin: 0;
    font-weight: 700;
    color: hsla(217, 16%, 31%, 1);
}

.savings-hero-top-rate__call {
    font-size: 2.2rem;
    font-weight: 600;
    text-transform: uppercase;
}

.display-hero-top-rate__call {
    font-size: 2.2rem;
    font-weight: 600;
    text-transform: uppercase;
    color: hsla(217, 16%, 31%, 1);
}

.savings-hero-top-rate__period {
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.display-hero-top-rate__period {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: hsla(217, 16%, 31%, 1);
}

#savings-ways-to-invest {
    background: #f6f9fc;
    margin-top: -40px;
}

/*#savings-ways-to-invest:before {
        content: "";
        z-index: 50;
        height: 120%;
        -webkit-transform: skewY(-8deg);
        -ms-transform: skewY(-8deg);
        transform: skewY(-8deg);
        background: #f6f9fc;
    }*/

#savings-top-rates {
    z-index: 20 !important;
}

.no-background-color {
    background: none !important;
}

/*#savings-top-rates:before {
        content: "";
        top: 0;
        height: 50%;
        -webkit-transform: skewY(-8deg);
        -ms-transform: skewY(-8deg);
        transform: skewY(-8deg);
        background: #f6f9fc;
    }*/

#boost-saver-how-it-works {
    background-color: #fff;
    z-index: 20 !important;
}

.boost-saver-how-it-works__container {
    margin-top: 40px;
    margin-bottom: 40px;
}

#term-deposits-top-rates {
    position: relative;
    z-index: 20 !important;
}

    #term-deposits-top-rates:before {
        content: '';
        top: 0;
        height: 151%;
        -webkit-transform: skewY(-8deg);
        -ms-transform: skewY(-8deg);
        transform: skewY(-8deg);
        background: #f6f9fc;
        background: -webkit-linear-gradient(82deg, #f6f9fc 30%, #fff 200%);
        background: -o-linear-gradient(82deg, #f6f9fc 30%, #fff 200%);
        background: linear-gradient(8deg, #f6f9fc 30%, #fff 200%);
    }

.term-deposit-ways-to-invest__container h2 {
    margin-bottom: 30px;
}

.savings-top-rates__header {
    margin-bottom: 50px;
}

.savings-top-rates {
    width: 100%;
    height: 100%;
    background-color: white;
    padding: 25px;
    padding-top: 15px;
    text-align: center;
    -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
    box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

.savings-top-rates__wrapper {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 320px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

:not(.savings-top-rates__menu).savings-top-rates__wrapper:not(.savings-top-rates__main) {
    margin-top: auto;
    margin-bottom: auto;
}

.savings-top-rates__fine-print {
    margin: 1px 0 -15px 0;
    color: #999;
}

.savings-top-rates__fine-print--home-hero {
    font-size: 1.2rem;
    color: #97a4b4;
    max-width: 305px;
}

    .savings-top-rates__fine-print--home-hero a {
        color: #97a4b4;
    }

.savings-top-rates__main {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.savings-top-rates--index-page,
.savings-top-rates--nav {
    margin-left: auto !important;
    margin-right: auto !important;
}

.savings-hero-top-rate__hr-line,
.savings-top-rate__hr-line,
.savings-hero-top-rate__hr-line--home {
    width: 80%;
    margin: 5px auto 7px auto;
}

.savings-top-rates__bottom-title,
.savings-top-rates__bottom-title--home {
    background-color: #1b5b79;
    width: 100%;
    color: #fff;
    position: absolute;
    height: 26px;
    bottom: 0;
    left: 0;
    font-size: 12px;
}

.savings-top-rates__bottom-title--home {
    border-right: none;
    border-left: none;
}

.savings-hero-top-rate__continue,
.savings-top-rate__continue {
    font-weight: 600;
}

@media (max-width: 767px) {
    .savings-top-rates--index {
        margin-bottom: 3rem;
    }
}

.savings-top-rates__menu {
    /*transform: scale(0.80);
    margin: -70px auto -22px auto;*/
    /*-webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);*/
    margin: -54px auto 5px auto;
    font-size: 1.3rem;
}

    .savings-top-rates__menu .savings-top-rates__canstar {
        display: none;
    }

.savings-top-rates__canstar {
    z-index: 9999;
    position: absolute;
    bottom: 25px;
    right: 7px;
    padding-right: 6px;
}

@media (max-width: 375px) {
    .savings-top-rates__canstar {
        right: 3px;
    }
}

@media (max-width: 359px), (min-width: 992px) and (max-width: 1150px) {
    .savings-top-rates__canstar {
        display: none;
    }
}

.savings-top-rates__border {
    z-index: 9999;
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
    border: 40px solid #1b5b79;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

@media (max-width: 1199px) {
    .savings-top-rates__wrapper {
        margin-left: 1.5%;
        margin-right: 1.5%;
    }

    .savings-top-rates__wrapper--first {
        margin-left: 0;
    }

    .savings-top-rates__wrapper--last {
        margin-right: 0;
    }
}

@media (max-width: 991px) {
    .savings-top-rates {
        margin-right: auto;
        margin-left: auto;
    }

    .savings-top-rates__main {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .savings-top-rates__wrapper {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 400px;
    }

        .savings-top-rates__wrapper:not(:first-child):not(:last-child) {
            margin-bottom: 20px;
            margin-top: 20px;
        }
}

.savings-top-rates__border > span {
    font-size: 11px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    color: white;
    margin-top: -27px;
    margin-left: -9px;
    text-align: center;
    width: 45px;
    text-transform: uppercase;
    font-weight: 600;
}

.small-asterisk {
    font-size: 75%;
    vertical-align: top;
}

.savings-top-rates__rate-type {
    font-size: 1.6rem;
    font-weight: 500;
}

.savings-top-rates__rate-container {
    margin-top: 0;
}

.savings-top-rates__rate {
    display: inline-block;
    font-size: 6.5rem;
    line-height: 1;
    letter-spacing: -0.25rem;
    font-weight: 900;
}

.savings-top-rates__rate-other {
    display: inline-block;
}

.savings-top-rates__percentage {
    font-size: 3rem;
    line-height: 1;
    margin: 0;
    margin-left: -8px;
}

.savings-top-rates__pa {
    font-size: 2.5rem;
    line-height: 1;
    margin: 0;
}

.savings-top-rates__call {
    font-size: 2.2rem;
    font-weight: 600;
    text-transform: uppercase;
}

.savings-top-rates__period {
    font-size: 1.3rem;
    margin-bottom: 7px;
}

.savings-top-rates__button {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.savings-top-rates__small-print {
    color: #888f98;
    width: 100%;
    text-align: center;
    font-size: 1rem;
    margin-top: 40px;
}

    .savings-top-rates__small-print a {
        color: #888f98;
    }

#savings-product {
    background-color: #fff;
}

.savings-product__before:before {
    content: '';
    top: 0;
    margin-top: 80px;
    height: 50%;
    -webkit-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    transform: skewY(-8deg);
    background: #fefefe;
    /* z-index: 170; */
}

#term-deposit-funds {
    background-color: #fff;
    /* z-index: 175; */
}

/* #savings-application { */
/*background: #1b5b79;*/
/* } */

/* #call-account-application { */
/*background-color: #1b5b79;*/
/* } */

/*#call-account-application:before {
        content: "";
        top: 0;
        z-index: 50;
        height: 100%;
        -webkit-transform: skewY(-8deg);
        -ms-transform: skewY(-8deg);
        transform: skewY(-8deg);
        background: #1b5b79;
    }*/

#boost-saver-application {
    background-color: #f6f9fc;
}

    #boost-saver-application:before {
        content: '';
        top: 0;
        z-index: 40;
        height: 100%;
        background: #1b5b79;
    }

/* #boost-saver-comparison-chart { */
/*z-index: 15 !important;*/
/*margin-bottom: -25px;*/
/* } */

#boost-saver-comparison-chart:before {
    content: '';
    top: 0;
    margin-top: 80px;
    height: 115%;
    -webkit-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    transform: skewY(-8deg);
    background: #f6f9fc;
    /*background: -webkit-linear-gradient(82deg,#f6f9fc 30%,#fff 200%);
        background: linear-gradient(8deg,#f6f9fc 30%,#fff 200%);*/
    background: -webkit-linear-gradient(0deg, #f6f9fc 30%, #fff 82%);
    background: -webkit-gradient( linear, left bottom, left top, color-stop(30%, #f6f9fc), color-stop(82%, #fff) );
    background: -webkit-linear-gradient(bottom, #f6f9fc 30%, #fff 82%);
    background: -o-linear-gradient(bottom, #f6f9fc 30%, #fff 82%);
    background: linear-gradient(0deg, #f6f9fc 30%, #fff 82%);
    z-index: 170;
}

/*#boost-saver-comparison-chart:after {
        content: "";
        top: 60%;
        z-index: 40;
        height: 100%;
        transform: skewY(-8deg);
        background: #1b5b79;
    }*/

.savings-application__hero-month {
    font-weight: 600;
}

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

.savings-application__amount-label {
    font-size: 2.2rem;
    margin: 0;
}

.savings-application__interest-rate-label {
    font-size: 2.2rem;
    margin: 0;
}

.savings-application__interest-rate {
    font-size: 2.5rem;
    font-weight: 600;
}

.savings-application__investment-term-label {
    font-size: 2.2rem;
    margin: 0;
}

.savings-application__interest-earned,
.savings-application__total-value-investment {
    font-size: 2.2rem;
}

.savings-application__investment-term {
    font-size: 2.5rem;
    font-weight: 600;
}

.savings-application__asterisk {
    font-size: 1.2rem;
    margin-top: 10px;
}

@media (min-width: 768px) and (max-width: 772px) {
    .savings-application__total-value-investment {
        white-space: nowrap;
    }
}

.savings-application__calcs {
    font-size: 2.5rem;
    font-weight: 600;
}

.savings-application__small-print {
    font-size: 1.4rem;
    margin-top: 1.6rem;
}

    .savings-application__small-print a {
        text-align: left;
        font-size: 1.3rem;
        font-weight: 600;
        color: white;
    }

@media (min-width: 992px) {
    .term-deposits-top-rates__container
    .savings-top-rates__wrapper:nth-child(1) {
        margin-right: 2rem;
    }

    .term-deposits-top-rates__container
    .savings-top-rates__wrapper:nth-child(2) {
        margin-left: 2rem;
    }
}

#direct-call-comparison-chart.direct-call-comparison-chart__before:before {
    content: '';
    top: 0;
    margin-top: 80px;
    height: 50%;
    -webkit-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    transform: skewY(-8deg);
    background: #fefefe;
    z-index: 170;
}

.direct-call-funds__icon {
    width: 105px;
    opacity: 0.75;
    margin-bottom: 15px;
    height: 105px;
}

.savings-contact {
    background: #fff;
}

    .savings-contact::before {
        content: '';
        /* z-index: 50; */
        height: 60%;
        -webkit-transform: skewY(-8deg);
        -ms-transform: skewY(-8deg);
        transform: skewY(-8deg);
        background: #f6f9fc;
        background: -webkit-linear-gradient(82deg, #f6f9fc 30%, #fff 200%);
        background: -o-linear-gradient(82deg, #f6f9fc 30%, #fff 200%);
        background: linear-gradient(8deg, #f6f9fc 30%, #fff 200%);
    }

    .savings-contact::after {
        content: '';
        display: block;
        background: #f6f9fc;
        width: 100%;
        height: 65%;
        position: absolute;
        bottom: 0;
    }

.direct-call-funds {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-top: 50px;
    margin: 15px;
    padding: 10px;
    text-align: center;
}

@media (max-width: 991px) {
    .direct-call-funds {
        margin-right: auto;
        margin-left: auto;
    }
}

.direct-call-funds__button {
    margin-top: 50px;
    margin-bottom: 20px;
}

.direct-call-funds__title {
    font-size: 2rem;
    font-weight: 600;
}

.direct-call-funds__blurb {
    color: #888f98;
    width: 100%;
    text-align: center;
    font-size: 1.3rem;
    margin-top: 15px;
}

.s.direct-call-blurb a {
    color: #888f98;
}

.direct-call-savings__header {
    margin-bottom: 30px;
}

    .direct-call-savings__header.pie {
        margin-top: 14rem;
    }

.direct-call-savings {
    width: 100%;
    text-align: center;
    padding-top: 50px;
    margin-top: 30px;
    margin-right: 15px;
    margin-left: 15px;
    padding: 10px;
}

@media (max-width: 991px) {
    .direct-call-savings {
        margin-right: auto;
        margin-left: auto;
    }

    .term-deposits-top-rates__container
    .savings-top-rates__wrapper:first-child {
        margin-bottom: 4rem;
    }
}

.direct-call-savings__card {
    min-height: 260px;
    background-color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 25px;
    -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
    box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
    border: 1px solid #f6f9fc;
}

.direct-call-savings__card--boost-saver {
    min-height: 314px;
}

.direct-call-savings__card--pie {
    min-height: 341px;
}

@media (max-width: 576px) {
    .direct-call-savings__card {
        margin-left: 0;
        margin-right: 0;
    }
}
/*
@media (min-width: 1100px) {
    .direct-call-savings__card {
        max-width: 480px;
        min-width: 480px;
    }
}*/

.direct-call-savings__card-heading {
    color: white;
    background-color: #1b5b79;
    margin: 0 -1px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 2.1rem;
    font-weight: 600;
}

.direct-call-savings__card-body {
    padding: 20px 15px 15px 15px;
}

.direct-call-savings__card-list {
    list-style: none;
    padding-left: 15px;
}

    .direct-call-savings__card-list a {
        border-bottom: 1px solid #1b5b79;
        color: #1b5b79;
    }

    .direct-call-savings__card-list li:before {
        content: '•';
        color: #1b5b79;
        font-size: 28px;
        padding-right: 15px;
        display: table-cell;
        position: relative;
        top: 4.5px;
    }

    .direct-call-savings__card-list li {
        color: #1b5b79;
        text-align: left;
        display: table;
    }

.direct-call-savings__card-list-phone {
    font-weight: 600;
}

.direct-call-savings__blurb {
    /*color: #888f98;*/
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    font-size: 1.8rem;
    margin-top: 15px;
    margin-bottom: 20px;
}

#direct-call-ways-to-invest {
    background: #f6f9fc;
}

#pie-fund-top-rates {
    z-index: 20;
}

    #pie-fund-top-rates:before {
        background: linear-gradient(0deg, #f6f9fc 30%, #fff 82%);
        content: '';
        -webkit-transform: skewY(-8deg);
        -ms-transform: skewY(-8deg);
        transform: skewY(-8deg);
        top: 0;
    }

#savings-why-heartland {
    padding-bottom: 0;
    padding-top: 0;
}

/* #endregion Savings & Deposits */

/* #region About us */
.about-us-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 16px;
    text-align: center;
    margin-bottom: -2px;
}

.about-us-nav__sponsorship,
.about-us-nav__heartlander {
    margin-top: auto;
    margin-bottom: auto;
    margin-bottom: 1px;
}

    .about-us-nav__sponsorship > a,
    .about-us-nav__heartlander > a {
        padding-bottom: 32px !important;
    }

@media (max-width: 788px) {
    .about-us-nav {
        display: none;
    }
}

@media (min-width: 789px) {
    .about-us-header__container {
        position: -webkit-sticky;
        position: sticky;
    }
}

.about-us-header__top-stripe {
    height: 6px;
    width: 100%;
    background-color: transparent;
}

.about-us-header__heading {
    margin-top: 80px;
    font-size: 5rem;
    font-weight: 600;
}

@media (max-width: 767px) {
    .about-us-header__heading {
        font-size: 4.5rem;
        margin-top: 35px;
    }
}

.about-us-header__sub-heading {
    margin-top: 20px;
    font-size: 3.4rem;
    font-weight: 400;
}

.about-us-header__blurb {
    font-size: 1.8rem;
    margin-top: 5px;
    margin-bottom: 0;
    max-width: 906px;
}

@media (max-width: 767px) {
    .about-us-header__blurb {
        margin-bottom: 30px !important;
    }
}

.about-us-header__menu {
    /*border-top: 2px solid #e0e6e8;*/
    border-bottom: 2px solid #e0e6e8;
    margin-top: 20px;
}

    .about-us-header__menu a {
        -webkit-transition: border 150ms cubic-bezier(0, 0, 0, 1);
        -o-transition: border 150ms cubic-bezier(0, 0, 0, 1);
        transition: border 150ms cubic-bezier(0, 0, 0, 1);
    }

        .about-us-header__menu a:not(.about-us-header__menu-selected):hover {
            border-bottom: 5px solid #67747c;
        }

/* @media (max-width: 991px) {
    .about-us-header__menu {
        margin-left: -12px;
        margin-right: -12px;
    }
} */

.about-us-header__menu-selected {
    color: #0076da;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 5px solid #0076da;
}

    .about-us-header__menu-selected span {
        cursor: pointer;
    }

.about-us-header__menu a,
.about-us-header__menu span {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 18px 25px 10px 25px;
}

.about-us-header__menu li:not(:last-child) {
    margin-right: 5px;
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;*/
}

@media (max-width: 1055px) {
    .about-us-header__menu a,
    .about-us-header__menu span {
        font-size: 1.5rem;
        padding-right: 19px;
        padding-left: 19px;
        padding-bottom: 8px;
    }
}

@media (max-width: 940px) {
    .about-us-header__menu a,
    .about-us-header__menu span {
        padding-right: 10px;
        padding-left: 10px;
    }
}

#docs-and-forms-secondary-section:before {
    content: '';
    z-index: 50;
    top: 100px;
    height: 150%;
    background: #f6f9fc;
    background: -webkit-linear-gradient(82deg, #f6f9fc 30%, #fff 200%);
    background: -o-linear-gradient(82deg, #f6f9fc 30%, #fff 200%);
    background: linear-gradient(8deg, #f6f9fc 30%, #fff 200%);
}

/* #region Car Loans */
#car-loans-hero {
    z-index: 150 !important;
    padding-bottom: 0;
}

    #car-loans-hero:before {
        content: '';
        top: 0;
        height: 100.5%;
        -webkit-transform: skewY(-8deg);
        -ms-transform: skewY(-8deg);
        transform: skewY(-8deg);
        background: #ecf4f8;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(30%, #ecf4f8), color-stop(158%, #def5ff) );
        background: -webkit-linear-gradient(top, #ecf4f8 30%, #def5ff 158%);
        background: -o-linear-gradient(top, #ecf4f8 30%, #def5ff 158%);
        background: linear-gradient(to bottom, #ecf4f8 30%, #def5ff 158%);
    }

@media (max-width: 575px) {
    #car-loans-product {
        padding-top: 140px;
    }
}

#car-loans-product:before {
    content: '';
    top: 0;
    margin-top: 80px;
    height: 95%;
    -webkit-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    transform: skewY(-8deg);
    background: #f6f9fc;
    z-index: 170;
}

/* #endregion Car Loans */

/* #region boost saver */
#boost-saver-savings {
    background: #f6f9fc;
}

.boost-saver-form-group {
    text-align: left;
    width: 50%;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 767px) {
    .boost-saver-form-group {
        width: 75%;
    }

    .hero-logo {
        width: 66%;
    }
}

@media (max-width: 575px) {
    .boost-saver-form-group {
        width: 100%;
    }
}

.business-hero__header-subtitle {
    padding-bottom: 2.5rem;
}

/* #endregion boost saver */

.hero-logo {
    max-width: 300px;
    min-width: 240px;
    margin-bottom: 2rem;
}

/* #region Resource box module */

.resource-box__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.resource-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    height: 94%;
    margin-bottom: 30px;
    text-align: left;
    border-radius: 4px;
    background-color: #fff;
    border: #e5e4e4 1px solid;
    -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
    box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

@media (min-width: 992px) {
    .resource-box:first-child {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 991px) {
    .resource-box {
        margin-left: 0;
        margin-right: 0;
    }
}

.resource-box__header-section {
    color: #fff;
    background-color: #0e3a53;
    /*border-radius: 4px 4px 0 0;*/
    padding: 20px 30px;
}

.resource-box__heading {
    color: #fff;
    font-size: 2.65rem;
    margin: 0;
}

.resource-box__subheading {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 400;
    margin: 0;
}

.resource-box__content-section {
    padding: 30px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .resource-box__content-section {
        padding-bottom: 10px;
    }
}

.resource-box__byline {
    font-size: 1.4rem;
}

.resource-box__content-text {
    margin-bottom: 30px;
}

/* END resource box module */

.full-underline-heading {
    text-align: center;
    font-size: 2.2rem;
    font-weight: 500;
    padding-bottom: 3rem;
}

.full-underline-heading--smaller {
    font-size: 2rem;
    padding-bottom: 2.4rem;
    margin-bottom: 3.7rem;
}

/* #region Drop down menu for About Us, History,
  Careers, Sponsorship, The heartlander, Docs */

.mobile-dropdown-menu__container {
    display: none;
    padding-top: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    z-index: 500;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 788px) {
    .mobile-dropdown-menu__container {
        display: block;
    }
}

.mobile-dropdown-menu__wrapper--mobile-app:after {
    border-color: #5b8f22 transparent;
    border-style: solid;
    border-width: 8px 8px 0;
    content: '';
    height: 0;
    position: absolute;
    right: 20px;
    top: 19px;
    width: 0;
}

.mobile-dropdown-menu__wrapper {
    background: #f6f9fc;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    margin: 0 auto;
    /*max-width: 225px;*/
    padding: 1rem;
    position: relative;
    /*z-index: 3;*/
    /*border: 1px solid #e0e6e8;*/
    border-radius: 3px;
    left: -1px;
    right: -1px;
}

    .mobile-dropdown-menu__wrapper.active {
        border-radius: 3px 3px 0 0;
        -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 15px 35px rgba(50, 50, 93, 0.1);
        box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 15px 35px rgba(50, 50, 93, 0.1);
    }

.mobile-dropdown-menu__wrapper--mobile-app {
    background-color: #fff;
}

.arrow-container__mobile-menu {
    position: absolute;
    top: 40px;
    right: 45px;
}

    .arrow-container__mobile-menu .arrow-down {
        width: 0;
        height: 0;
    }

.mobile-dropdown-menu__list {
    background: #f6f9fc;
    -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
    box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
    display: block;
    left: 0;
    list-style: none;
    margin-top: 0;
    opacity: 0;
    padding-left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
    border-radius: 0 0 3px 3px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .mobile-dropdown-menu__list a {
        color: #454f5f;
        display: block;
        padding: 1rem;
        text-decoration: none;
        font-size: 1.6rem;
        padding-left: 3rem;
        -webkit-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
    }

.mobile-dropdown-menu__wrapper--mobile-app a {
    padding-left: 2.25rem;
}

.mobile-dropdown-menu__wrapper span {
    color: #454f5f;
    font-weight: 600;
    padding-left: 2rem;
}

.mobile-dropdown-menu__wrapper--mobile-app span {
    padding-left: 1rem;
}

.mobile-dropdown-menu__list li:first-child {
    border-top: 1px solid #e0e6e8;
}

.mobile-dropdown-menu__list li:last-child {
    border-radius: 0 0 3px 3px;
}

.mobile-dropdown-menu__list li:hover a {
    background-color: #8898aa;
    color: #fff;
}

.mobile-dropdown-menu__list li:last-child:hover a {
    border-radius: 0 0 3px 3px;
}

.mobile-dropdown-menu__wrapper.active .mobile-dropdown-menu__list {
    display: block;
    opacity: 1;
    pointer-events: auto;
}

.mobile-dropdown-menu__wrapper.mobile-dropdown-menu__wrapper--mobile-app.active
.mobile-dropdown-menu__list {
    z-index: 250;
}

.mobile-dropdown-menu__wrapper.active::after {
    border-width: 0 8px 8px;
}

.mobile-dropdown-menu__list .selected a {
    color: #fff;
}

.mobile-dropdown-menu__list .selected {
    background: #5b8f22;
}

    .mobile-dropdown-menu__list .selected:last-child {
        border-radius: 0 0 3px 3px;
    }

/* #endregion Drop down menu for About Us, History,
  Careers, Sponsorship, The heartlander, Docs */

/* #region Car Loans */
#car-loans-partner {
    z-index: 170;
}

.svg-background--rounded-box {
    position: relative;
    width: 160px;
    height: 160px;
    margin: 0 auto;
    background: #f6f9fc;
    border-radius: 100px;
}

@media (max-width: 576px) {
    .svg-background--rounded-box {
        width: 130px;
        height: 130px;
    }
}

.car-loans-insurance__card {
    min-height: 429px;
    background-color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 25px;
    -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
    box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
    border: 1px solid #f6f9fc;
}

.car-loans-insurance__card-heading-section {
    background-color: #441679;
    padding: 30px 0px 30px 30px;
    font-size: 2.1rem;
    font-weight: 600;
}

.car-loans-insurance__card-heading {
    font-size: 2.2rem;
    margin: 0;
    line-height: 1.05;
    padding: 20px 6px 0px 0px;
    min-height: 66px;
    position: relative;
    text-align: left;
}

.car-loans-insurance__card-body {
    padding: 30px 40px 0px 30px;
    text-align: left;
}

#car-loans-howitworks:before {
    content: '';
    top: 0;
    z-index: 170;
    height: 115%;
    -webkit-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    transform: skewY(-8deg);
    background: #f6f9fc;
    margin-top: 80px;
}

/* #endregion Car Loans */

/* #region Progress style */

.progress {
    border-radius: 3px;
    height: 8px;
    background-color: #cdd4db;
}

.progress-bar {
    background-color: #441679;
    width: 50%;
    border-radius: 3px;
}

.progress-bar--divider {
    background-color: #cdd4db;
    width: 1px;
}

/* #endregion Progress style */

/* #region Tick list style */
.tick-list {
    display: block;
    position: relative;
    text-align: left;
    list-style: none;
    padding-left: 4rem;
}

.tick-list--mobile-app {
    max-width: 320px;
}

@media (max-width: 992px) {
    .tick-list--mobile-app {
        max-width: 400px;
    }
}

.tick-list li {
    line-height: 1.5;
    margin-bottom: 20px;
}

    .tick-list li:before {
        position: absolute;
        content: '';
        background: url(../Images/blue-bullet-tick.svg);
        width: 23px;
        height: 23px;
        left: 0;
        margin-top: 1px;
    }

.tick-list--big-tick,
.tick-list--cross {
    margin-top: 3rem;
}

    .tick-list--big-tick li:before {
        background: url(../Images/Corporate/big-tick.svg);
    }

    .tick-list--cross li:before {
        background: url(../Images/Corporate/cross.svg);
    }

    .tick-list--cross li {
        margin-top: 20px;
    }

.tick-list--blue-tick li:before {
    background: url(../Images/blue-tick.svg);
    left: -31px;
    margin-top: 1px;
    top: -4px;
}

.tick-list--smaller {
    padding-left: 38px;
}

    .tick-list--smaller li {
        font-size: 1.8rem;
        margin-top: 20px;
    }

        .tick-list--smaller li:before {
            margin-top: 2px;
        }

.tick-list__title {
    color: #454f5f;
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.5;
}

.tick-list__text {
    font-size: 1.7rem;
    line-height: 1.5;
}

.bullet-points-double {
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid rgba(0, 157, 219, 0.65);
    display: block;
    position: relative;
    margin-top: 12px;
}

    .bullet-points-double::before {
        content: '';
        position: absolute;
        left: 5px;
        width: 17px;
        height: 17px;
        border-radius: 50%;
        background: rgba(0, 157, 219, 0.21);
        top: 3px;
    }

.bullet-points__text {
    margin-left: 20px;
}

/* #region Contact form */

.contact-form .form-control {
    font-size: 1.8rem;
    padding: 8px 20px 8px 13px;
}

.contact-form select.form-control {
    /* padding-top: 10px; */
    padding-bottom: 10px;
    padding-left: 5px;
    /*height: 39px;*/
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25em + 2px);
}

textarea.large {
    height: 230px;
}

textarea.medium {
    height: 150px;
}

.contact-form .form-group {
    margin: 1rem 0 2rem;
    clear: both;
}

.contact-form .field-validation-error {
    color: red;
}

.contact-form {
    width: 100%;
}

    .contact-form small {
        display: block;
        line-height: 1.5;
    }

/* #endregion Contact form */

/* #region Form validation error message */
.unforeseen-hardship-container label.error {
    color: rgba(255, 0, 0, 0.75);
    font-weight: 500;
    font-size: 1.4rem;
    position: absolute;
    left: 0;
    bottom: -25px;
}

/* #endregion Form validation error message */

.arrow-link__container {
    margin-top: 2.5rem;
    line-height: 2;
    margin-bottom: 0.5rem;
}

/* #region Mobile app pages Styles */

.gradient--mobile-app {
    background-color: #ecf4f8;
    -webkit-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    transform: skewY(-8deg);
    /*top: -200px;*/
}

/* MOBILEAPP PAGE */
.storelink_wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .storelink_wrap .c-app-link__copy-header,
    .storelink_wrap .c-app-link__copy-sub-header {
        white-space: nowrap;
    }

@media (min-width: 768px) {
    /* MOBILEAPP PAGE */
    .storelink_wrap {
        align-items: flex-start;
    }

    .c-hero__para.narrow {
        max-width: 320px;
    }
}

/* #endregion Mobile app pages Styles */

/* #region Contact box */
.contact-info {
    margin: 15px 15px 20px 15px;
    text-align: center;
    border-radius: 4px;
    padding: 10px 30px 30px 30px;
}

.contact-title {
    text-align: left;
}

.divided-line {
    border-right: 2px solid hsla(0, 0%, 93%, 1);
    margin: 40px 0px;
}

@media (max-width: 992px) {
    .contact-title {
        text-align: center;
    }
}
/* #endregion Contact box */

/* #region Contact form */
.contact-form--new label {
    display: block;
    font-weight: 500;
}

    .contact-form--new label.radio-buttons {
        width: 66px;
    }

        .contact-form--new label.radio-buttons::after {
            left: 25px;
        }

.contact-form--new .label-name {
    line-height: 54px;
    margin-right: 50px;
}

.contact-form--new .form-group {
    margin: 1rem 0 2rem 0;
}

.select__container {
    position: relative;
    background: url(../Images/select-dropdown-arrow.svg) calc(100% - 17px) center no-repeat #ffffff;
    background-size: 25px 25px;
    height: 55px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px;
}

.select__element {
    appearance: none;
    -moz-appearance: none;
    position: relative;
    -webkit-appearance: none;
    width: 110% !important;
    width: calc(100% + 18px) !important;
    height: -moz-calc(118%);
    height: 51px;
    text-indent: 0.01px;
    -o-text-overflow: '';
    text-overflow: '';
    border: 0px;
    background: none;
    padding: 12px 70px 12px 20px;
    font-size: 1.8rem;
    line-height: 1.42857143;
    border-radius: 3px !important;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.contact-form--new input:not([type="radio"]),
.contact-form--new textarea {
    display: block;
    width: 100% !important;
    height: 55px;
    padding: 12px 20px;
    font-size: 18px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ced4da;
    border-radius: 3px !important;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

    .contact-form--new input:focus,
    .contact-form--new select:focus,
    .contact-form--new textarea:focus {
        border-color: #84b9ff;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: 0;
    }

.contact-form--new .form-control {
    padding: 8px 20px;
}

.contact-form--new textarea.form-control {
    height: auto;
    padding: 15px 20px;
}

.contact-form--new label.error {
    color: rgba(255, 0, 0, 0.75);
    font-weight: 500;
    font-size: 1.4rem;
    position: absolute;
}

.contact-form--new span.error {
    color: rgba(255, 0, 0, 0.75);
    font-weight: 500;
    font-size: 1.4rem;
    position: absolute;
}

/* #endregion Contact form */

/* #region Input highlight */

.highlight {
    position: relative;
    display: block;
    width: 100%;
}

    .highlight:before,
    .highlight:after {
        content: '';
        height: 2px;
        width: 0;
        bottom: 19px;
        position: absolute;
        transition: 0.1s ease all;
        -moz-transition: 0.1s ease all;
        -webkit-transition: 0.1s ease all;
    }

    .highlight:before {
        left: 50%;
    }

    .highlight:after {
        right: 50%;
    }

input:focus ~ .highlight:before,
input:focus ~ .highlight:after,
textarea:focus ~ .highlight:before,
textarea:focus ~ .highlight:after,
select:focus ~ .highlight:before,
select:focus ~ .highlight:after {
    width: 50%;
}

.business-loans-contact-us-form__section label.error {
    font-weight: 500;
    position: absolute;
    color: #dc3545;
    font-size: 1.4rem;
    bottom: -30px;
}

/* #endregion Input highlight */

/*
    STEP PROCESS
    --------------------------------------------
*/

.step-process {
    counter-reset: step;
    list-style: none;
    padding-left: 0;
}

.step-process__item {
    position: relative;
    padding-left: 60px;
    padding-bottom: 30px;
}

    .step-process__item p {
        width: 100%;
        margin: 0 auto;
    }

    .step-process__item::before,
    .step-process__item::after {
        position: absolute;
    }

    .step-process__item::before {
        content: '';
        width: 1px;
        height: 100%;
        background-color: var(--primary-two);
        top: 1px;
        left: 28px;
    }

    .step-process__item::after {
        display: block;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        border: 1px solid var(--primary-two);
        color: var(--primary-two);
        background-color: #fff;
        counter-increment: step;
        content: counter(step);
        font-size: 2.1rem;
        left: 11px;
        top: 1px;
        text-align: center;
    }

    .step-process__item:last-child::before {
        content: none;
    }

/*
    FAQs
    --------------------------------------------
*/

/* FAQ TEAL */
.faq__inner {
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-top: -1px;
}

.faq__title,
.faq__desc {
    font-size: 1.4rem;
}

.faq__title {
    padding-right: 4.2rem;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    outline: none;
}

    .faq__title:hover,
    .faq__title:focus,
    .faq__title[aria-expanded="true"] {
        background-color: var(--tertiary-three);
    }


.faq__desc {
    margin-bottom: 0;
}

    .faq__desc::after {
        height: 15px;
        content: '';
        display: block;
    }

.faq__title .arrow-animate {
    right: 15px;
    top: 49%;
    position: absolute;
}

/* FAQ TEAL */
.faq--teal .faq__inner {
    border-color: var(--primary-two);
}

.faq--teal .arrow-animate::before,
.faq--teal .arrow-animate::after {
    background-color: var(--primary-two);
}

/*
    ARROW ANIMATE
    --------------------------------------------
    DON'T FORGET PUT POSITION RELATIVE
    TO THE PARENT OF THE ARROW ANIMATE
*/
.arrow-animate {
    -webkit-transform: translate3d(0, 4px, 0);
    transform: translate3d(0, 4px, 0);
    width: 12px;
}

    .arrow-animate,
    .arrow-animate:after,
    .arrow-animate:before {
        -webkit-transition: -webkit-transform 410ms ease-out, -webkit-transform-origin 410ms ease-out;
        transition: -webkit-transform 410ms ease-out, -webkit-transform-origin 410ms ease-out;
        -o-transition: transform 410ms ease-out, transform-origin 410ms ease-out;
        transition: transform 410ms ease-out, transform-origin 410ms ease-out;
        transition: transform 410ms ease-out, transform-origin 410ms ease-out, -webkit-transform 410ms ease-out, -webkit-transform-origin 410ms ease-out, -ms-transform-origin 410ms ease-out;
    }

        .arrow-animate:after,
        .arrow-animate:before {
            content: ' ';
            display: block;
            height: 1px;
            pointer-events: none;
            top: 50%;
            width: 12px;
            z-index: 1;
            position: absolute;
        }

        .arrow-animate:before {
            right: 50%;
            -webkit-transform: rotate(40deg) scaleY(2.25);
            -ms-transform: rotate(40deg) scaleY(2.25);
            transform: rotate(40deg) scaleY(2.25);
            -webkit-transform-origin: 100% 100%;
            -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
        }

        .arrow-animate:after {
            left: 50%;
            -webkit-transform-origin: 0% 100%;
            -ms-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
        }

/* Animation */
/*
    THIS NEED TO BE REFACTORED BETTER HAVING STATE CLASS ie .active
    RATHER THAN RELY TO ARIA EXPANDED
*/
*[aria-expanded='true'] > .arrow-animate {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
    -webkit-transition: -webkit-transform 300ms ease-out;
    transition: -webkit-transform 300ms ease-out;
    -o-transition: transform 300ms ease-out;
    transition: transform 300ms ease-out;
    transition: transform 300ms ease-out, -webkit-transform 300ms ease-out;
}

    *[aria-expanded='true'] > .arrow-animate:before {
        -webkit-transform-origin: 100% 0%;
        -ms-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    }

    *[aria-expanded='true'] > .arrow-animate:before,
    .arrow-animate:after {
        -webkit-transform: rotate(-40deg) scaleY(2.25);
        -ms-transform: rotate(-40deg) scaleY(2.25);
        transform: rotate(-40deg) scaleY(2.25);
    }

    *[aria-expanded='true'] > .arrow-animate:before,
    *[aria-expanded='true'] > .arrow-animate:after {
        -webkit-transition: -webkit-transform 300ms ease-out, -webkit-transform-origin 300ms ease-out;
        transition: -webkit-transform 300ms ease-out, -webkit-transform-origin 300ms ease-out;
        -o-transition: transform 300ms ease-out, transform-origin 300ms ease-out;
        transition: transform 300ms ease-out, transform-origin 300ms ease-out;
        transition: transform 300ms ease-out, transform-origin 300ms ease-out, -webkit-transform 300ms ease-out, -webkit-transform-origin 300ms ease-out, -ms-transform-origin 300ms ease-out;
    }

    *[aria-expanded='true'] > .arrow-animate:after {
        -webkit-transform: rotate(40deg) scaleY(2.25);
        -ms-transform: rotate(40deg) scaleY(2.25);
        transform: rotate(40deg) scaleY(2.25);
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
    }

/* FEEDBACK FORM */

.feedback-form__image-device {
    max-width: 362px;
    z-index: -1;
    position: relative;
}

.feedback-form__input,
.feedback-form__textarea {
    color: rgba(0, 0, 0, 0.6);
    padding: 9px 15px;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 2rem;
    border: none;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
    width: 100%;
}

.feedback-form__parent {
    margin-bottom: 15px;
}

.feedback-form__parent--button {
    display: flex;
    justify-content: center;
}

.feedback-form__input::placeholder {
    color: rgba(0, 0, 0, 0.6);
}

.feedback-form__input::-webkit-input-placeholder,
.feedback-form__textarea::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: rgba(0, 0, 0, 0.6);
}

.feedback-form__input:-moz-placeholder,
.feedback-form__textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(0, 0, 0, 0.6);
    opacity: 1;
}

.feedback-form__input::-moz-placeholder,
.feedback-form__textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(0, 0, 0, 0.6);
    opacity: 1;
}

.feedback-form__input:-ms-input-placeholder,
.feedback-form__textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(0, 0, 0, 0.6);
}

.feedback-form__input::-ms-input-placeholder,
.feedback-form__textarea::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(0, 0, 0, 0.6);
}

.feedback-form__button {
    border-radius: 25px;
    font-size: 18px;
    font-weight: 400;
    line-height: 15px;
    cursor: pointer;
    padding: 12px 42px;
}

.feedback-form__content--blue {
    padding-top: 9rem;
    background-color: var(--tertiary-three);
    padding-bottom: 19.5rem;
}

.feedback-form__fields {
    color: #dc3545;
}

.mobile-app__image {
    transition: width 0.5s ease;
    position: relative;
}

/*
    GO TO TOP BUTTON
    --------------------------------------------
*/
.go-top-button {
    position: fixed;
    bottom: 40px;
    right: 50px;
    background-color: #00c9c1;
    border: 1px solid rgb(0, 165, 212);
    border-radius: 50px;
    width: 65px;
    height: 65px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    z-index: 600;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(0);
    transform: scale(0);
}

    .go-top-button.show-top {
        opacity: 1;
        pointer-events: all;
        -webkit-transform: scale(1);
        transform: scale(1) rotate(0deg);
    }

    .go-top-button > img {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        width: 15px;
        height: 16px;
        margin-top: -5px;
    }

    .go-top-button.go-top-button > p {
        color: #fff;
        margin: 0;
        line-height: 0.8;
        font-weight: 500;
        font-size: 1.4rem;
        margin-top: 2px;
    }

    .go-top-button.show-top:hover {
        -webkit-transform: scale(1.1) rotate(360deg);
        transform: scale(1.1) rotate(360deg);
    }

/*
    GO TO TOP BUTTON GREEN
    --------------------------------------------
*/
.button-to-top {
    background-color: var(--primary-two);
    width: 51.5px;
    height: 51.5px;
    border-radius: 50%;
    display: none;
    flex-direction: column;
    position: fixed;
    bottom: 40px;
    right: 21px;
    z-index: 10139;
    align-items: center;
    padding-top: 7px;
    border: none;
    color: #fff;
}

    .button-to-top.is-active {
        display: flex;
    }

    .button-to-top:hover,
    .button-to-top:focus {
        color: var(--primary-two);
        border: 1.5px solid var(--primary-two);
        background-color: #fff;
    }

.button-to-top__icon {
    display: flex;
    margin-bottom: 5px;
}

    .button-to-top__icon svg {
        fill: currentColor;
        width: 14px;
        height: 8px;
    }

.button-to-top__copy {
    font-size: 1.2rem;
    line-height: 1rem;
    font-weight: 600;
    width: 39px;
}

/* CUSTOM OLD BP */
@media (max-width: 767px) {
    .mobile-app__image {
        max-width: 330px;
        margin: 0 auto;
        display: block;
        /* left: -90px; */
    }

    .go-top-button {
        bottom: 35px;
        right: 35px;
        width: 50px;
        height: 50px;
    }

        .go-top-button > img {
            height: 13px;
        }

        .go-top-button.go-top-button > p {
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
            margin-top: 0;
        }
}

@media (min-width: 768px) {
    .mobile-app__image {
        max-width: 594px;
        right: 40px;
        top: 20px;
    }
}

@media (min-width: 720px) {
    .feedback-form {
        margin-top: -24px;
    }

    .feedback-form__image-device {
        max-width: 707px;
    }
}

@media (min-width: 1200px) {
    .page-footer-home__bottom-section {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .page-footer-social-media__logo--corporate {
        margin-top: 0;
    }

    /*
        HEADER SECTION
        --------------------------------------------
    */

    .step-process {
        display: flex;
        max-width: 944px;
        margin: 0 auto;
    }

    .step-process__item {
        padding-left: 0;
        padding-top: 112px;
        max-width: 217px;
        margin: 0 auto;
    }

        .step-process__item p {
            max-width: 100%;
            text-align: center;
        }

        .step-process__item::before {
            width: 150%;
            height: 1px;
            top: 33px;
            left: 50%;
        }

        .step-process__item::after {
            width: 65px;
            height: 65px;
            font-size: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

    .faq__title {
        font-size: 1.6rem;
    }

    .feedback-form__header {
        max-width: 430px;
    }

    .feedback-form__fields {
        max-width: 580px;
        width: 100%;
    }

    .feedback-form__inner {
        display: flex;
        justify-content: space-between;
    }

    .feedback-form__asset {
        height: 100px;
        margin-bottom: -1px;
    }

    .feedback-form__asset-container {
        position: relative;
    }

    .feedback-form__image-device {
        position: absolute;
        right: -200px;
        top: -406px;
        max-width: 797px;
    }

    .feedback-form__content--blue {
        padding-bottom: 9rem;
    }

    .feedback-form__button {
        padding-left: 5.6rem;
        padding-right: 5.6rem;
    }

    .mobile-app__image {
        max-width: 614px;
        right: 230px;
    }
}

@media (min-width: 1440px) {
    .button-to-top {
        width: 61.5px;
        height: 61.5px;
        padding-top: 9px;
    }

    .button-to-top__icon {
        transform: scale(1.2);
    }

    .button-to-top__copy {
        font-size: 15px;
        line-height: 12px;
        width: 44px;
    }
}

@media (min-width: 720px) and (max-width: 1199px) {
    .feedback-form__asset {
        height: 470px;
        padding-top: 30px;
    }

    .feedback-form__image-device {
        position: relative;
        margin-left: 10%;
    }
}

/**
 * Use this file for styles that don't belong anywhere else e.g. helpers/utils etc.
 */

.z-index-50 {
    z-index: 50;
}

.promo-expired-badge {
    width: 175px;
    margin-bottom: -35px;
    padding: 0.4rem 1rem;
    margin-top: -6px;
}

.no-bullet {
    list-style-type: none;
}

.tooltip {
    font-size: 1.5rem;
}

/* .tooltip-inner {
    background-color: #333;
} */

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^='top'] .arrow::before {
    border-top-color: #333;
}

.no-background-color {
    background: none;
}

.application-tooltip {
    color: #fff;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
}

    .application-tooltip:hover {
        color: #fff;
    }

.font-weight-semi-bold {
    font-weight: 500;
}

.faux-bold {
    text-shadow: 1px 0px;
    text-shadow: 0px -1px, 1px 0px, 1px -1px;
}

.input-group-text .fa {
    font-size: 1.6rem;
    color: #666;
}

@media (min-width: 360px) {
    .d-xs-inline {
        display: inline !important;
    }

    .d-xs-block {
        display: block !important;
    }
}

.the-list-anchor.the-list-anchor.the-list-anchor {
    color: #27a0e5;
    background-position: 0 94%;
}

.slide-up {
    -webkit-animation: slideUp 350ms 1 cubic-bezier(0.77, 0, 0.175, 1) 300ms;
    animation: slideUp 350ms 1 cubic-bezier(0.77, 0, 0.175, 1) 300ms;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes slideUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0);
    }

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

@keyframes slideUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0);
    }

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

@keyframes bounce-in {
    0% {
        transform: scale(0.8);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes bounce-out {
    0% {
        transform: scale(1);
        opacity: 1;
        height: 402px;
    }

    20% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(0.2);
        opacity: 0.5;
        height: 0;
    }
}

.hidden {
    display: none !important;
}

.nowrap {
    white-space: nowrap !important;
}

.fine-print {
    line-height: 1.5;
}

.fine-print--seniors-finance {
    font-size: 15px;
}

/*.fine-print a {
        color: hsl(212, 16%, 45%) !important;
    }*/

.fine-print--smaller {
    font-size: 1.4rem;
}

.fine-print--home-compare-chart {
    color: #436875;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.3;
    text-align: left;
    max-width: 442px;
    margin-top: 10px;
}

.dropdown-toggle::after {
    display: none;
}

.cursor-pointer {
    cursor: pointer;
}

@media (max-width: 850px) {
    .hide-850-down {
        display: none;
    }
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mt-90 {
    margin-top: 90px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.pt-60 {
    padding-top: 60px !important;
}

.page-not-found {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

.page-not-found__heading {
    font-size: 30px;
    font-weight: bold;
    color: #00c9c1;
    padding-bottom: 20px;
}

.page-not-found__subhead {
    font-size: 18px;
    color: #999;
}

.page-not-found__text {
    font-size: 18px;
    font-weight: 500;
}

@media (max-width: 575px) {
    .mt-0-mobile {
        margin-top: 0 !important;
    }

    .mt-20-mobile {
        margin-top: 20px !important;
    }

    .navbar-expand .navbar-nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.go-back {
    font-size: 1.6rem;
    font-weight: 600;
    color: #5b8f22;
    border-bottom: 1px solid;
}

    .go-back:before {
        font: normal 16px ArrowIcons;
        color: inherit;
        content: '\279e';
        padding-left: 5px;
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1);
        display: inline-block;
    }

/* used for the android-esque click ripple effect */
.interaction-fill {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: opacity 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 0;
}

    .interaction-fill.show {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .interaction-fill.hide {
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
        -webkit-filter: alpha(opacity=0);
        -moz-filter: alpha(opacity=0);
        -ms-filter: alpha(opacity=0);
        -o-filter: alpha(opacity=0);
        filter: alpha(opacity=0);
    }

*[interaction-fill] {
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
}

    *[interaction-fill]:active {
        -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
        mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    }

/*aos fade in on scroll*/
/*implemented: fade, fade-up, zoom-in, slide-left, slide-right*/
[data-aos][data-aos][data-aos-delay='0'],
body[data-aos-delay='0'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='100'].aos-animate,
body[data-aos-delay='100'] [data-aos].aos-animate {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-delay='200'].aos-animate,
body[data-aos-delay='200'] [data-aos].aos-animate {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-delay='300'].aos-animate,
body[data-aos-delay='300'] [data-aos].aos-animate {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-delay='400'].aos-animate,
body[data-aos-delay='400'] [data-aos].aos-animate {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration='500'],
body[data-aos-duration='500'] [data-aos] {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay='500'].aos-animate,
body[data-aos-delay='500'] [data-aos].aos-animate {
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-delay='600'].aos-animate,
body[data-aos-delay='600'] [data-aos].aos-animate {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-easing='ease-out'],
body[data-aos-easing='ease-out'] [data-aos] {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing='ease-in-back'],
body[data-aos-easing='ease-in-back'] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos^='fade'][data-aos^='fade'] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
}

    [data-aos^='fade'][data-aos^='fade'].aos-animate {
        opacity: 1;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }

[data-aos='fade-up'] {
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
}

[data-aos='fade-down'] {
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
}

[data-aos^='zoom'][data-aos^='zoom'] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
}

    [data-aos^='zoom'][data-aos^='zoom'].aos-animate {
        opacity: 1;
        -webkit-transform: translate(0) scale(1);
        -ms-transform: translate(0) scale(1);
        transform: translate(0) scale(1);
    }

[data-aos='zoom-in'] {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

[data-aos='fade-up-right'] {
    -webkit-transform: translate3d(-100px, 100px, 0);
    transform: translate3d(-100px, 100px, 0);
}

[data-aos='fade-up-left'] {
    -webkit-transform: translate3d(100px, 100px, 0);
    transform: translate3d(100px, 100px, 0);
}

[data-aos='fade-down-right'] {
    -webkit-transform: translate3d(-100px, -100px, 0);
    transform: translate3d(-100px, -100px, 0);
}

[data-aos='fade-down-left'] {
    -webkit-transform: translate3d(100px, -100px, 0);
    transform: translate3d(100px, -100px, 0);
}

/*only slide in on desktop*/
@media (min-width: 576px) {
    [data-aos^='slide'][data-aos^='slide'] {
        opacity: 0;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        -o-transition-property: opacity, transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform;
    }

        [data-aos^='slide'][data-aos^='slide'].aos-animate {
            opacity: 1;
            -webkit-transform: translate(0);
            -ms-transform: translate(0);
            transform: translate(0);
        }

    [data-aos='slide-right'] {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    [data-aos='slide-left'] {
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }
}

/*-----------------------------------*\
            Privacy Arrow style
\*-----------------------------------*/
.arrow-down {
    width: 50px;
    height: 50px;
    top: -9px;
    right: -40px;
    position: absolute;
    cursor: pointer;
}

    .arrow-down.active {
        width: 50px;
        height: 50px;
        top: -9px;
        right: -40px;
        position: absolute;
        cursor: pointer;
    }

    .arrow-down::before,
    .arrow-down::after {
        content: '';
        display: block;
        width: 10px;
        height: 2px;
        background: #5b8f22;
        position: absolute;
        top: 20px;
        -webkit-transition: -webkit-transform 0.5s;
        transition: -webkit-transform 0.5s;
        -o-transition: transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;
    }

    .arrow-down::before {
        right: 22px;
        border-radius: 0px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .arrow-down::after {
        right: 16px;
        border-radius: 0px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .arrow-down.active::before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .arrow-down.active::after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .arrow-down.arrow-active::before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .arrow-down.arrow-active::after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

/* END privacy arrow style */

[data-toggle='tooltip'] {
    cursor: help;
}

body > img[src*='86975'] {
    display: none;
}

/*
    PAGE SPEFICIC / OVERIDE STYLE
    --------------------------------------------
*/

.arrow-link {
    border-bottom: 1px solid;
    font-weight: 600;
    border-bottom: 0;
    -webkit-transition: color 150ms linear;
    -o-transition: color 150ms linear;
    transition: color 150ms linear;
    color: #0200b9;
}

    .arrow-link:after {
        font: 18px ArrowIcons;
        color: inherit;
        content: '\279E';
        padding-left: 5px;
    }

    .arrow-link:hover {
        color: #454f5f;
    }

.arrow-link--hero {
    color: #fff;
    font-weight: 500;
}

    .arrow-link--hero:hover {
        color: #fff;
    }

/* END link styles */

.text-content h1 {
    font-size: 4.5rem;
    line-height: 5rem;
    margin-top: 1rem;
}

@media (min-width: 1024px) {
    .text-content h1 {
        font-size: 5rem;
        line-height: 6.5rem;
    }
}

.text-content h1 + h2 {
    margin-top: 2rem;
}

.text-content h2 {
    font-size: 3.4rem;
    font-weight: 400;
    margin-top: 4rem;
    line-height: 1.3;
}

.text-content h3,
.card h3 {
    font-size: 2.8rem;
    margin-top: 3rem;
    line-height: 3.6rem;
}

@media (min-width: 1024px) {
    .text-content h3,
    .card h3 {
        font-size: 3.4rem;
        line-height: 4.6rem;
    }
}

.text-content h2 + h3 {
    margin-top: 1.6rem;
}

.text-content h4 {
    margin-top: 2.5rem;
    line-height: 1.5;
}

.text-content h5 {
    font-size: 2rem;
    font-weight: 600;
    margin-top: 2.5rem;
    line-height: 1.5;
}

.text-content li {
    margin: 0.5rem 0;
}

.careers-wrapper .job-listing__heading {
    font-size: 1.8rem;
    margin-top: 25px;
    font-weight: normal;
}

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

.grey-background-font-color,
.grey-background-font-color p {
    color: #0a2642;
}

.fog-background {
    background-color: var(--tertiary-one);
}

.cloud-background {
    background-color: var(--tertiary-three);
}

.f9f9ff-background {
    background-color: #f9f9ff;
}

.white-background {
    background-color: white !important;
}

.blue_header h1 {
    color: var(--primary-two);
}

.midnight-background {
    background-color: #0a2642;
}

.sailor-background {
    background-color: rgb(14, 58, 83);
}

.dark-background-font-color,
.dark-background-font-color a {
    color: #fff;
}

.bright-background-font-color,
.bright-background-font-color a {
    color: hsla(0, 0%, 31%, 1);
}

.midnight-background--gradient {
    background: #0a2642;
    background: -webkit-linear-gradient(bottom, #0a2642 30%, #0e3a53 115%);
    background: -webkit-gradient( linear, left bottom, left top, color-stop(30%, #0a2642), color-stop(115%, #0e3a53) );
    background: -o-linear-gradient(bottom, #0a2642 30%, #0e3a53 115%);
    background: linear-gradient(to top, #0a2642 30%, #0e3a53 115%);
}

.light-blue-text {
    color: #91c3d3;
}

.light-blue-background {
    background: #ebf4f9;
}

.light-blue-background--gradient {
    background: #ebf4f9;
    background: -webkit-linear-gradient(bottom, #ecf4f8 30%, #def5ff 158%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(30%, #ecf4f8), color-stop(158%, #def5ff) );
    background: -webkit-linear-gradient(top, #ecf4f8 30%, #def5ff 158%);
    background: -o-linear-gradient(top, #ecf4f8 30%, #def5ff 158%);
    background: linear-gradient(to bottom, #ecf4f8 30%, #def5ff 158%);
}

.light-blue-background-font-color {
    color: #284453;
}

/* .white {
    background-color: #fff;
} */

/* .color-green {
    color: #00c891;
} */

.dark-background-font-color h1,
.dark-background-font-color h2,
.dark-background-font-color h3,
.dark-background-font-color h4,
.dark-background-font-color h5,
.dark-background-font-color h6 {
    color: #fff;
}

.bright-background-font-color h1,
.bright-background-font-color h3,
.bright-background-font-color h4,
.bright-background-font-color h5,
.bright-background-font-color h6,
.bright-background-font-color .btn {
    color: hsla(0, 0%, 31%, 1);
}

.bright-background-font-color h2 {
    color: #0e3a53;
}

.dark-background--gradient-top h2 {
    color: #fff;
}

.grey-background-font-color h1,
.grey-background-font-color h2,
.grey-background-font-color h3,
.grey-background-font-color h4,
.grey-background-font-color h5,
.grey-background-font-color h6 {
    color: hsla(217, 16%, 31%, 1);
}

.grey-background-font-color p {
    color: hsla(213, 16%, 31%, 1);
}

.pt-20.pt-20 {
    padding-top: 20px;
}

.pt-40 {
    padding-top: 40px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mt-60 {
    margin-top: 60px;
}

.mb-60 {
    margin-bottom: 60px;
}

.my-30 {
    margin: 30px auto;
}

.ml-6 {
    margin-left: 4rem;
}

.mb-5r {
    margin-bottom: 5rem;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.pt-30 {
    padding-top: 30px;
}

.pl-40 {
    padding-left: 40px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-20 {
    margin-top: 20px;
}

/* file upload */

/* file upload */
.file-upload-margin {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.box {
    background-color: rgba(225, 232, 237, 0.65);
    position: relative;
    padding: 15px 0 0 0;
}

    .box.has-advanced-upload {
        display: block;
        outline-offset: -10px;
        -webkit-transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
        transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
    }

input#files {
    border: none;
    outline: 2px dashed #92b0b3;
    cursor: move;
    background-color: rgba(225, 232, 237, 0.65);
}

.span__fileUpload {
    font-weight: 600 !important;
}

#upload__link,
#close__link {
    text-decoration: underline;
}

#close__link {
    text-decoration: underline;
    cursor: pointer;
}

.progress-label {
    position: absolute;
    left: 50%;
    top: 13px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
}

.ui-widget-header {
    background: #cedc98;
    border: 1px solid #dddddd;
    color: #333333;
    font-weight: bold;
}

.progress-label {
    position: absolute;
    left: 50%;
    top: 13px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
}

.btn-fileUpload {
    background: #5b8f22 !important;
    color: #fff !important;
}

    .btn-fileUpload:hover {
        background: #487318 !important;
    }

.error-response-fileupload {
    color: red;
    font-size: 15px;
    line-height: 1.2;
}

.success-response-fileupload {
    color: green;
    font-weight: bold;
    line-height: 1.2;
}

/*
    MEDIA QUERY
    --------------------------------------------
*/

/*
    HERO IMAGE STYLE
    --------------------------------------------
*/

.curve-bottom-left {
    border-bottom-left-radius: 40px;
}

.with_centered_image .c-section-block__asset {
    display: flex;
    align-items: center;
}

.color_primary_one {
    color: var(--primary-one);
}

.news-hero-section {
    padding-top: 100px;
    padding-bottom: 50px;
}

.news-hero-section-text-container {
    text-align: center;
}

    .news-hero-section-text-container > h1 {
        font-family: var(--lora);
        font-style: normal;
        font-weight: 500;
        font-size: 45px;
        line-height: 50px;
        color: var(--primary-two);
    }

    .news-hero-section-text-container > .text-container {
        font-family: var(--muli);
        margin-top: 40px;
    }

.news-list__news-item {
    border: 1px solid #C1C1C1;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 25px;
    transition: box-shadow 0.2s ease-in-out;
}

    .news-list__news-item:hover {
        box-shadow: 0px 3px 15px 0px #0200B926;
    }

.news-list__news-item-content {
    padding: 30px 15px;
    min-height: 310px;
}

.news-list__news-item-image {
    height: 250px;
    width: 100%;
}

    .news-list__news-item-image > img {
        position: relative;
        height: 100%;
        max-width: unset;
        left: 50%;
        transform: translateX(-50%);
    }

.news-list__news-item-title-link {
    font-family: var(--lora);
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    color: var(--primary-one);
    transition: all 0.3s;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

    .news-list__news-item-title-link:hover {
        color: var(--primary-two);
        text-decoration: underline;
    }

.news-list__news-item-date-author {
    font-family: var(--muli);
    font-size: 14px;
    line-height: 18px;
    margin: 15px 0px;
    color: var(--regent-gray);
}

.news-list__news-item-text {
    font-family: var(--muli);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: var(--primary-one);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media (max-width: 767px) {
    .news-hero-section {
        padding-top: 0px;
        padding-bottom: 20px;
    }

    .news-hero-section-text-container {
        text-align: left;
    }

        .news-hero-section-text-container > h1 {
            font-size: 34px;
            line-height: 46px;
        }

        .news-hero-section-text-container > .text-container {
            margin-top: 10px;
        }

    .news-list__news-item-title-link {
        font-weight: 500;
        font-size: 24px;
        line-height: 28px;
    }

    .news-list__news-item-text {
        font-size: 16px;
        line-height: 24px;
    }

    .news-list__news-item-content {
        min-height: unset;
    }
}

@media (min-width: 400px) and (max-width: 767px) {
    .news-list__news-item-image {
        height: unset;
        width: 100%;
    }

        .news-list__news-item-image > img {
            height: unset;
            width: 100%;
        }
}

/*
    LEGACY CODE
    --------------------------------------------
*/

.hero-dca {
    background-color: var(--tertiary-five);
}

@media (max-width: 390px) {
    .page-header__content .h2--homepage-hero {
        font-size: 2.8rem;
    }
}

.temp-mobile-app-msg {
    font-weight: 900;
}

.banner-close-btn {
    margin-left: 15px;
    color: white;
    font-size: 2rem;
    position: relative;
    top: 2px;
    cursor: pointer;
}

.rates-table {
    text-align: center;
    margin-bottom: 2rem;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(244, 244, 244, 0.5);
}

.rates-table thead tr {
    background-color: var(--tertiary-three);
    font-size: 1.7rem;
    font-weight: 600;
    border-bottom: 1px solid var(--primary-one);
}

.rates-table tr {
    -webkit-transition: background 0.1s ease;
    -o-transition: background 0.1s ease;
    transition: background 0.1s ease;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}

.rates-btn-on-hover-only {
    opacity: 0;
    -webkit-transition: opacity 0.1s ease;
    -o-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
    text-transform: uppercase;
    color: var(--primary-two);
}

.term-deposit-term-column {
    min-width: 95px;
}

.pie-term-column {
    min-width: 95px;
}

.rates-table tr.special-rates {
    background-color: #F9F9FF !important;
}

    .rates-table tr.special-rates td {
        position: relative;
        color: var(--primary-two);
        font-weight: bold;
    }

@media (max-width: 576px) {
    .term-deposit-term-column {
        min-width: 77px;
    }

    .pie-term-column {
        min-width: 80px;
    }
}

.rates-table td {
    border: none;
}

.rates-table td,
.rates-table tr {
    vertical-align: middle;
    padding: 0.85rem;
}

    .rates-table td:first-child {
        padding-left: 12px;
    }

@media (max-width: 576px) {
    .rates-table td:first-child {
        padding-left: 8px;
    }
}

@media (max-width: 320px) {
    .rates-table {
        margin-left: -15px;
        margin-right: -15px;
        width: auto;
        max-width: none;
    }

    .term-deposit-term-column {
        min-width: 64px;
    }

    .pie-term-column {
        min-width: 72px;
    }
}

@media (max-width: 576px) {
    .rates-table th,
    .rates-table td {
        padding: 0.45rem;
    }
}

@media (max-width: 576px) {
    .rates-table {
        font-size: 1.6rem;
    }
}

.interest-rates__title {
    color: #1b5b79;
    font-weight: 700;
}

.text-container .interest-rates__sub-title {
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.6rem;
}

.savings-deposits-interest-rate__canstar-logo {
    max-width: 70px;
    margin-top: -32px;
}

@media (max-width: 767px) {
    .savings-deposits-interest-rate__canstar-logo {
        max-width: 43px;
        margin-top: -20px;
    }
}

.home-hero__canstar {
    width: 43px;
    height: 43px;
    margin-top: -43px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1000;
}

.home-hero__canstar-img-small-container {
    position: relative;
}

.home-hero__canstar-img-small {
    max-width: 70px;
    pointer-events: all;
}

.anchor--careers {
    top: -410px;
}

@media (min-width: 578px) and (max-width: 767px) {
    .anchor--careers {
        top: -260px;
    }
}

@media (max-width: 575px) {
    .anchor--careers {
        top: -140px;
    }
}

.anchor--corporate-news {
    top: -170px;
}

.linkedin-logo-link img {
    border-radius: 3px;
}

ol.bullet-MVI li {
    margin-top: 1.5rem;
    line-height: 2.5rem;
}

.bullet-MVI div {
    padding-left: 2rem;
}

ol.bullet-MVI--special > li:last-child {
    list-style: none;
}

@media (max-width: 767px) {
    .d-xs-none {
        display: none !important;
    }

    .bullet-MVI {
        padding-left: 2rem;
    }

        .bullet-MVI div {
            padding-left: 1rem;
        }

    .bullet-MVI--sub {
        padding-left: 2rem;
    }
}

.interest-rates__responsive-cell-display {
    display: table-cell;
}

@media (pointer: coarse), (pointer: none) {
    .term-deposits__rates-table tbody td:first-child .rates-page-link,
    .pie__rates-table td:first-child .rates-page-link {
        color: #0056b3;
        border-bottom: 1px solid #0056b3;
    }

    .interest-rates__responsive-cell-display {
        display: none;
    }
}

/***** START history timeline *****/

.timeline {
    position: relative;
    padding-bottom: 0;
}

    .timeline::before {
        /* this is the vertical line */
        content: '';
        position: absolute;
        left: 16px;
        height: 100%;
        width: 2px;
        background: #d7e4ed;
    }

@media only screen and (min-width: 768px) {
    .timeline::before {
        left: 50%;
        margin-left: -1px;
    }
}

.timeline__block {
    position: relative;
    margin: 3rem 0;
}

    .timeline__block:after {
        content: '';
        display: table;
        clear: both;
    }

    .timeline__block:first-child {
        margin-top: 0;
    }

    .timeline__block:last-child {
        margin-bottom: 0;
    }

@media only screen and (min-width: 768px) {
    .banner-close-btn {
        margin-left: 30px;
    }

    .timeline__block {
        margin: 3em 0;
    }

        .timeline__block:first-child {
            margin-top: 0;
        }

        .timeline__block:last-child {
            margin-bottom: 0;
        }
}

.timeline__icon-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #fff;
}

.timeline__icon-container--grey {
    background-color: #f6f9fc;
}

.timeline__icon {
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
}

@media only screen and (min-width: 768px) {
    .timeline__icon-container {
        width: 42px;
        height: 42px;
        left: 50%;
        margin-left: -21px;
    }

    .timeline__icon {
        width: 36px;
        height: 36px;
        left: 50%;
        margin-left: -18px;
        margin-top: -18px;
    }
}

.timeline__date {
    font-size: 3rem;
    line-height: 1;
}

.timeline__content {
    position: relative;
    margin-left: 50px;
    background: white;
    border-radius: 0.25rem;
}

    .timeline__content:after {
        content: '';
        display: table;
        clear: both;
    }

.timeline__content--last-item {
    margin-bottom: 70px;
}

.timeline__blurb {
    font-size: 1.6rem;
    margin: 0.5rem 0;
    line-height: 1.6;
    max-width: 500px;
}

@media only screen and (min-width: 768px) {
    .timeline__date {
        font-size: 4.2rem;
    }

    .timeline__blurb {
        font-size: 1.6rem;
    }
}

@media only screen and (min-width: 768px) {
    .timeline__content {
        margin-left: 0;
        width: 46.5%;
    }

    .timeline__block:nth-child(even) .timeline__content {
        float: right;
    }

    .timeline__block:nth-child(odd) .timeline__content {
        text-align: right;
    }

    .timeline__block:nth-child(odd) .timeline__blurb {
        margin-left: auto;
    }
}

/***** END history timeline *****/

/*about us page*/

.about-us__section-heading {
    font-size: 4rem;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 2.5rem;
}

@media (max-width: 1023px) {
    .about-us__section-heading {
        font-size: 2.8rem;
    }
}

@media (max-width: 575px) {
    .about-us__section-heading {
        font-size: 2.67rem;
        margin-bottom: 2rem;
        text-align: left;
    }
}

.about-us__blurb {
    color: hsla(213, 16%, 38%, 1);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 820px;
    font-size: 2rem;
    line-height: 1.45;
}

@media (max-width: 414px) {
    .about-us__blurb {
        font-size: 1.6rem;
        text-align: left;
    }
}

.about-us-reverse-mortgages__logo {
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    -o-transition: transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease;
}

@media (max-width: 767px) {
    .about-us-reverse-mortgages__logo {
        -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
        transform: scale(0.85);
    }
}

.code-of-banking-practice__heading {
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 600;
}

.quote-box {
    margin: 5rem auto;
    padding: 5rem 9%;
    text-align: center;
    max-width: 890px;
    font-size: 3rem;
    font-style: italic;
    line-height: 1.3;
}

@media (max-width: 575px) {
    .quote-box {
        font-size: 2.6rem;
        margin: 4rem auto;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

.quick-facts tr {
    border-top: 1px dashed #79818d;
}

.quick-facts td {
    padding: 17px;
    font-size: 1.9rem;
}

@media (max-width: 575px) {
    .quick-facts td {
        font-size: 1.6rem;
        padding: 15px;
    }
}

.quick-facts td:first-child {
    padding-left: 0;
    padding-right: 30px;
    font-weight: 600;
    width: 300px;
}

.quick-facts td:nth-child(2) {
    padding-right: 0;
    min-width: 200px;
}

@media (max-width: 575px) {
    .quick-facts td:first-child {
        padding-right: 15px;
    }
}

/*callout profile module*/

.callout-profile {
    max-width: 900px;
}

.callout-profile__block {
    margin: 8rem 0;
}

@media (max-width: 575px) {
    .callout-profile__block {
        margin: 5rem -10px;
    }
}

@media (max-width: 414px) {
    .callout-profile__block {
        margin: 5rem -15px;
    }
}

.callout-profile__block:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.callout-profile__image {
    border-radius: 50%;
    width: 100%;
    max-width: 250px;
}

    .callout-profile__image:before {
        background: rgba(112, 112, 112, 0.15);
        background: red;
        content: 'a';
        left: 0;
        right: 0;
        top: 0;
        /*height: 100%;
	width:100%;*/
        height: 100px;
        width: 100px;
        position: absolute;
        z-index: 99999999;
    }

@media (max-width: 575px) {
    .callout-profile__image {
        max-width: 200px;
    }
}

.callout-profile__bubble {
    position: relative;
    background-color: #f6f9fc;
    padding: 3rem;
}

@media (max-width: 575px) {
    .callout-profile__bubble {
        padding: 2.5rem;
        margin-top: 40px;
    }
}

@media (min-width: 576px) {
    .callout-profile__block:nth-child(odd) .callout-profile__bubble {
        margin-left: 2%;
    }

    .callout-profile__block:nth-child(even) .callout-profile__bubble {
        margin-right: 2%;
    }
}

.callout-profile__bubble:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 29px solid transparent;
}

@media (max-width: 575px) {
    .callout-profile__bubble:after {
        top: 0;
        left: 50%;
        border-bottom-color: #f6f9fc;
        border-top: 0;
        margin-left: -29px;
        margin-top: -29px;
    }
}

@media (min-width: 576px) {
    .callout-profile__block:nth-child(odd) .callout-profile__bubble:after {
        left: 0;
        top: 120px;
        border: 29px solid transparent;
        border-right-color: #f6f9fc;
        border-left: 0;
        margin-top: -29px;
        margin-left: -29px;
    }

    .callout-profile__block:nth-child(even) .callout-profile__bubble:after {
        right: 0;
        top: 120px;
        border: 29px solid transparent;
        border-left-color: #f6f9fc;
        border-right: 0;
        margin-top: -29px;
        margin-right: -29px;
    }
}

.callout-profile__quote {
    font-size: 2rem;
    font-style: italic;
    line-height: 1.4;
}

.callout-profile__name {
    /*color: #454f5f;*/
    font-size: 2rem;
    font-weight: 600;
}

.callout-profile__role {
    font-size: 1.6rem;
}

@media (max-width: 575px) {
    .callout-profile__quote {
        font-size: 1.8rem;
    }

    .callout-profile__name {
        font-size: 1.8rem;
    }

    .callout-profile__role {
        font-size: 1.5rem;
    }
}

/*end callout module*/

.news-item__section--corporate .news-item__go-back-link {
    padding-left: 22px;
    position: relative;
    padding-bottom: 3px;
    text-decoration: none;
}

    .news-item__section--corporate .news-item__go-back-link:before {
        content: '';
        position: absolute;
        left: 8px;
        top: 6px;
        width: 8px;
        height: 8px;
        transform: rotate(45deg);
        border-bottom: 2px solid;
        border-left: 2px solid;
    }

@media (max-width: 788px) {
    .anchor--corporate-news {
        top: -100px;
    }
}

/*end about us page*/

/*history page */

.history-timeline {
    z-index: 100;
    margin-bottom: -50px;
}

@media (min-width: 576px) {
    .history-timeline {
        margin-bottom: -85px;
    }
}

.history-whats-next__container {
    margin-top: 80px;
    margin-bottom: 20px;
}

.whats-next__icon {
    /*width: 50px;*/
    height: 80px;
    margin-top: 30px;
    margin-bottom: 5px;
    opacity: 0.75;
}

.whats-next__heading {
    font-size: 2.4rem;
    font-weight: 400;
    margin-bottom: 1.3rem;
}

.whats-next__blurb {
    margin-bottom: 3rem;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 575px) {
    .whats-next__blurb {
        margin-left: 0;
    }
}

/*end history page */

/* careers page */

/*  careers img blurb module */
.careers-img-blurb__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
}

.careers-img-blurb__img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url('../Images/Corporate/heartland-careers-group.jpg') 57% center;
    background-size: cover;
}

@media (max-width: 767px) {
    .careers-img-blurb__img {
        width: 100%;
        height: 44vw;
        min-height: 200px;
    }
}

.careers-img-blurb__blurb {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 50px 6.7%;
}

    .careers-img-blurb__blurb p {
        line-height: 1.66;
    }

@media (min-width: 768px) {
    .careers-img-blurb__blurb {
        padding: 90px 62px;
    }

        .careers-img-blurb__blurb p {
            max-width: 400px;
            line-height: 1.75;
        }
}

/* END careers img-blurb module */

.branches-offices-list {
    list-style: none;
    font-weight: 500;
    margin-bottom: 0;
}

    .branches-offices-list li {
        margin-top: 0.9rem;
    }

        .branches-offices-list li:before {
            content: '•';
            color: #1b5b79;
            font-size: 36px;
            position: absolute;
            margin-top: -15px;
            margin-left: -30px;
        }

.internship-grad-recruitment {
    padding: 20px 0;
}

@media (min-width: 768px) {
    .internship-grad-recruitment--left {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 25px;
    }

    .internship-grad-recruitment--right {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 25px;
    }
}

@media (min-width: 992px) {
    .internship-grad-recruitment--left {
        padding: 20px 70px 70px 0;
    }

    .internship-grad-recruitment--right {
        padding: 20px 0 70px;
    }
}

.internship-grad-recruitment__icon {
    height: 90px;
    margin-bottom: 5px;
    opacity: 0.75;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.internship-grad-recruitment__heading {
    text-align: center;
    font-size: 3rem;
    font-weight: 400;
    margin-bottom: 1.3rem;
}

.internship-grad-recruitment__blurb {
    /*text-align:left;*/
    /*margin-bottom: 3rem;*/
    color: hsla(213, 16%, 38%, 1);
    margin-left: auto;
    margin-right: auto;
    max-width: 820px;
}

.link-card {
    display: block;
    padding: 40px;
    background-color: #fff;
    background-color: var(--white);
    transition: box-shadow 0.2s ease-in-out;
    box-shadow: 0px 3px 15px 0px #0200B926;
}

    .link-card:hover {
        box-shadow: 0px 3px 20px 0px #0200B933;
    }

    .link-card:nth-child(1) {
        margin: 0 0 25px 0;
    }

    .link-card *:last-child {
        margin-bottom: 0;
    }

@media (max-width: 414px) {
    .link-card {
        padding: 25px;
    }
}

.link-card__heading {
    color: #0200b9;
    margin-top: 0;
    font-size: 1.8rem;
    line-height: 26px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    -webkit-transition: color 150ms ease;
    -o-transition: color 150ms ease;
    transition: color 150ms ease;
}

    .link-card__heading:after {
        font: 18px ArrowIcons;
        color: inherit;
        content: '\279E';
        padding-left: 5px;
    }

@media (min-width: 768px) {
    .link-card {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

        .link-card:nth-child(1) {
            margin: 0 15px 0 0;
        }

        .link-card:nth-child(2) {
            margin: 0 0 0 15px;
        }
}

.link-card__blurb {
    color: hsla(213, 16%, 32%, 1);
}

/*end careeers page*/

/* start heartlander page*/

.heartland-box__container {
    margin-left: -2%;
    margin-right: -2%;
}

.heartlander-box {
    background-color: #f6f9fc;
    /*flex: 0 1 auto;*/
    display: none; /*hidden by default for lazy load*/
    /*flex-direction: column;*/
    padding: 15px;
    margin: 2%;
    -webkit-transition: 200ms ease-out;
    -o-transition: 200ms ease-out;
    transition: 200ms ease-out;
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    /*box-shadow: 0 2px 20px rgba(0,0,0,.15);*/
    -webkit-transform: perspective(1000px) rotateY(0deg) translateZ(0);
    transform: perspective(1000px) rotateY(0deg) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform, box-shadow;
}

    .heartlander-box:hover {
        -webkit-transform: perspective(1000px) rotateY(-10deg) translate3d(-3px, 0, 0);
        transform: perspective(1000px) rotateY(-10deg) translate3d(-3px, 0, 0);
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-box-shadow: 5px 2px 20px -10px rgba(0, 0, 0, 0.2);
        box-shadow: 5px 2px 20px -10px rgba(0, 0, 0, 0.2);
    }

    .heartlander-box:active {
        -webkit-transform: perspective(1000px) rotateY(-25deg) translate3d(-3px, 0, 0);
        transform: perspective(1000px) rotateY(-25deg) translate3d(-3px, 0, 0);
        -webkit-box-shadow: 10px 2px 40px -15px rgba(0, 0, 0, 0.2);
        box-shadow: 10px 2px 40px -15px rgba(0, 0, 0, 0.2);
    }

    .heartlander-box * {
        display: block;
    }

.heartlander-box__image {
    width: 220px;
    height: 308px;
    background: #fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 3px 1px -2px rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 3px 1px -2px rgba(0, 0, 0, 0.06);
}

.heartlander-box__link {
    font-size: 1.6rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 2rem;
}

/* end heartlander page*/

/* careers job listing widgets */

.ja-loading {
    position: absolute;
    top: 10px;
    right: 10px;
}

    .ja-loading.left {
        left: 10px;
        right: auto;
    }

/* Forms */
.ja-form {
    margin-bottom: 3em;
}

    .ja-form .ja-field-container {
        margin-bottom: 0.5em;
    }

        .ja-form .ja-field-container:before,
        .ja-form .ja-field-container:after {
            content: '';
            display: table;
        }

        .ja-form .ja-field-container:after {
            clear: both;
        }

    .ja-form .ja-field-container {
        zoom: 1;
    }

        .ja-form .ja-field-container label {
            display: block;
            float: left;
            width: 100px;
            padding-top: 6px;
        }

        .ja-form .ja-field-container .ja-field {
            float: left;
        }

        .ja-form .ja-field-container select,
        .ja-form .ja-field-container textarea,
        .ja-form .ja-field-container input[type='text'],
        .ja-form .ja-field-container input[type='password'],
        .ja-form .ja-field-container input[type='datetime'],
        .ja-form .ja-field-container input[type='datetime-local'],
        .ja-form .ja-field-container input[type='date'],
        .ja-form .ja-field-container input[type='month'],
        .ja-form .ja-field-container input[type='time'],
        .ja-form .ja-field-container input[type='week'],
        .ja-form .ja-field-container input[type='number'],
        .ja-form .ja-field-container input[type='email'],
        .ja-form .ja-field-container input[type='url'],
        .ja-form .ja-field-container input[type='search'],
        .ja-form .ja-field-container input[type='tel'],
        .ja-form .ja-field-container input[type='color'] {
            font-family: Helvetica, Arial, sans-serif;
            font-size: 1em;
            color: #333;
            border: solid 1px #ccc;
        }

        .ja-form .ja-field-container select {
            width: 240px;
            padding: 2px;
        }

        .ja-form .ja-field-container textarea {
            width: 230px;
            padding: 3px 4px;
        }

        .ja-form .ja-field-container input[type='text'],
        .ja-form .ja-field-container input[type='password'],
        .ja-form .ja-field-container input[type='datetime'],
        .ja-form .ja-field-container input[type='datetime-local'],
        .ja-form .ja-field-container input[type='date'],
        .ja-form .ja-field-container input[type='month'],
        .ja-form .ja-field-container input[type='time'],
        .ja-form .ja-field-container input[type='week'],
        .ja-form .ja-field-container input[type='number'],
        .ja-form .ja-field-container input[type='email'],
        .ja-form .ja-field-container input[type='url'],
        .ja-form .ja-field-container input[type='search'],
        .ja-form .ja-field-container input[type='tel'],
        .ja-form .ja-field-container input[type='color'] {
            width: 230px;
            padding: 3px 4px;
        }

        .ja-form .ja-field-container .checkbox:after {
            content: '.';
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        .ja-form .ja-field-container .checkbox {
            display: block;
            margin-left: 95px;
        }

            .ja-form .ja-field-container .checkbox br {
                clear: left;
            }

            .ja-form .ja-field-container .checkbox input {
                width: 15px;
                height: 19px;
                float: left;
            }

            .ja-form .ja-field-container .checkbox label {
                height: 21px;
                width: auto;
                line-height: 21px;
                float: left;
                padding: 2px 12px 0 5px;
            }

    .ja-form .ja-submit {
        margin-top: 1em;
        margin-left: 100px;
        vertical-align: middle;
    }

        .ja-form .ja-submit .ja-loading {
            position: relative;
            top: 0;
            left: 0;
            margin-left: 10px;
            vertical-align: middle;
        }

.ja-button {
    position: relative;
    color: #fff !important;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04rem;
    background-color: #0076da !important;
    margin-bottom: 10px;
    margin-top: 10px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
    padding: 0 17px;
    border: 0;
    height: 38px;
    line-height: 38px;
    cursor: pointer;
    outline: none !important;
    border-radius: 0.25rem;
}

    .ja-button:hover {
        background-color: #0076da !important;
        color: white !important;
        outline: none !important;
    }

    .ja-button:active {
        background-color: #0076da !important;
        outline: none !important;
    }

.ja-form .ja-field-container .error {
    color: #990000;
    border-color: #990000;
}

.ja-form .ja-field-container .validation-error {
    display: block;
    clear: both;
    margin-top: 5px;
    color: #aa0000;
}

.ja-form .ja-error-container {
    color: #aa0000;
    margin-top: 2em;
    margin-left: 100px;
}

    .ja-form .ja-error-container p {
        margin-bottom: 0;
    }

/* End forms */

/* Job list */

/* .ja-job-list-container {
} */

.ja-job-list-container .no-jobs-content {
    text-align: center;
}

.ja-job-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 1024px) {
    .ja-job-list {
        width: 100%;
        max-width: 76%;
        margin: 0 auto;
    }
}

.ja-job-list .job {
    margin-bottom: 4%;
    padding: 2rem 3rem;
    max-width: 48%;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 4px 4px 50px rgba(0, 0, 0, 0.07);
}

@media (max-width: 1206px) {
    .ja-job-list .job {
        max-width: 46%;
        min-width: 46%;
    }
}

@media (max-width: 767px) {
    .ja-job-list .job {
        max-width: 100%;
        min-width: 100%;
    }
}

.ja-job-list .job .title {
    color: var(--primary-two);
    background-color: #fff;
    font-size: 1.8rem !important;
    font-weight: 700;
    margin: 0;
    line-height: 1.3 !important;
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    .ja-job-list .job .title {
        font-size: 2rem;
    }
}

.ja-job-list .job .title a {
    color: var(--primary-two);
}

.ja-job-list .job .meta:before,
.ja-job-list .job .meta:after {
    content: '';
    display: table;
}

.ja-job-list .job .meta:after {
    clear: both;
}

.meta p {
    font-size: 0.9em;
    margin-bottom: 0.5em;
}

.ja-job-list .job .meta .classifications {
    padding: 0;
}

    .ja-job-list .job .meta .classifications li {
        display: inline;
    }

.meta .classifications li:after {
    display: inline;
    content: ' | ';
    color: #ccc;
}

.meta .classifications li:last-child:after {
    content: none;
}

.meta .date-posted:before {
    content: 'Posted: ';
    font-size: 1.3rem;
}

.ja-job-list .job .meta .salary {
    clear: left;
    float: left;
}

.ja-job-list .job .meta .reference {
    float: right;
    text-align: right;
}

.ja-job-list .job .summary {
    margin: 0 0 1rem;
}

.ja-job-list .job .view-details {
    color: var(--primary-two);
    /* text-decoration: underline; */
    font-weight: 700;
    border-bottom: 0;
    display: inline-block;
    margin: 1rem 0 0 0;
}

/* .ja-job-list .job .view-details:after {
    font: 18px ArrowIcons;
    color: inherit;
    content: '\279E';
    padding-left: 5px;
} */

/* .ja-job-list .job .view-details:hover {
}

.ja-job-list .job .view-details:active {
} */

/* End job list */

/* Pager */

/* .ja-pager-container {
} */

.ja-pager-container:before,
.ja-pager-container:after {
    content: '';
    display: table;
}

.ja-pager-container:after {
    clear: both;
}

.ja-pager-container {
    zoom: 1;
}

.ja-pager {
    float: left;
    font-size: 0.9em;
}

    .ja-pager:before,
    .ja-pager:after {
        content: '';
        display: table;
    }

    .ja-pager:after {
        clear: both;
    }

.ja-pager {
    zoom: 1;
}

    .ja-pager span,
    .ja-pager a {
        display: block;
        float: left;
        line-height: 23px;
        padding: 0 8px;
        margin-right: 3px;
        color: #333;
        background-color: #f3f3f3;
        border: solid 1px #ddd;
    }

        .ja-pager a:hover,
        .ja-pager .current-page {
            color: #fff;
            background-color: #bbb;
            border-color: #999;
            text-decoration: none;
        }

/* .ja-pager .previous,
	.ja-pager .next {
	}

	.ja-pager .first-page,
	.ja-pager .last-page {
	}

	.ja-pager .previous-ellipsis,
	.ja-pager .next-ellipsis {
	} */

.ja-pager-summary {
    float: right;
    line-height: 25px;
    font-size: 0.9em;
}

/* End pager */

/* Job details */

.ja-job-details {
    padding-top: 140px;
    border-top: 1px solid #d9dee2;
}

    /* .ja-job-details .title {
	} */

    .ja-job-details .meta {
        margin-bottom: 1em;
    }

        .ja-job-details .meta:before,
        .ja-job-details .meta:after {
            content: '';
            display: table;
        }

        .ja-job-details .meta:after {
            clear: both;
        }

    .ja-job-details .meta {
        zoom: 1;
        font-size: 1.4rem;
    }

        .ja-job-details .meta p {
            font-size: 0.9em;
            margin-bottom: 0.5em;
        }

        .ja-job-details .meta .classifications {
            padding: 0;
        }

            .ja-job-details .meta .classifications li {
                display: inline;
                /*margin-right: 0.5rem;*/
            }

        /* .ja-job-details .meta .date-posted {
} */

        .ja-job-details .meta .salary {
            clear: left;
            float: left;
        }

        .ja-job-details .meta .reference {
            float: right;
            text-align: right;
            margin-top: -88px;
        }

            .ja-job-details .meta .reference:before {
                content: 'Ref: ';
            }

    .ja-job-details ul {
        margin: 12px 0 20px 24px;
    }

    .ja-job-details .apply {
        margin: 2em 0 0.5em 0;
        text-align: center;
    }

        .ja-job-details .apply .back-link {
            font-size: 0.9em;
            margin-right: 3rem;
            margin-left: 1em;
        }

            .ja-job-details .apply .back-link:before {
                font-size: 0.9em;
                font: 18px ArrowIcons;
                color: inherit;
                content: '\279E';
                padding-left: 10px;
                -webkit-transform: scaleX(-1);
                -ms-transform: scaleX(-1);
                transform: scaleX(-1);
                display: inline-block;
            }

/* .ja-job-details .apply .ja-button {
		} */

/* End job details */

/* Application form iframe (external app forms) */

.ja-apply-iframe iframe {
    width: 100%;
    height: 500px;
    border: none;
}

.ja-apply-iframe .apply {
    margin: 2em 0 0.5em 0;
    text-align: center;
}

    .ja-apply-iframe .apply .back-link {
        font-size: 0.9em;
    }

/* End application form iframe */

/* Application form */

/* .ja-job-apply .ja-success-text {
} */

.ja-job-apply .ja-submit .back-link {
    font-size: 0.9em;
    margin-left: 1em;
}

/* End application form */

.powered-by-jobadder {
    display: none;
}

/* End careers job widgets */

.call-account-contact-us-form__section
.form-control.call-account-contact-us-form__message {
    overflow: hidden;
    display: block;
    min-height: 150px;
}

/*****  Mobile app pages Styles END *******/

/* Notification banner styles*/

.temporary-alert {
    height: 28px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9002;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #0a2642;
    border-bottom: 1px solid hsla(0, 0%, 54%, 0.31);
}

    .temporary-alert p {
        margin: 0;
        font-size: 1.4rem;
        color: #fff;
        font-weight: 500;
    }

    .temporary-alert a {
        color: inherit;
    }

@media (max-width: 564px) {
    .temporary-alert p {
        font-size: 1.4rem;
        line-height: 1.25;
    }

    .temporary-alert {
        height: 50px;
    }
}

.important-alert__section {
    padding-top: 90px;
    padding-bottom: 90px;
}

/*** Identification requirements ***/

.id-requirements__section .listItems p {
    font-size: 17px;
    margin-left: 5px;
}

.useful-link-blurb {
    font-size: 2rem;
}

.useful-link-box {
    margin: 18px 10px;
    -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
    box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

/* text animation */
.content {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 160px;
    overflow: hidden;
    font-size: 35px;
    line-height: 40px;
    color: #ecf0f1;
    bottom: -50%;
}

.content__container {
    font-weight: 600;
    overflow: hidden;
    height: 40px;
    padding: 0 40px;
}

/** Savings tiles **/

.home-hero__container .page-header__content {
    padding-bottom: 40px;
}

@media (max-width: 991px) {
    .home-hero__container .page-header__content {
        padding-bottom: 2rem;
    }
}

.home-hero__container .page-header__content-header-title--savings {
    color: #0a2642;
    max-width: 515px;
}

@media (max-width: 991px) {
    .home-hero__container .page-header__content-header-title--savings {
        max-width: 100%;
    }
}

.home-hero__container .page-header__content-header-title--termdeposit {
    color: #fff;
    max-width: 515px;
}

@media (max-width: 991px) {
    .home-hero__container .page-header__content-header-title--termdeposit {
        max-width: 100%;
    }
}

.savings-tile__container {
    position: relative;
    overflow: hidden;
    max-width: 490px;
    padding: 23px 28px;
    margin: 0 auto;
    margin-top: -40px;
    z-index: 180;
}

@media (max-width: 991px) {
    .savings-tile__container.savings-tile__container--dca {
        padding-top: 70px;
    }
}

@media (min-width: 992px) {
    .savings-tile__container {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.soft-disabled {
    background-color: #bbb;
}

    .soft-disabled:hover {
        background-color: #bbb;
    }

.savings-hero__container .savings-tile__container {
    max-width: 470px;
}

/*
    SAVINGS TILE
    --------------------------------------------
*/
.savings-tile__container--hometd {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: #0e3a53 !important;
    padding: 0;
    margin: 0;
    max-width: 1200px;
}

.savings-tile__container.savings-tile__container--hometd > .savings-tile__title,
.savings-tile__container.savings-tile__container--hometd > .savings-tile__checks-container {
    margin-top: -50px;
    color: #1b5b7a;
}

.savings-tile__complex-text-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.savings-tile__percent-pa-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.savings-tile__container.savings-tile__container--td {
    background: #3a4269;
    background: -webkit-radial-gradient( center, ellipse cover, #3a4269 0%, #001641 100% );
    background: -webkit-radial-gradient( center, ellipse, #3a4269 0%, #001641 100% );
    background: -o-radial-gradient(center, ellipse, #3a4269 0%, #001641 100%);
    background: radial-gradient(ellipse at center, #3a4269 0%, #001641 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a4269', endColorstr='#001641',GradientType=1 );
}

.savings-tile__container,
.savings-tile__container h4,
.savings-tile__container a {
    color: #fff;
}

.savings-tile__title {
    font-size: 2.8rem;
    line-height: 1;
    margin-bottom: 0;
    text-shadow: 1px 0px;
}

.savings-top-rates__wrapper .savings-tile__title {
    font-size: 2.5rem;
    margin-left: 5px;
    margin-top: 10px;
}

.savings-tile__container--dca .savings-tile__title {
    font-size: 3.5rem;
    font-weight: 300;
}

.savings-tile__large-number {
    font-size: 13.5rem;
    font-weight: 700;
    letter-spacing: -0.5rem;
    line-height: 1;
    text-shadow: 0px -2px;
}

.savings-tile__percent {
    font-size: 7rem;
    font-weight: 600;
    text-shadow: -1px 0px;
    margin-top: -10px;
}

.savings-top-rates__wrapper .savings-tile__percent {
    font-size: 6rem;
}

.savings-tile__pa {
    font-size: 4.3rem;
    font-weight: 600;
    text-shadow: 1px 0px, 1px 0px;
    margin-top: -28px;
    margin-left: 8px;
}

.savings-top-rates__wrapper .savings-tile__large-number {
    font-size: 11rem;
    letter-spacing: -0.3rem;
}

.savings-tile__container.savings-tile__container--dca span:not(:last-child) {
    display: inline;
}

.savings-tile__checks-container > * {
    display: block;
    position: relative;
    padding-left: 22px;
    left: -40px;
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 0.6px;
    line-height: 1.3;
}

    .savings-tile__checks-container > *:before {
        content: '';
        position: absolute;
        width: 12.5px;
        height: 12.5px;
        left: 6px;
        top: 4px;
        background: url(../Images/transparent-bullet-tick-blue.svg);
    }

.savings-tile__button {
    margin-top: 12px;
    border: 1.5px solid #fff;
    display: inline-block;
    padding: 2px 18.5px;
    border-radius: 20px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-size: 1.5rem;
    margin-left: 5px;
    background: #fff;
    color: #001641;
}

    .savings-tile__button:hover {
        background-color: #fff;
        color: #001641;
    }

.savings-tile__floating {
    background-color: #5b8f22;
    position: absolute;
    top: -144px;
    right: -7px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .savings-tile__floating div {
        margin-top: auto;
        margin-bottom: 12px;
        font-weight: 600;
        font-size: 1.5rem;
    }

@media (max-width: 475px) {
    .savings-tile__floating {
        background-color: #5b8f22;
        position: absolute;
        top: auto;
        right: -83px;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        bottom: -129px;
    }

        .savings-tile__floating div {
            margin-top: 36px;
            margin-bottom: auto;
            font-weight: 600;
            font-size: 1.5rem;
            margin-right: 61px;
            text-align: center;
            line-height: 1.1;
        }
}

.savings-tile__container.savings-tile__container--dca {
    background-color: #1b5b79;
}

.savings-tile__canstar {
    position: absolute;
    right: 30px;
    bottom: 57px;
}

.savings-hero__container
.savings-tile__container.savings-tile__container--dca
.savings-tile__canstar {
    right: 13px;
    top: 25px;
}

.savings-tile__canstar-image {
    width: 100%;
    max-width: 65px;
}

/*
    HOME HERO
    --------------------------------------------
*/

.home-hero__container .savings-tile__canstar {
    bottom: -6px;
    right: -2px;
}

@media (max-width: 991px) {
    .home-hero__container .savings-tile__canstar {
        display: none;
    }
}

@media (max-width: 575px) {
    .home-hero__container .savings-tile__canstar {
        bottom: 9px;
        right: 37px;
    }

    .savings-tile__canstar-image {
        width: 90%;
    }
}

@media (max-width: 475px) {
    .home-hero__container .savings-tile__canstar {
        bottom: -9px;
    }
}

@media (max-width: 433px) {
    .home-hero__container .savings-tile__canstar {
        bottom: -7px;
        right: 56px;
    }
}

@media (min-width: 992px) and (max-width: 1052px) {
    /*.home-hero__container .savings-tile__canstar,*/
    .savings-hero__container
    .savings-tile__container.savings-tile__container--dca
    .savings-tile__canstar {
        right: 2%;
    }
}

@media (max-width: 389px) {
    .savings-tile__canstar-image {
        max-width: 43px;
    }
}

@media (max-width: 475px) {
    .savings-tile__container--dca .savings-tile__checks-container span {
        display: block !important;
        font-size: 1.7rem;
    }
}

/*.savings-tile__container--dca .savings-tile__checks-container span:before {
	background: url(../Images/transparent-bullet-tick-green.svg);
}*/

.savings-top-rates__wrapper.savings-new-tiles {
    max-width: 400px;
}

.savings-top-rates__wrapper .savings-tile__container {
    height: 240px;
    max-width: 325px;
    padding: 4px 16px 14px;
}

.savings-top-rates__wrapper .savings-tile__checks-container span {
    font-size: 1.7rem;
    padding-left: 20px;
    line-height: 1.2;
}

    .savings-top-rates__wrapper .savings-tile__checks-container span:before {
        top: 4px;
        left: 3px;
    }

/*.home-hero__container .savings-tile__container,*/
.saving-hero__right--dca-tile .savings-tile__container {
    margin-right: 15px;
    margin-top: 60px;
}

    .home-hero__container .savings-tile__container .savings-tile__title,
    .saving-hero__right--dca-tile .savings-tile__container .savings-tile__title {
        margin-top: 0;
    }

.home-hero__container .savings-tile__container .savings-tile__button {
    display: none;
}

.home-hero__container .savings-tile__container.savings-tile__container--dca {
    height: 315px;
    color: #284453;
    background-color: rgba(0, 0, 0, 0);
    position: relative;
    overflow: visible;
    max-width: 395px;
}

    .home-hero__container
    .savings-tile__container.savings-tile__container--dca
    .savings-tile__bottom-line {
        display: block;
        background-color: #9cd6ef;
        max-width: 90%;
        margin-top: 30px;
    }

@media (max-width: 991px) {
    .home-hero__container
    .savings-tile__container.savings-tile__container--dca
    .savings-tile__bottom-line {
        margin-top: 17px;
        max-width: 82%;
    }
}

@media (max-width: 575px) {
    .home-hero__container
    .savings-tile__container.savings-tile__container--dca
    .savings-tile__bottom-line {
        max-width: 70%;
    }
}

@media (max-width: 433px) {
    .home-hero__container
    .savings-tile__container.savings-tile__container--dca
    .savings-tile__bottom-line {
        max-width: 66%;
    }
}

@media (max-width: 414px) {
    .home-hero__container
    .savings-tile__container.savings-tile__container--dca
    .savings-tile__bottom-line {
        max-width: 82%;
    }
}

.home-hero__tile-wrapper {
    margin-top: 40px;
}

    .home-hero__tile-wrapper:before {
        content: '';
        position: absolute;
        width: 500px;
        height: 250px;
        top: 30%;
        transform: translateY(-56%) translateX(-50%);
        transition: all 0.5s ease;
        left: 50%;
        background-color: #fdfdfd;
        border-radius: 50%;
    }

    .home-hero__tile-wrapper:after {
        content: '';
        position: absolute;
        width: 500px;
        height: 350px;
        top: 80%;
        transform: translateY(-45%) translateX(-50%);
        transition: all 0.5s ease;
        left: 50%;
        background-color: #fdfdfd;
    }

@media (min-width: 500px) {
    .home-hero__tile-wrapper {
        margin-top: 60px;
    }

        .home-hero__tile-wrapper:before {
            height: 500px;
            border-radius: 50%;
            top: 70%;
        }

        .home-hero__tile-wrapper:after {
            top: 175%;
            width: 110%;
            background-color: #fff;
        }
}

@media (min-width: 576px) {
    .home-hero__tile-wrapper {
        margin-top: 70px;
    }
}

@media (min-width: 992px) {
    .home-hero__tile-wrapper {
        top: 0;
        margin-top: 0;
    }

        .home-hero__tile-wrapper:before {
            top: 56%;
        }

        .home-hero__tile-wrapper:after {
            content: none;
        }
}

.home-hero__tile-image-wrapper {
    width: 15%;
    height: 300px;
}

.home-hero__tile-image-circle {
    border-radius: 50%;
    width: 100%;
    padding-bottom: 100%;
    background: #fdfdfd;
}

.home-tile__fine-print {
    position: relative;
    margin-top: 0.375rem;
    margin-bottom: 1.875rem;
    margin-left: 0.9375rem;
    font-size: 1.15rem;
    text-align: center;
    width: 100%;
    z-index: 190;
}

    .home-tile__fine-print a,
    .home-tile__fine-print {
        color: #999;
    }

.home-hero__tile-image {
    position: absolute;
    top: -27%;
    left: 52%;
    transform: translate(-50%, 50%);
    width: 350px;
}

@media (max-width: 767px) {
    .home-hero__tile-image {
        top: -21%;
    }
}

@media (max-width: 575px) {
    .home-hero__tile-image {
        left: 55%;
        width: 334px;
    }
}

@media (max-width: 475px) {
    .home-hero__tile-image-wrapper {
        height: 248px;
    }

    .home-hero__tile-image {
        width: 286px;
    }
}

@media (max-width: 414px) {
    .home-hero__tile-image-wrapper {
        height: 183px;
    }

    .home-hero__tile-image {
        width: 219px;
        top: -17%;
    }
}

.home-hero__container .savings-tile__container.savings-tile__container--dca h4 {
    color: #284453;
}

.home-hero__container .savings-tile__container .savings-tile__canstar-image {
    max-width: 64px;
}

.saving-hero__right--dca-tile
.savings-tile__container
.savings-tile__canstar-image {
    max-width: 70px;
}

.savings-tile__heartland-logo {
    position: absolute;
    right: 26px;
    bottom: 25px;
}

.home-hero__container .savings-tile__heartland-logo {
    right: 38px;
    display: none;
}

@media (max-width: 1032px) {
    .savings-tile__heartland-logo {
        right: 4%;
    }
}

@media (min-width: 992px) and (max-width: 1052px) {
    .home-hero__container .savings-tile__heartland-logo {
        right: 4.5%;
    }
}

.savings-tile__heartland-logo-image {
    width: 50px;
}

/* home-index__promo-rate */

.hero-heartland-link {
    font-size: 1.5rem;
    font-weight: 600;
    margin-left: 15px;
    margin-top: 5.8px;
    white-space: nowrap;
}

    .hero-heartland-link.hero-heartland-link--light {
        color: #fff;
    }

        .hero-heartland-link.hero-heartland-link--light.btn-hero-primary:after,
        .hero-heartland-link.hero-heartland-link--light.btn-arrow:after {
            color: #fff;
        }

    .hero-heartland-link.btn-hero-primary:after,
    .hero-heartland-link.btn-arrow:after {
        color: hsla(217, 16%, 31%, 1);
    }

    .hero-heartland-link:focus {
        box-shadow: none;
    }

.home-index__promo-rate h4 {
    font-size: 3rem;
}

.home-index__promo-rate h2 {
    font-size: 2.8rem;
    font-weight: 600;
}

.home-index__promo-rate .savings-tile__checks-container > * {
    color: hsla(217, 16%, 36%, 1);
}

.home-index__promo-rate .savings-tile__checks-container > *,
.savings-account__promo-rate .savings-tile__checks-container > * {
    padding-left: 17.5px;
}

    .home-index__promo-rate .savings-tile__checks-container > *:before,
    .savings-account__promo-rate .savings-tile__checks-container > *:before {
        left: 0;
    }

.savings-tile__checks-container > *:before {
    background: url(../Images/transparent-bullet-tick-green.svg);
}

.savings-tile__container--td .savings-tile__checks-container > *:before {
    background: url(../Images/transparent-bullet-tick-blue.svg);
}

.home-hero__container .savings-tile__checks-container > *:before {
    background: url(../Images/transparent-bullet-tick-blue.svg);
}

.home-index__promo-rate h2,
.savings-account__promo-rate h2 {
    padding-bottom: 0;
}

@media (max-width: 575px) {
    .savings-account__promo-rate h4 {
        font-size: 2rem;
    }
}

.savings-tile__link {
    cursor: pointer;
}

.savings-tile__bottom-line {
    margin: 0;
    display: none;
}

/** Savings tiles END **/

/** digital photos request page **/

.tematatini__container {
    padding-top: 40px;
    padding-bottom: 60px;
    max-width: 600px;
}

@media (min-height: 768px) and (max-height: 768px) {
    .tematatini__container {
        padding-top: 0px;
    }
}

.tematatini__container h3 {
    font-weight: 500;
    margin-bottom: 30px;
}

.tematatini__container h4 {
    font-weight: 400;
    margin-top: 30px;
}

.tematatini__label {
    font-weight: 600;
}

.tematatini__container .form-control {
    margin-bottom: 20px;
}

.tematatini__options-container {
    padding-left: 30px;
}

.tematatini__submit-button {
    width: 50%;
    margin-top: 30px;
    margin-bottom: 0;
    height: 50px;
    padding-top: 5px;
    font-size: 18px;
}

.tematatini__container input[type='checkbox'] {
    visibility: hidden;
    position: absolute;
}

.tematatini__container label.custom-checkbox {
    padding-left: 28px;
    position: relative;
    cursor: pointer;
}

    .tematatini__container label.custom-checkbox:before {
        content: '';
        position: absolute;
        display: inline-block;
        height: 20px;
        width: 20px;
        border: 2px solid #5b8f22;
        border-radius: 4px;
        cursor: pointer;
        left: 0;
        top: 1px;
    }

    .tematatini__container label.custom-checkbox:after {
        content: '';
        display: inline-block;
        position: absolute;
        height: 8px;
        width: 15px;
        border-left: 2px solid #5b8f22;
        border-bottom: 2px solid #5b8f22;
        -webkit-transform: rotate(-53deg);
        -ms-transform: rotate(-53deg);
        transform: rotate(-53deg);
        -webkit-transition: opacity 0.2s ease;
        -o-transition: opacity 0.2s ease;
        transition: opacity 0.2s ease;
        top: 6px;
        left: 3px;
        opacity: 0;
    }

.tematatini__container
input[type='checkbox']:checked + label.custom-checkbox:after {
    opacity: 1;
}

.tematatini__container label.error {
    color: red;
    position: absolute;
    bottom: -20px;
    font-size: 1.4rem;
    margin: 0;
}

.tematatini-thank-you__section {
    padding: 60px;
}

/** digital photos request page END **/

/** Docusign page **/

.docusign-hero__row {
    min-height: 200px;
}

.docusign-hero__section {
    padding: 70px 0;
}

.docusign-hero__image {
    width: 100%;
    max-width: 300px;
    position: relative;
    filter: drop-shadow(0 6px 3px rgba(50, 50, 93, 0.3));
}

@media (min-width: 768px) {
    .docusign-hero__image {
        right: -15px;
    }
}

/** Docusign page END **/

/* Savings Tile on _Header */

.header-savings-tile__container {
    position: relative;
    text-align: left;
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
    margin-top: 40px;
}

.header-home-loans__title {
    font-size: 2rem;
    color: #4c38d7;
    text-align: center;
}

.header-home-loans__bottom {
    border-bottom: 2px solid #4c38d7;
    padding-bottom: 8px;
    max-width: 100%;
    position: unset;
}

.header-home-loans__footnote {
    text-align: center;
    font-size: 1.25rem;
    margin-top: 5px;
}

.header-savings-tile__product-container {
    transition: transform 0.3s ease;
}

@media (pointer: fine) {
    .header-savings-tile__product-container:hover {
        transform: scale(1.1);
    }
}

@media (max-width: 768) and (pointer: fine) {
    .header-savings-tile__product-container:hover {
        transform: scale(1.05);
    }
}

.header-savings-tile__container a {
    color: #1b5b79;
}

.header-savings-tile__container h3.header-savings-tile__title {
    color: #1b5b79;
    font-weight: 400;
    line-height: 0.9;
    margin-top: 0;
    font-size: 2.8rem;
    margin-bottom: 3px;
}

.header-savings-tile__rate {
    font-size: 9rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -5px;
}

.header-savings-tile__percent {
    position: absolute;
    font-size: 3.8rem;
    font-weight: 700;
    top: 6px;
}

.header-savings-tile__pa {
    font-size: 2.8rem;
    font-weight: 700;
    position: relative;
    left: 3px;
}

.header-savings-tile__term-container {
    position: relative;
    border-bottom: 1px solid #9cd6ef;
    padding-bottom: 8px;
    max-width: 165px;
}

.header-savings-tile__term {
    font-size: 1.7rem;
    font-weight: 600;
    padding-left: 20px;
    position: relative;
}

    .header-savings-tile__term:before {
        content: '';
        width: 15px;
        height: 15px;
        position: absolute;
        background-image: url('../Images/transparent-bullet-tick-blue.svg');
        background-size: 15px;
        background-repeat: no-repeat;
        left: 0px;
        top: 3px;
    }

.header-savings-tile__badge {
    background-color: #9cd6ef;
    color: #fff;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    right: -3px;
    bottom: -28px;
}

.header-savings-tile__badge--purple-header {
    right: -40px;
}

.header-savings-tile__term-container--purple .header-savings-tile__term:before {
    background-image: url('../Images/transparent-bullet-tick-purple.svg');
}

.header-savings-tile__term-container--purple .header-savings-tile__badge {
    background-color: #a600c7;
}

.header-savings-tile__term-container--teal .header-savings-tile__term:before {
    background-image: url('../Images/transparent-bullet-tick-teal.svg');
}

.header-savings-tile__term-container--teal .header-savings-tile__badge {
    background-color: #0dccc4;
}

@media (max-width: 599px) {
    .header-savings-tile__container {
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-around;
        margin-bottom: 0;
    }

    .header-savings-tile__product-container {
        width: 166px;
        margin-bottom: 40px;
    }

        .header-savings-tile__product-container:first-child {
            margin-right: 25px;
        }

        .header-savings-tile__product-container:last-child {
            margin-left: 25px;
        }

    .header-savings-tile__percent {
        right: auto;
    }
}

@media (max-width: 424px) {
    .header-savings-tile__container {
        flex-direction: column;
    }

    .header-savings-tile__product-container:nth-child(n) {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
    }

    .header-savings-tile__product-container:last-child {
        margin-bottom: 15px;
    }
}

/* Savings Tile on _Header END */

.home-hero__mobile-button {
    margin-top: -60px;
}

/* Business Loans contact page START */
.page-header__content.page-header__content--business {
    position: relative;
    z-index: 1;
}

.business-loans-contact-us-hero__section {
    background: #f6f8f3;
    padding-top: 0px;
    padding-bottom: 0px;
}

    .business-loans-contact-us-hero__section::before {
        content: '';
        position: absolute;
        background: #e7eaef;
        height: 100%;
        top: 0;
        left: 0;
    }

.page-header__content--business h2 > span {
    color: #009ddb;
}

.contact-us-hero__team-photo-container {
    background: #eee;
}

.contact-us-hero__team-photo {
    width: 108%;
    margin-left: -37px;
    margin-left: 70px;
    margin-right: auto;
    width: 97%;
    transform: scale(1.2);
}

@media (min-width: 767px) and (max-width: 991px) {
    .contact-us-hero__team-photo {
        margin-bottom: 40px;
    }
}

@media (max-width: 575px) {
    .contact-us-hero__team-photo {
        margin-top: -12%;
        transform: scale(1.4);
    }
}

.call-account-contact-us-details__container,
.business-loans-contact-us-details__container {
    background: #fff;
}

    .call-account-contact-us-details__container h4 > a,
    .business-loans-contact-us-details__container h4 > a {
        color: #009ddb;
        border-bottom: 2px solid transparent;
    }

@media (max-width: 575px) {
    .call-account-contact-us-details__container h4 > a,
    .business-loans-contact-us-details__container h4 > a {
        font-size: 2rem;
    }
}

.call-account-contact-us-details__container h4 > a:hover,
.business-loans-contact-us-details__container h4 > a:hover {
    border-bottom: 2px solid #009ddb;
}

.call-account-contact-us-details__divided-line,
.business-loans-contact-us-details__divided-line {
    margin-top: 30px;
    height: 1px;
    background-color: #009ddb;
    border: none;
}

.call-account-contact-us-form__section .form-control,
.business-loans-contact-us-form__section .form-control {
    border: 1px solid transparent;
    border-bottom-color: #afb4b9;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    outline: 0;
    min-height: 45px;
    padding-left: 2px;
    -webkit-box-shadow: 0px 1.2px 0px -1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1.2px 0px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1.2px 0px -1px rgba(0, 0, 0, 0.3);
    background-color: #f6f9fc;
    padding-left: 9.5px;
}

    .call-account-contact-us-form__section .form-control:focus,
    .business-loans-contact-us-form__section .form-control:focus {
        box-shadow: none;
    }

.call-account-contact-us-form__section label,
.business-loans-contact-us-form__section label {
    font-weight: 600;
    margin-left: 2px;
}

    .business-loans-contact-us-form__section label.error {
        margin-left: 11px;
    }

    .call-account-contact-us-form__section label.error,
    .business-call-account-contact-us-error {
        position: absolute;
        margin-left: 0;
        padding-left: 0;
        left: 8px;
        font-weight: 500;
        font-size: 1.4rem;
        color: red;
    }

.call-account-contact-us-form__text-container,
.business-loans-contact-us-form__text-container {
    padding-right: 180px;
}

.call-account-contact-us-form__text-container {
    text-align: left;
}

@media (max-width: 991px) {
    .call-account-contact-us-form__text-container,
    .business-loans-contact-us-form__text-container {
        padding-right: 50px;
    }
}

@media (max-width: 767px) {
    .call-account-contact-us-form__text-container,
    .business-loans-contact-us-form__text-container {
        padding-right: 0px;
    }
}

.call-account-contact-us-details__container h4,
.business-loans-contact-us-details__container h4 {
    font-size: 2.2rem;
}

.call-account-contact-us-form__section .highlight,
.business-loans-contact-us-form__section .highlight {
    bottom: -20px;
}

input:focus::-webkit-input-placeholder {
    opacity: 0;
}

textarea:focus::-webkit-input-placeholder {
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
    color: transparent;
}

.call-account-contact-us-form__section .highlight:before,
.highlight:after,
.business-loans-contact-us-form__section .highlight:before,
.highlight:after {
    background: #009ddb;
}

.call-account-contact-us-form__message:focus ~ .highlight:before,
.call-account-contact-us-form__message:focus ~ .highlight:after,
.business-loans-contact-us-form__message:focus ~ .highlight:before,
.business-loans-contact-us-form__message:focus ~ .highlight:after {
    width: 50%;
    background: #009ddb;
}

.btn-heartland.btn-heartland--business {
    background-color: #17baff;
    border-color: #17baff;
}

    .btn-heartland.btn-heartland--business:hover,
    .btn-heartland.btn-heartland--business:active {
        background-color: #009ddb;
        opacity: 0.8;
    }

.call-account-contact-us-form__section
.form-control.business-loans-contact-us-form__message,
.business-loans-contact-us-form__section
.form-control.business-loans-contact-us-form__message {
    overflow: hidden;
    display: block;
    min-height: 150px;
}

.call-account-contact-us-form__container,
.business-loans-contact-us-form__container {
    margin-top: 70px;
    margin-bottom: 70px;
}

@media (max-width: 767px) {
    .call-account-contact-us-form__container,
    .business-loans-contact-us-form__container {
        margin-top: 0px;
    }
}

@media (max-width: 575px) {
    .call-account-contact-us-form__container,
    .business-loans-contact-us-form__container {
        margin-top: 30px;
    }
}

.call-account-contact-us-form__input-container,
.business-loan-contact-us-form__input-container {
    margin-top: 40px;
}

.call-account-contact-us-form__section .contact-form-label,
.business-loans-contact-us-form__section .contact-form-label {
    position: absolute;
    left: 8px;
    top: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #4b4a4a;
    transition: all 0.2s ease;
    pointer-events: none;
}

.contact-form-input:focus ~ .contact-form-label {
    display: block;
    color: #009ddb;
    top: -23px;
    font-size: 16px;
    font-weight: 600;
}

.call-account-contact-us-form__section
.contact-form-input:focus ~ .contact-form-label {
    color: #00c9c1;
}

.contact-form-input:focus ~ .contact-form-highlight {
    background-color: #009ddb;
    position: absolute;
    content: ' ';
    height: 2px;
    right: 45%;
    bottom: 0px;
    transform: scaleX(10);
}

.call-account-contact-us-form__section
.contact-form-input:focus ~ .contact-form-highlight {
    background-color: #00c9c1;
}

.contact-form-highlight {
    transition: all ease 0.1s;
    width: 10%;
    transform: scaleX(1);
}

.contact-form-label.active {
    display: block;
    color: hsla(217, 16%, 36%, 1);
    top: -23px;
    font-size: 16px;
    font-weight: 600;
}

#mobileAppContactForm .contact-form-input:focus ~ .contact-form-label {
    color: #00c9c1;
}

#mobileAppContactForm .contact-form-input:focus ~ .contact-form-highlight {
    background-color: #00c9c1;
}

/* contact page END */

/* #region Business Team Image */
.hotspot__outer-container {
    margin-top: -50px;
}

@media (max-width: 991px) {
    .hotspot__outer-container {
        margin-top: -100px;
    }
}

@media (max-width: 575px) {
    .hotspot__outer-container {
        margin-top: -70px;
    }
}

.hotspot__inner-container {
    position: relative;
    padding: 0;
}

.hotspot__ofbTeam-image {
    display: block;
    width: 100%;
}

.image-hotspot {
    position: absolute;
    margin: 0;
    padding: 0;
    transform: translate(-50%, -50%);
    z-index: 1;
    touch-action: manipulation;
}

.image-hotspot--Ben {
    top: 43%;
    left: 13.5%;
}

.image-hotspot--Aaron {
    top: 43.9%;
    left: 22.4%;
}

.image-hotspot--Forbes {
    top: 37.2%;
    left: 27.2%;
}

.image-hotspot--Divya {
    top: 50.5%;
    left: 36%;
}

.image-hotspot--Sean {
    top: 38.6%;
    left: 42.2%;
}

.image-hotspot--Jessica {
    top: 50.1%;
    left: 50.5%;
}

.image-hotspot--Sukh {
    top: 41.5%;
    left: 56.6%;
}

.image-hotspot--Chantelle {
    top: 47.5%;
    left: 64.2%;
}

.image-hotspot--Brian {
    top: 39.9%;
    left: 73.3%;
}

.image-hotspot--Victoria {
    top: 50.8%;
    left: 78%;
}

.image-hotspot--Brian2 {
    top: 43.3%;
    left: 87%;
}

.image-hotspot:hover .image-hotspot-label {
    opacity: 1;
}

@media (max-width: 575px) {
    .image-hotspot:hover .image-hotspot-label {
        opacity: 0;
    }
}

.image-hotspot-button {
    height: 60px;
    width: 50px;
    padding: 0px;
    border-radius: 100%;
    background-color: transparent;
}

    .image-hotspot-button:hover {
        cursor: pointer;
    }

.image-hotspot-label {
    position: absolute;
    max-width: 120px;
    font-size: 14.5px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.1s linear;
}

.image-hotspot-label--top {
    top: -55px;
    right: auto;
    bottom: auto;
    left: -13px;
}

@media (max-width: 575px) {
    .image-hotspot-label--top {
        top: -40px;
        left: -8px;
    }
}

.image-hotspot--Ben .image-hotspot-label--top {
    left: -7px;
}

.image-hotspot--Chantelle .image-hotspot-label--top {
    left: -33px;
}

.image-hotspot-label h4 {
    padding: 10px 15px;
    background-color: #fff;
    font-weight: 500;
    color: hsla(217, 16%, 36%, 1);
    border-radius: 5px;
    position: relative;
    font-size: 16px;
}

@media (max-width: 575px) {
    .image-hotspot-label h4 {
        font-size: 14px;
    }
}

.image-hotspot-label h4::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    border-top: 10px solid #fff;
    border-right: 10px solid transparent;
    border-bottom: 0;
    border-left: 10px solid transparent;
}

/* #endregion Business Team Image */

.youchoose-interest-sparked--tablet-and-mobile__image {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    pointer-events: none;
}

.youchoose-interest-sparked--tablet-and-mobile__image--top {
    top: -1px;
}

.youchoose-interest-sparked--tablet-and-mobile__image--bottom {
    bottom: -1px;
}

.accordion .question-card-block ul > li {
    margin-left: 35px;
}

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

.tile-container {
    display: flex;
    text-align: left;
    position: relative;
    top: -30px;
    left: 15px;
}

.justify-center {
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.banner-fine-print {
    position: relative;
    font-size: 1.15rem;
    text-align: center;
    z-index: 190;
    margin-top: 5px;
}

    .banner-fine-print a {
        color: #999;
    }

/*
    MEDIA QUERY
    --------------------------------------------
*/
@media (max-width: 390px) {
    .page-header__content .h2--homepage-hero {
        font-size: 2.8rem;
    }
}

/*
    CONTACT US PAGE
    --------------------------------------------
*/

.body--contact-us {
    overflow-x: hidden;
}

    .body--contact-us .text-container {
        max-width: 800px;
        text-align: center;
        color: var(--primary-one);
        font-family: var(--muli);
        font-size: 1.8rem;
        line-height: 2.3rem;
    }

    .body--contact-us .body-content h1,
    .body--contact-us .body-content h2,
    .body--contact-us .body-content h3 {
        color: var(--primary-two);
        font-family: var(--lora);
        font-weight: 500;
        line-height: 120%;
        margin-bottom: 2rem;
    }

    .body--contact-us .body-content h1 {
        font-size: var(--header-h1);
    }

    .body--contact-us .body-content h2 {
        font-size: var(--header-h2);
    }

    .body--contact-us .body-content h3 {
        font-size: var(--header-h3);
    }

.standard-accordion .accordion .card-block {
    padding-top: 15px;
}

    .standard-accordion .accordion .card-block,
    .standard-accordion .accordion .card-block a:not(.blue-link) {
        color: var(--primary-one);
    }

.standard-accordion .accordion .card-block,
.standard-accordion .accordion .card-header {
    padding-left: 10px;
    padding-right: 40px;
}

.standard-accordion .accordion .card-header {
    border-top: 1px solid var(--secondary-two);
    color: var(--secondary-one);
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 600;
}

    .standard-accordion .accordion .card-header:hover,
    .standard-accordion .accordion .card-header.accordion-opened,
    .standard-accordion .accordion .card-header:after {
        opacity: 1;
        color: var(--primary-two);
    }

    .standard-accordion .accordion .card-header:after {
        font-size: 1.4rem;
    }

    .standard-accordion .accordion .card-header:hover,
    .standard-accordion .accordion .card-header:focus,
    .standard-accordion .accordion .card-header.accordion-opened {
        background-color: var(--tertiary-three);
    }

.standard-accordion .accordion .card--last {
    border-bottom: 1px solid var(--secondary-two);
    margin-bottom: 30px;
}

.body--contact-us .grey-background {
    background-color: var(--tertiary-one);
}

.body--contact-us .contact-form--new .form-group {
    margin: 1rem 0 4rem 0;
    position: relative;
}

.body--contact-us input.form-control,
.body--contact-us textarea.form-control,
.body--contact-us select.form-control,
.body--contact-us .v-input {
    color: var(--primary-one);
    border-radius: 5px !important;
    box-shadow: 0px 3px 15px rgba(2, 0, 185, 0.15);
    border-radius: 4px;
    font-size: 1.6rem;
    line-height: 2rem;
}

    .body--contact-us select.select__element.error,
    .body--contact-us input.form-control.error,
    .body--contact-us textarea.form-control.error {
        border: 1px solid var(--tertiary-error);
    }

.body--contact-us .select__container {
    position: initial;
    box-shadow: 0px 3px 15px rgba(2, 0, 185, 0.15);
    overflow: visible;
    background: url(../Images/Corporate/ContactUs/dropdown-caret.svg) calc(100% - 17px) center no-repeat #ffffff;
}

.body--contact-us select.select__element {
    width: 100% !important;
    cursor: pointer;
}

.body--contact-us .select__container,
.body--contact-us select.select__element,
.body--contact-us select.form-control,
.body--contact-us input.form-control,
.body--contact-us .v-input input {
    height: 50px !important;
}

    .body--contact-us .form-group select:focus,
    .body--contact-us .form-group input:focus,
    .body--contact-us .form-group textarea:focus,
    .body--contact-us .select__container.active select,
    .body--contact-us .form-group.active input,
    .body--contact-us .form-group.active textarea {
        border-color: var(--primary-two);
        font-size: 1.6rem;
    }

.feedback-form__fields input:focus ~ .contact-us-form__label,
.feedback-form__fields .contact-us-form__label.active,
.body--contact-us input:focus ~ .contact-us-form__label,
.body--contact-us textarea:focus ~ .contact-us-form__label,
.body--contact-us .contact-us-form__label.active {
    color: var(--primary-two);
    top: -7px;
    font-size: 1.4rem;
    line-height: 1.4rem;
}

.feedback-form__fields .contact-us-form__label.active {
    color: #0a2642;
    top: 11px;
}

/* IE11 doesn't support focus-within, so we need to hide these styles from it */
@supports not (-ms-high-contrast: none) {
    .feedback-form__fields
    .feedback-form__parent:focus-within
    .contact-us-form__label {
        color: #0a2642;
        top: 11px;
    }
}

.body--contact-us .form-group label.error {
    font-size: 1.6rem;
    line-height: 1.6rem;
    padding-top: 6px;
    color: var(--tertiary-error);
}

.body--contact-us .contact-us-form__chars-count {
    position: absolute;
    right: 0;
    font-size: 1.6rem;
    line-height: 1.6rem;
    padding-top: 6px;
    font-weight: 400;
}

.body--contact-us small {
    font-size: 1.6rem;
    line-height: 2rem;
}

.body--contact-us .btn.btn-heartland {
    background-color: var(--primary-two);
    font-size: 1.6rem;
    font-weight: 600;
    padding: 0 23px;
    height: 40px;
    line-height: 40px;
}

    .body--contact-us .btn.btn-heartland:hover {
        background-color: white;
        color: var(--primary-two);
        border: 1px solid var(--primary-two);
    }

.body--contact-us .contact-form--new {
    transition: all 0.5s ease;
}

    .body--contact-us .contact-form--new.hide-form {
        max-height: 230px;
        pointer-events: none;
        opacity: 0;
    }

.body--contact-us .contact-us-form__thank-you-message-wrapper {
    transition: all 0.6s ease;
    pointer-events: none;
    text-align: left;
    position: absolute;
    top: 70px;
    left: 50%;
    opacity: 0;
    transform: translateX(200px);
}

    .body--contact-us .contact-us-form__thank-you-message-wrapper.show-thanks {
        pointer-events: all;
        opacity: 1;
        transform: translateX(-50%) rotate(0);
        transition-delay: 250ms;
        min-width: 290px;
    }

@media (max-width: 767px) {
    .body--contact-us .text-container {
        text-align: left;
        font-size: 1.6rem;
    }

    .body--contact-us .body-content h1,
    .body--contact-us .body-content h2 {
        margin-bottom: 1rem;
    }

    .body--contact-us .body-content h1 {
        font-size: var(--header-h1);
    }

    .body--contact-us .body-content h2 {
        font-size: var(--header-h2);
    }

    .body--contact-us .body-content h3 {
        font-size: var(--header-h3);
    }

    .standard-accordion .accordion .card--last {
        margin-bottom: 20px;
    }

    .standard-accordion .accordion {
        margin: 0 -15px;
    }

        .standard-accordion .accordion .card-header {
            font-size: 1.8rem;
        }

    .body--contact-us .mb-60 {
        margin-bottom: 3rem !important;
    }

    .body--contact-us .form-group label.error,
    .body--contact-us .contact-us-form__chars-count {
        font-size: 1.4rem;
        line-height: 1.4rem;
    }

    .body--contact-us small {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

    .body--contact-us .contact-us-form__thank-you-message-wrapper {
        top: 50px;
    }
}

.pb_0 {
    padding-bottom: 0;
}

.underlined {
    text-decoration: underline;
}

.pt_0 {
    padding-top: 0;
}

.docs-and-forms-secondary-section .link-card {
    width: 100%;
    max-width: 43rem;
    margin: 0 auto;
}

.address-autocomplete input {
    font-size: 1.8rem;
    padding: 8px 20px 8px 13px;
    line-height: 1.5;
    color: #495057;
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .address-autocomplete input:focus {
        color: #495057;
        background-color: #fff;
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

.address-autocomplete legend {
    display: none;
}

.radio-button-container {
    display: inline-flex;
    align-items: center;
}

    .radio-button-container input[type='radio'] {
        visibility: hidden;
        margin: 0;
        position: absolute;
    }

    .radio-button-container
    .radio-button {
        cursor: pointer;
        border: 1.5px solid var(--primary-one);
        border-radius: 50%;
        height: 26px;
        width: 26px;
        background: var(--white);
        z-index: 5;
        -webkit-transition: background-color 0.09s linear;
        -o-transition: background-color 0.09s linear;
        transition: background-color 0.09s linear;
        position: relative;
    }

        .radio-button-container
        .radio-button:before {
            display: block;
            content: '';
            border-radius: 50%;
            height: 18px;
            width: 18px;
            -webkit-transition: background 0.1s linear;
            -o-transition: background 0.1s linear;
            transition: background 0.1s linear;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
        }

    .radio-button-container
    input[type='radio']:checked ~ .radio-button::before {
        background-color: var(--primary-two);
    }

    .radio-button-container label {
        position: relative;
        margin-left: -25px;
        padding-left: 32px;
        cursor: pointer;
        /*z-index: 9999;*/
    }

.body--support,
.body--money-talks {
    overflow-x: hidden;
}

.body--support__heading {
    background-color: var(--tertiary-three);
    padding: 80px 0px 90px 0px;
    position: relative;
}

.body--support__heading-caption {
    font-family: var(--lora);
    font-weight: 500;
    font-size: 50px;
    line-height: 60px;
    text-align: center;
    font-feature-settings: 'liga' off;
    color: var(--primary-two);
    margin-bottom: 31px;
}

.body--support__caption,
.body--money-talks__caption {
    font-family: var(--lora);
    font-weight: 500;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    font-feature-settings: 'liga' off;
    color: var(--black);
    margin-bottom: 36px;
}

.body--support__description,
.body--money-talks__description {
    font-family: var(--Muli);
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: var(--primary-one);
}

.body--support__heading-diamond {
    position: absolute;
    top: 0px;
    right: 0px;
}

.body--support__services,
.body--support__other-services,
.body--support__resources,
.body--support__help,
.body--money-talks__heading {
    padding: 80px 0px 90px 0px;
    position: relative;
    margin: 0px -15px;
}

.body--support__other-services,
.body--support__help,
.body--money-talks__help {
    background-color: var(--tertiary-three);
}

.body--support__services-cards {
    display: flex;
    margin: 0px -15px;
    justify-content: space-between
}

.body--support__services-card {
    display: inline-flex;
    border-radius: 15px;
    margin: 0px 15px 30px;
    flex-direction: column;
    padding: 31px 0px;
    align-items: center;
    background-color: var(--white);
    width: calc(50% - 34px);
    transition: box-shadow 0.2s ease-in-out;
    box-shadow: 0px 3px 15px 0px #0200B926;
}

a.body--support__services-card:hover {
    box-shadow: 0px 3px 20px 0px #0200B933;
}

.body--support__services-card p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    padding: 1rem 3rem 0rem;
    text-align: center;
}

.body--support__other-services-cards {
    display: flex;
    margin: 0px -15px;
}

.body--support__other-services-card {
    flex: 1;
    border-radius: 15px;
    margin: 0px 15px;
    display: flex;
    flex-direction: column;
    padding: 31px 0px;
    align-items: center;
    background-color: var(--white);
    box-shadow: 0px 3px 15px 0px #C1C1C1;
    transition: box-shadow 0.2s ease-in-out;
}

    .body--support__other-services-card:hover {
        box-shadow: 0px 3px 20px 0px #ACACAC;
    }

.body--support__services-card-icon {
    height: 55px;
    width: auto;
}

.body--support__services-card-caption {
    font-family: var(--Muli);
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    font-feature-settings: 'liga' off;
    color: var(--primary-two);
    margin-top: 2rem;
    text-align: center;
}

.body--support__services-card-text {
    font-family: var(--Muli);
    font-size: 18px;
    line-height: 26px;
    color: var(--primary-one);
    margin-top: 40px;
    padding: 0px 44px;
    text-align: center;
}

.body--support__services-card-link {
    font-family: var(--Muli);
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    font-feature-settings: 'liga' off;
    color: var(--primary-two);
    margin-top: 58px;
    transition: color 0.2s;
    text-align: center;
}

.body--money-talks__link {
    font-weight: bold;
    color: var(--primary-two);
    text-decoration-line: underline;
}

.body--money-talks__heading-content {
    flex: 1;
    margin-top: -25px;
    padding-right: 5%;
}

.body--money-talks__heading-logo {
    height: 83px;
}

.body--money-talks__heading-img {
    max-width: 520px;
    width: 45%;
    height: fit-content;
    border-bottom-left-radius: 40px;
    overflow: hidden;
}

.body--money-talks__heading-caption {
    margin-top: 24px;
    font-family: var(--lora);
    font-weight: 500;
    font-size: 50px;
    line-height: 60px;
    letter-spacing: 0.01em;
    color: var(--black);
}

.body--money-talks__heading-text,
.body--money-talks__heading-text-hours {
    margin-top: 24px;
    font-family: var(--Muli);
    font-size: 18px;
    line-height: 26px;
    color: var(--black);
    opacity: 0.8;
}

.body--money-talks__heading-text-hours {
    font-weight: 600;
}

.body--money-talks__contacts {
    margin-top: 50px;
    margin-bottom: 65px;
}

    .body--money-talks__contacts .c-button {
        margin-right: 57.5px;
    }

.body--money-talks__stroke {
    width: 29px;
    height: 0px;
    border: 1px solid #000000;
    transform: rotate(90deg);
    flex: none;
    order: 3;
    flex-grow: 0;
    margin: 0px 29px;
}

.visible-xs {
    display: none;
}

.hidden-xs {
    display: block;
}

@media (max-width: 767px) {
    .body--support__heading {
        padding: 60px 0px;
        overflow-y: hidden;
    }

    .body--support__heading-caption {
        font-size: 45px;
        line-height: 50px;
    }

    .body--support__description {
        font-size: 16px;
        line-height: 24px;
    }

    .body--support__services,
    .body--support__other-services {
        padding: 40px 0 50px 0px;
    }

    .body--support__caption {
        font-size: 34px;
        line-height: 46px;
    }

    .body--support__services-cards {
        margin: 0 -0.5rem;
        flex-direction: column;
    }

    .body--support__services-card {
        width: unset;
        margin: 0 1rem 24px;
        padding: 24px 0px;
    }

    .body--support__services-card-caption {
        font-size: 16px;
        line-height: 24px;
        margin-top: 16px;
    }

    .body--support__other-services-cards {
        flex-direction: column;
        margin: 0px 0px;
    }

    .body--support__other-services-card:not(:last-child) {
        margin-bottom: 20px;
        padding: 24px 0px 40px 0px;
    }

    .body--support__services-card-text,
    .body--money-talks__description {
        font-size: 16px;
        line-height: 24px;
        padding: 0px 24px;
        margin-top: 14px;
    }

    .body--money-talks__description {
        text-align: left;
    }

    .body--support__services-card-link {
        margin-top: 18px;
    }

    .body--support__resources {
        padding: 40px 8px 20px 8px;
    }

    .body--support__help,
    .body--money-talks__help,
    .body--money-talks__heading {
        padding: 40px 0px;
    }

    .body--money-talks__caption {
        font-size: 34px;
        line-height: 46px;
        margin-bottom: 20px;
    }

    .body--money-talks__heading-content {
        padding: 0px 1.5rem;
    }

    .body--money-talks__heading-caption {
        font-size: 34px;
        line-height: 46px;
        margin-top: 10px;
    }

    .body--money-talks__heading-logo {
        height: 48px;
        margin-left: -8px;
    }

    .body--money-talks__heading-img {
        width: 100%;
    }

    .body--money-talks__heading-text {
        font-size: 16px;
        line-height: 24px;
    }

    .body--money-talks__heading-text-hours {
        font-weight: bold;
        font-size: 16px;
        line-height: 24px;
    }

    .body--money-talks__contacts {
        margin: 24px 0px;
        padding: 0px 3.5rem;
    }

        .body--money-talks__contacts .call,
        .body--money-talks__contacts .sms,
        .body--money-talks__contacts .email {
            font-weight: bold;
            font-size: 16px;
            line-height: 22px;
            text-decoration-line: underline;
            margin-top: 22px;
            margin-right: 32px;
            display: inline-block;
        }

        .body--money-talks__contacts .email {
            margin-bottom: 24px;
        }

    .body--money-talks__stroke {
        display: none;
    }

    .body--money-talks__help .body--money-talks__description {
        text-align: center;
    }

    .visible-xs {
        display: block;
    }

    .hidden-xs {
        display: none;
    }
}

.accepted-ocr table {
    width: 100%;
}

    .accepted-ocr table td {
        border-top: 1px solid var(--primary-one);
        padding: 0.7rem;
    }

.card-title.p1_1_0 {
    padding: 1rem 1rem 0;
    margin-bottom: 0.5rem;
}

.accepted-ocr table {
    width: 100%;
}

    .accepted-ocr table td {
        border-top: 1px solid var(--primary-one);
        padding: 0.7rem;
    }

.accepted-ocr h4 {
    font-size: 2rem;
}

.steps-container__inner {
    max-width: var(--max-container-width);
    margin: 0 auto;
    padding: 4.6rem 2rem;
    padding-bottom: 0;
}

.steps-container__header {
    font-size: 34px;
    font-family: var(--lora);
    line-height: 40px;
    color: var(--primary-one);
    margin-bottom: 2.5rem;
    text-align: center;
}

.steps-container__list {
    list-style: none;
    counter-reset: index;
    padding-left: 0;
}

.steps-container__list-item {
    position: relative;
    padding-left: 6rem;
    margin-bottom: 6.2rem;
}

    .steps-container__list-item::before {
        counter-increment: index;
        content: counter(index);
        position: absolute;
        left: 0;
        top: -2px;
        font-size: 7.4rem;
        font-family: var(--lora);
        font-weight: 500;
        line-height: 0.9;
        color: var(--primary-two);
    }

@media (max-width: 767px) {
    .steps-container__list-item {
        min-height: 7.2rem;
        margin-bottom: 3rem;
    }

    .steps-container__header {
        text-align: left;
    }

    .steps-container__inner {
        padding: 20px 15px 5px;
    }
}

@media (min-width: 768px) {
    .steps-container__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .steps-container__list-item {
        width: 48%;
    }

    .steps-container__header {
        text-align: left;
    }
}

@media (min-width: 1024px) {
    .steps-container__inner {
        display: flex;
        justify-content: space-between;
        padding-top: 6.9rem;
    }

    .steps-container__header {
        width: 27%;
        font-size: 50px;
        font-weight: 500;
        font-family: var(--lora);
        line-height: 60px;
    }

    .steps-container__list {
        width: 70%;
    }
}

.blue-text {
    color: var(--primary-two);
}

a.blue-link {
    text-decoration: underline !important;
    color: var(--primary-two);
}

    a.blue-link:hover {
        color: var(--primary-three);
    }

.mobile-app-sub-menu .c-nav-secondary__item {
    position: relative;
}

.mobile-app-sub-menu .c-nav-secondary__submenu-items {
    right: 0;
    white-space: nowrap;
}

.feeback-container .c-section-block-icon-no-link__inner {
    padding: 6.6rem 2rem;
}

.text_blue {
    color: var(--primary-two);
}

.c-section-block .grid__inner {
    display: grid;
    grid-template-columns: auto 48.6rem;
    grid-template-rows: auto auto;
    column-gap: 5.5rem;
    padding-bottom: 0;
}

    .c-section-block .grid__inner .c-section-block__header {
        grid-area: 1/1/2/2;
        padding-right: 3rem;
        padding-top: 6rem;
        font-family: var(--lora);
        font-style: normal;
        font-weight: 500;
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 0;
    }

.c-section-block.home-hero .grid__inner .c-section-block__header {
    padding-top: 0;
}

.c-section-block .grid__inner .c-section-block__copy {
    grid-area: 2/1/3/2;
    width: 100%;
    max-width: 100%;
}

.c-section-block .grid__inner .c-section-block__asset {
    grid-area: 1/2/3/3;
    padding-top: 6rem;
    max-width: 100%;
}

.c-section-block.home-hero .grid__inner .c-section-block__asset {
    padding-top: 0;
}

.c-section-block .grid__inner .c-picture__img-item {
    width: 100%;
    max-width: 100%;
}

.c-section-block .grid__inner + .c-section-block__inner {
    padding-top: 7rem;
    padding-bottom: 6rem;
}

@media (max-width: 1024px) {
    .c-section-block .grid__inner {
        grid-template-columns: auto 37.6rem;
    }

        .c-section-block .grid__inner .c-section-block__header {
            grid-area: 1/1/2/3;
            padding-right: 0;
            padding-top: 0;
            padding-bottom: 5rem;
            font-size: 45px;
            line-height: 50px;
        }

        .c-section-block .grid__inner .c-section-block__copy {
            grid-area: 2/1/3/2;
        }

        .c-section-block .grid__inner .c-section-block__asset {
            grid-area: 2/2/3/3;
            padding-top: 0;
        }

        .c-section-block .grid__inner .c-section-block__button {
            margin-top: 1.4rem;
            flex-direction: column;
            gap: 2rem;
            align-items: flex-start;
        }

        .c-section-block .grid__inner + .c-section-block__inner {
            padding-top: 5rem;
            padding-bottom: 3rem;
        }
}

@media (max-width: 767px) {
    .c-section-block .grid__inner {
        grid-template-columns: auto;
    }

        .c-section-block .grid__inner .c-section-block__header {
            grid-area: 1/1/2/2;
            padding-right: 0;
            padding-top: 0;
            padding-bottom: 2.7rem;
            margin-bottom: 0;
        }

        .c-section-block .grid__inner .c-section-block__copy {
            grid-area: 2/1/3/2;
        }

        .c-section-block .grid__inner .c-section-block__asset {
            display: none;
        }

        .c-section-block .grid__inner .c-section-block__button {
            margin-top: 0;
            align-items: stretch;
            gap: .5rem;
            margin-bottom: 4rem;
        }

        .c-section-block .grid__inner + .c-section-block__inner {
            padding-top: 0;
        }
}

.c-section-block.home-hero .c-rates-grid h5 {
    font-family: var(--muli);
    font-weight: 500;
    font-size: 26px;
    line-height: 28px;
}

.c-section-block.home-hero .c-rates-grid .rates-grid-card__value h3 {
    font-family: var(--lora);
    font-weight: 600;
    font-size: 100px;
    line-height: 100px;
}

.c-section-block.home-hero .rates-grid-card__perc {
    font-family: var(--lora);
    font-weight: 600;
    font-size: 51.7553px;
    line-height: 29px;
}

.c-section-block.home-hero .c-rates-grid {
    padding-bottom: 0rem;
}

    .c-section-block.home-hero .c-rates-grid .rates-grid-card__perc p {
        font-weight: 600;
        font-size: 40px;
        line-height: 30px;
    }

    .c-section-block.home-hero .c-rates-grid .c-rates-grid-group {
        justify-content: flex-start;
    }

    .c-section-block.home-hero .c-rates-grid .rates-grid-separator {
        border-left: solid 1px rgba(0, 0, 0, 0.1);
        margin-left: 2rem;
        margin-right: 2rem;
    }

.c-section-block.home-hero .c-section-block__asset {
    max-width: unset;
}

.c-section-block.home-hero .c-picture__img-item {
    max-width: unset;
    width: 100%;
}

.c-section-block.home-hero .c-picture {
    overflow: hidden;
}

.c-section-block.home-hero .c-section-block__header .focus {
    color: var(--primary-two);
    font-weight: 700;
}

.c-section-block.home-hero:first-child .c-section-block__inner:first-child {
    padding-bottom: 0rem;
}

.c-section-block.home-hero .c-section-block__small {
    font-family: var(--muli);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

@media (min-width: 969px) and (max-width: 1150px) {

    .c-section-block.home-hero .c-rates-grid .rates-grid-card__value h3 {
        font-size: 80px;
        line-height: 80px;
    }

    .c-section-block.home-hero .c-rates-grid .rates-grid-card__perc {
        margin-top: 0px;
    }

        .c-section-block.home-hero .c-rates-grid .rates-grid-card__perc p {
            font-size: 30px;
            line-height: 18px;
            padding-left: 6px;
        }

    .c-section-block.home-hero .c-rates-grid p.rates-grid-card__perc-symbol {
        font-size: 40px;
        line-height: 50px;
    }

    .c-section-block.home-hero .c-rates-grid .rates-grid-separator {
        margin-left: 2rem;
        margin-right: 2rem;
    }
}

@media (min-width: 768px) and (max-width: 968px) {

    .c-section-block.home-hero .c-rates-grid h5 {
        font-size: 22px;
    }

    .c-section-block.home-hero .c-rates-grid .rates-grid-card__value h3 {
        font-size: 80px;
        line-height: 80px;
    }

    .c-section-block.home-hero .c-rates-grid .rates-grid-card__perc p {
        font-size: 30px;
        line-height: 18px;
        padding-left: 6px;
    }

    .c-section-block.home-hero .c-rates-grid .c-rates-grid-group {
        flex-direction: column;
    }

    .c-section-block.home-hero .c-rates-grid .rates-grid-separator {
        height: 0;
        border-bottom: solid 1px rgba(0, 0, 0, 0.1);
        margin: 2rem 0;
        width: 200px;
    }
}

@media (max-width: 767px) {
    .c-section-block.home-hero .c-section-block__header {
        font-size: 45px;
        line-height: 50px;
    }

    .c-section-block.home-hero .c-button {
        width: 100%;
        text-align: center;
    }

    .c-section-block.home-hero .c-picture {
        display: none;
    }

    .c-section-block.home-hero .c-rates-grid .c-rates-grid-group {
        flex-direction: column;
    }

    .c-section-block.home-hero .c-rates-grid .rates-grid-separator {
        height: 0;
        border-bottom: solid 1px rgba(0, 0, 0, 0.1);
        margin: 4rem 0 2rem 0;
        width: 100%;
    }

    .c-section-block.home-hero .c-rates-grid .rates-grid-card__container {
        width: 100%;
        text-align: left;
    }

    .c-section-block.home-hero .c-rates-grid .rates-grid-card__value {
        justify-content: flex-start;
    }

    .c-section-block.home-hero .c-rates-grid h5 {
        font-size: 22px;
    }

    .c-section-block.home-hero .c-rates-grid .rates-grid-card__perc p {
        font-size: 30px;
        line-height: 30px;
        padding-left: 6px;
    }

    .c-section-block.home-hero .c-rates-grid p.rates-grid-card__perc-symbol {
        font-size: 40px;
        line-height: 50px;
    }

    .home-page-products .c-section-multi-products__info {
        font-size: 20px !important;
        max-width: 56vw;
    }

    .c-container.home-hero {
        margin-bottom: 35px;
    }

    .c-section-block.home-hero .c-section-block__inner + .c-section-block__inner {
        padding-top: 0px;
    }

    .c-section-block.home-hero .c-section-block__small {
        font-size: 16px;
        line-height: 22px;
    }
}

@media (max-width: 880px) {
    .home-page-products.c-section-multi-products__inner {
        flex-direction: column;
        width: 100%;
    }

    .home-page-products .c-section-multi-products__inner-item {
        width: 100%;
    }

        .home-page-products .c-section-multi-products__inner-item br {
            display: none;
        }

        .home-page-products .c-section-multi-products__inner-item:not(:last-child) {
            margin-bottom: 2rem;
        }

    .home-page-products .c-section-multi-products__header {
        margin-bottom: 2rem;
    }

    .home-page-products .c-section-multi-products__info {
        font-weight: 600;
        font-size: 26px;
        max-width: 70vw;
        display: block;
    }

    .home-page-products .c-section-multi-products__icon {
        margin-top: 1.2rem;
        margin-right: 1.2rem;
        width: 5rem;
        height: 5rem;
    }
}

.digital-blue {
    color: var(--primary-two);
}

.gradient-background {
    background: linear-gradient(180deg, #FFFFFF 0%, #F4F4F4 100%);
}

.reversed-gradient-background {
    background: linear-gradient(180deg, #F4F4F4 0%, #FFFFFF 100%);
}

.c-section-block__copy.whole-row {
    max-width: 1000px;
    margin: auto;
}

:root {
    --main-nav-height: 6.7rem;
    --max-container-width: 118rem;
    --max-content-width: 114rem;
}

:root {
    /* PRIMARY */
    --primary-one: #0a2642;
    --primary-two: #0200b9;
    --primary-three: #723ab3;
    --primary-four: #222222;
    --primary-five: #0076da;

    /* SECONDARY */
    --secondary-one: #2e3b41;
    --secondary-two: #67747c;
    --secondary-three: #c1a3e4;
    --secondary-four: #CED4D9;

    /* TERITARY */
    --tertiary-one: #F6F9FD;
    --tertiary-two: #f7f4fa;
    --tertiary-three: #f4f4f4;
    --tertiary-four: #fcfeff;
    --tertiary-five: #ddecf6;
    --tertiary-six: #f5f5f5;
    --tertiary-error: #e31c3d;

    /* NOT DOCUMENTED */
    --white: #ffffff;
    --black: #000000;
    --regent-gray: #84919e;
}

.bg-tertiary-three {
    background-color: var(--tertiary-three);
}
@font-face {
    font-family: 'Muli';
    font-weight: 400;
    src: url('../fonts/Muli-Regular.woff2') format('woff2'),
        url('../fonts/Muli-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Muli';
    font-weight: 400;
    font-style: italic;
    src: url('../fonts/Muli-Italic.woff2') format('woff2'),
        url('../fonts/Muli-Italic.woff') format('woff');
}

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

@font-face {
    font-family: 'Muli';
    font-weight: 500;
    font-style: italic;
    src: url('../fonts/Muli-MediumItalic.woff2') format('woff2'),
        url('../fonts/Muli-MediumItalic.woff') format('woff');
}

@font-face {
    font-family: 'Muli';
    font-weight: 600;
    src: url('../fonts/Muli-SemiBold.woff2') format('woff2'),
        url('../fonts/Muli-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'Muli';
    font-weight: 600;
    font-style: italic;
    src: url('../fonts/Muli-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Muli-SemiBoldItalic.woff') format('woff');
}

@font-face {
    font-family: 'Muli';
    font-weight: 700;
    src: url('../fonts/Muli-Bold.woff2') format('woff2'),
        url('../fonts/Muli-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Muli';
    font-weight: 700;
    font-style: italic;
    src: url('../fonts/Muli-BoldItalic.woff2') format('woff2'),
        url('../fonts/Muli-BoldItalic.woff') format('woff');
}

@font-face {
    font-family: 'Muli';
    font-weight: 900;
    src: url('../fonts/Muli-ExtraBold.woff2') format('woff2'),
        url('../fonts/Muli-ExtraBold.woff') format('woff');
}

@font-face {
    font-family: 'Muli';
    font-weight: 900;
    font-style: italic;
    src: url('../fonts/Muli-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Muli-ExtraBoldItalic.woff') format('woff');
}

/* LORA */
@font-face {
    font-family: 'Lora';
    font-weight: 400;
    src: url('../fonts/Lora-Regular.woff2') format('woff2'),
        url('../fonts/Lora-Regular.woff') format('woff');
}

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

@font-face {
    font-family: 'Lora';
    font-weight: 600;
    src: url('../fonts/Lora-SemiBold.woff2') format('woff2'),
        url('../fonts/Lora-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'Lora';
    font-weight: 700;
    src: url('../fonts/Lora-Bold.woff2') format('woff2'),
        url('../fonts/Lora-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Manrope';
    font-weight: 500;
    src: url('../fonts/Manrope_Medium_500.woff2') format('woff2');
}

@font-face {
    font-family: 'Manrope';
    font-weight: 800;
    src: url('../fonts/Manrope_ExtraBold_800.woff2') format('woff2');
}

:root {
    --muli: 'Muli', sans-serif;
    --lora: 'Lora', serif;
    --fa: 'FontAwesome';

    --header-h1: 4.5rem;
    --header-h2: 3.4rem;
    --header-h3: 3rem;
}

@media (min-width: 1024px) {
    :root {
        --header-h1: 5.5rem;
        --header-h2: 5rem;
        --header-h3: 3.5rem;
    }
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

:root {
    overflow-x: hidden;
    height: 100%;
    font-size: 62.5%;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--muli);
    background: var(--white);
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    font-size: 1.6rem;
    line-height: 2.5rem;
    color: var(--primary-one);
    min-height: 100%;
    font-variant-ligatures: none;
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
svg,
section {
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--lora);
}

h2 {
    font-size: 3.4rem !important;
    line-height: 4.6rem !important;
}


@media (min-width: 1024px) {
    h2 {
        font-size: 4rem !important;
        line-height: 5.5rem !important;
    }
}

small {
    font-size: 1.4rem;
    line-height: 1.6rem;
}

a {
    color: inherit;
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
        color: inherit;
    }

.pdf-link {
    color: var(--primary-two);
    font-weight: 600;
    text-decoration: none !important;
}

    .pdf-link:hover {
        color: var(--primary-three);
        text-decoration: underline !important;
    }
ul {
    padding: 0;
    margin: 0;
}

button:focus {
    outline: none;
}

/*
    MEDIA
    --------------------------------------------
*/
@media (min-width: 1024px) {
    body {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
}

button:focus {
    outline: none;
}

.primary-two-link {
    color: var(--primary-two);
    font-weight: 600;
}

.primary-two-link:hover {
        color: var(--primary-three);
        text-decoration: underline;
}

.pl-30 {
    padding-left: 40px;
}

.gap-30 {
    gap: 30px;
}

.gap-50 {
    gap: 50px;
}

@media (min-width: 767px) {
    .gap-desktop-0 {
        gap: 0;
    }
}

.lock-scroll {
    overflow: hidden;
}

.c-container {
    width: 100%;
    max-width: var(--max-container-width);
    padding: 0 2rem;
    margin: 0 auto;
}

.l-footer {
    background-color: var(--primary-one);
    padding: 5.7rem 2.1rem 2.3rem;
}

.l-footer__header {
    font-size: 1.6rem;
    font-family: var(--muli);
    font-weight: 400;
    color: var(--white);
    display: block;
    width: 100%;
    padding: 0 0 2.1rem;
    margin-bottom: 2.1rem;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--white);
    text-align: left;
}

.l-footer__header--desktop {
    display: none;
}

.l-footer__header-icon {
    width: 0.8rem;
    float: right;
    position: relative;
    top: 3px;
    transition: all 0.3s;
    transform: rotate(0deg);
    max-height: 14px;
}

.l-footer__header--btn[aria-expanded='true'] .l-footer__header-icon {
    transform: rotate(90deg);
}

.l-footer__list {
    padding-left: 0;
    list-style: none;
}

.l-footer__list-item {
    margin-bottom: 0.6rem;
}

    .l-footer__list-item:last-child {
        margin-bottom: 3rem;
    }

    .l-footer__list-item a {
        font-size: 1.6rem;
        font-family: var(--muli);
        line-height: 2.3rem;
        color: var(--white);
    }

.l-footer__app-link--desktop {
    display: none;
}

.l-footer__app-link-header {
    font-size: 1.6rem;
    font-family: var(--muli);
    color: var(--white);
}

.l-footer__app-link {
    padding-bottom: 2.4rem;
    margin-bottom: 1.8rem;
    border-bottom: 1px solid var(--white);
}

.l-footer__sub-link-list {
    padding-left: 0;
    list-style: none;
    border-bottom: 1px solid var(--white);
    padding-bottom: 1.8rem;
    margin-bottom: 1.2rem;
}

.l-footer__list-item-link,
.l-footer__sub-link-list-item-anchor {
    font-size: 1.2rem;
    font-family: var(--muli);
    line-height: 1.5rem;
}

    .l-footer__list-item-link:hover {
        color: var(--regent-gray);
    }

    .l-footer__sub-link-list-item-anchor,
    .l-footer__sub-link-list-item-anchor:hover {
        color: var(--regent-gray);
    }

.l-footer__socials-list-link {
    color: var(--regent-gray);
}

/* IE 10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .l-footer__socials-list-link {
        display: inline-block;
        height: 2rem;
    }
}

.l-footer__socials {
    list-style: none;
    padding-left: 0;
    display: flex;
    align-items: center;
    height: 3rem;
}

.l-footer__socials-icon {
    width: 1.7rem;
    fill: var(--white);
}

.l-footer__socials-icon--fb {
    width: 1rem;
}

.l-footer__socials-list:not(:last-child) {
    margin-right: 1.5rem;
}

/*
    MEDIA
    --------------------------------------------
*/
@media (min-width: 992px) {
    .l-footer__sub-link {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        border-top: 1px solid var(--white);
        border-bottom: 1px solid var(--white);
        margin-top: 1.2rem;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .l-footer__sub-link-list {
        display: flex;
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .l-footer__app-link {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .l-footer__sub-link-list-item:not(:last-child) {
        margin-right: 15px;
        margin-bottom: 0;
    }
}

@media (min-width: 1024px) {
    .l-footer__inner {
        width: 100%;
        max-width: var(--max-content-width);
        margin: 0 auto;
    }

    .l-footer__item:not(:nth-child(4n)) {
        width: 23rem;
        margin-bottom: 3.4rem;
        padding-right: 2%;
    }

    .l-footer__top {
        display: flex;
        flex-wrap: wrap;
    }

    .l-footer__list {
        display: block;
    }

    .l-footer__list-item:last-child {
        margin-bottom: 0;
    }

    .l-footer__sub-link-list-item-anchor {
        font-size: 1.4rem;
        line-height: 2.8rem;
    }

    .l-footer__header {
        margin-top: 0;
        border: 0;
        padding-bottom: 0;
        font-size: 1.8rem;
        font-weight: 600;
    }

    .l-footer__app-link {
        margin-top: 2.6rem;
    }

    .l-footer__app-link--mobile {
        display: none;
    }

    .l-footer__app-link--desktop {
        display: block;
    }

    .l-footer__header--desktop {
        display: block;
    }

    .l-footer__header--btn,
    .l-footer__header-icon {
        display: none;
    }

    .l-footer__list-item-link {
        font-size: 1.8rem;
        line-height: 2.3rem;
    }

    .l-footer__app-link-header {
        font-size: 1.8rem;
        line-height: 2.3rem;
    }

    .l-footer__socials {
        margin-bottom: 0;
    }
}

.l-footer__sub-link-list-container {
    position: relative;
}

.shielded-container {
    position: absolute;
    top: -2px;
    right: 0px;
}

@media (min-width: 992px) {
    .shielded-container {
        right: -45px;
    }
}

.l-footer__address {
    margin-top: 6rem;
}

    .l-footer__address img {
        width: 240px;
    }

    .l-footer__address .text-white {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

@media (max-width: 767px) {
    .l-footer__address {
        margin-top: 4rem;
    }

        .l-footer__address img {
            width: 200px;
        }
}

.main-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: var(--main-nav-height);
    background: #fff;
    padding: 13px 0;
    z-index: 9001;
    position: relative;
}

.main-nav.hide-top-menu .top-nav,
.main-nav.hide-top-menu .hamburger-menu {
    display: none;
}

.main-nav__inner {
    display: flex;
    justify-content: space-between;
    max-width: var(--max-container-width);
    width: 100%;
    margin: 0 auto;
    padding: 0 2rem;
}

.page-header__logo-container {
    width: 165px;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

@media (max-width: 993px) {
    .page-header__logo-container {
        width: 150px;
    }
}

@media (max-width: 767px) {
    .page-header__logo-container {
        width: 130px;
    }
}

.page-header__logo {
    height: 100%;
    width: 99%;
    max-width: 100%;
}

.top-nav {
    display: flex;
    flex-direction: row;
    text-align: center;
    list-style: none;
    margin-bottom: 0;
}

    .top-nav > .nav-item {
        border-radius: 5px 5px 0px 0px;
        padding: 0 6px;
        margin: 0;
        cursor: pointer;
        color: var(--primary-four);
        opacity: 1;
        flex-shrink: 0;
    }

        .top-nav > .nav-item:last-child {
            margin-right: 0;
            padding-right: 0;
        }

        .top-nav > .nav-item > .nav-link.nav-menu-link:after {
            font-family: 'FontAwesome';
            font-size: 1.4rem;
            content: '\f078';
            transition: 207ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
            display: inline-block;
            margin-left: 5px;
            color: var(--primary-two);
        }

    .top-nav .nav-item .nav-link {
        outline: 0;
    }

    .top-nav > .nav-item > .nav-link {
        position: relative;
        padding: .8rem 0 .2rem;
        margin-left: 1rem;
        margin-right: 1rem;
    }

        .top-nav > .nav-item > .nav-link::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 3px;
            bottom: 0;
            left: 0;
            background-color: var(--primary-two);
            visibility: hidden;
            transform: scaleX(0);
            transition: all 0.3s ease-in-out 0s;
        }

    .top-nav > .nav-item:hover > .nav-link::before {
        visibility: visible;
        transform: scaleX(1);
    }

.nav-menu,
.nav-submenu {
    visibility: hidden;
    list-style: none;
    position: absolute;
    background: white;
    text-align: left;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 10px 0;
    margin-top: 1px;
    margin-left: -7px;
    border-radius: 0 5px 5px 5px;
    transition: 0.2s 0.25s;
}

    .nav-menu:hover {
        border-radius: 0 0 0 5px;
    }

.top-nav .nav-menu .nav-item,
.top-nav .nav-menu .nav-subitem {
    padding: 10px 40px 10px 10px;
    margin: 0 0 0 10px;
    line-height: 1;
    border-radius: 5px 0 0 5px;
}

    .top-nav .nav-menu .nav-item:hover {
        background: #f4f4f4;
    }

        .top-nav .nav-menu .nav-item:hover > .nav-link {
            color: var(--primary-two);
        }

.top-nav .nav-menu .nav-submenu-link:after {
    font-family: 'FontAwesome';
    font-size: 1.4rem;
    content: '\f054';
    position: absolute;
    right: 14px;
    margin-top: -20px;
    color: var(--primary-two);
}

.nav-item > .nav-menu > .nav-item > .nav-submenu {
    min-height: 100%;
    left: 100%;
    top: -1px;
    margin-left: 0;
    white-space: nowrap;
    border-radius: 0 5px 5px 0px;
    background-color: #fbfbfb;
    z-index: -1;
}

    .nav-item > .nav-menu > .nav-item > .nav-submenu > .nav-subitem:hover
    .nav-link {
        color: var(--primary-two);
    }

.btn-new.btn-outline {
    height: 40px;
    padding: 0 25px;
    margin: 1px 0 0 0;
}

    .btn-new.btn-outline.btn-login-apply {
        font-size: 1.6rem;
        position: relative;
        border: 1px solid var(--primary-two);
        color: var(--white);
        background-color: var(--primary-two);
        text-align: center;
        display: flex;
        align-items: center;
    }

        .btn-new.btn-outline.btn-login-apply:hover {
            color: var(--primary-two);
            background-color: var(--white);
        }

/* IE11 doesn't support focus-within, so we need to hide these styles from it */
@supports not (-ms-high-contrast: none) {
    .nav-menu:focus-within {
        border-radius: 0 0 0 5px;
    }

    .top-nav > .nav-item:focus-within > .nav-link::before {
        visibility: visible;
        transform: scaleX(1);
    }
    /* ARROW */
    .top-nav:not(:focus-within) > .nav-item:hover > .nav-link.nav-menu-link:after,
    .top-nav > .nav-item:focus-within > .nav-link.nav-menu-link:after {
        transform: rotate(-180deg);
    }

    .top-nav:hover > .nav-item:not(:hover):not(:focus-within),
    .top-nav:focus-within > .nav-item:not(:hover):not(:focus-within) {
        opacity: 0.5;
    }

    .top-nav .nav-menu .nav-item:focus-within,
    .nav-subitem:focus-within {
        background: #f4f4f4;
    }

    .nav-subitem a:focus-within {
        color: var(--primary-two);
    }
    /* Secondary nav */
    .top-nav:not(:focus-within) > .nav-item:hover > .nav-menu,
    .top-nav > .nav-item:focus-within > .nav-menu,
    /* Nav child */
    .top-nav > .nav-item > .nav-menu:not(:focus-within) > .nav-item:hover > .nav-submenu,
    .top-nav > .nav-item > .nav-menu > .nav-item:focus-within > .nav-submenu {
        visibility: visible;
        transition-delay: 0.3s;
    }

    .top-nav .nav-menu:not(:focus-within) .nav-submenu-link:hover:after,
    .top-nav .nav-menu .nav-submenu-link:focus-within:after {
        right: 7px;
    }

    .top-nav > .nav-item
    .top-nav > .nav-menu
    .top-nav > .nav-item
    .top-nav > .nav-submenu
    .top-nav > .nav-subitem:focus-within
    .nav-link {
        color: var(--primary-two);
    }
}

/* IE11 only styles */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .top-nav > .nav-item:hover > .nav-link.nav-menu-link:after {
        transform: rotate(-180deg);
    }

    .top-nav > .nav-item:hover > .nav-menu {
        display: block;
    }

    .top-nav .nav-menu .nav-submenu-link:hover:after {
        right: 7px;
    }

    .top-nav > .nav-item > .nav-menu > .nav-item:hover > .nav-submenu {
        display: block;
    }
}

/* ------------------ Mobile menu -------------------------------------------------------------------------------- */

.slider-menu {
    line-height: 1;
    letter-spacing: 0.5px;
    position: fixed;
    top: 0;
    z-index: 3000;
    width: 29rem;
    background: #fff;
    height: 100%;
    overflow: auto;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: transform 333ms ease, opacity 333ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, visibility 333ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

    .slider-menu .slider-menu--deposits,
    .slider-menu .slider-menu--business,
    .slider-menu .slider-menu--livestock,
    .slider-menu .slider-menu--seniors,
    .slider-menu .slider-menu--personal,
    .slider-menu .slider-menu--cars,
    .slider-menu .slider-menu--company-info,
    .slider-menu .slider-menu--help,
    .slider-menu .slider-menu--mobile-app,
    .slider-menu .slider-menu--village {
        z-index: 3001;
    }

.menu-open {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.slider-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .slider-menu ul li {
        cursor: pointer;
    }

.homeloans-page .slider-menu .row {
    max-height: 1.6rem;
}

.homeloans-page .slider-menu .col-10 {
    padding-top: 0;
    padding-bottom: 0;
}

.slider-menu li.slider-menu__action-title {
    background: #fff;
    padding-bottom: 1.5rem;
    padding-right: 4rem;
    padding-top: 3rem;
}

.slider-menu .page-header__logo-container {
    margin-left: 20px;
    margin-top: -20px;
}

.slider-menu__action-icon {
    color: var(--primary-two);
    width: 10px;
    margin-top: -5px;
}

.slider-menu li.slider-menu__action-back {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

.slider-menu .slider-menu__login-btn {
    height: inherit;
    margin-right: 48px;
    margin-top: 15px;
    padding: 3px 13px !important;
}

.slider-menu li.slider-menu__section-title {
    -webkit-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

.slider-menu__section-item a,
.slider-menu__section-title a {
    padding-left: 2rem;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    display: block;
}

.slider-menu__section-title--download {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 2rem 2rem;
}

    .slider-menu__section-title--download > a {
        display: block;
        flex: 0 0 48%;
    }

.slider-menu .slider-menu__section-title-text {
    color: var(--primary-four);
    font-weight: 600;
}

.slider-menu li.slider-menu__section-item {
    -webkit-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

.slider-menu__section-item--first-item {
    margin-top: 1rem;
}

.slider-menu .slider-menu__section-item-text {
    color: var(--primary-four);
    opacity: 0.8;
}

.slider-menu__section-item-heading a {
    font-size: 1.8rem;
    padding-left: 2rem;
    padding-right: 4rem;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    display: block;
}

.slider-menu li.slider-menu__section-item:hover,
.slider-menu .slider-menu-sub--highlight {
    background: var(--tertiary-two);
}

.slider-menu__section-item.slider-menu__last-item {
    margin-bottom: 2rem;
}

.chevronwrapper {
    width: 10px;
    height: 10px;
    margin-bottom: auto;
}

    .chevronwrapper img {
        width: 10px;
    }

.slider-menu__back {
    color: var(--primary-two);
    padding-left: 2rem;
    text-align: left;
}

.slider-menu__hr {
    border-top: 1px solid #ddd;
    margin: 1rem 2rem;
}

.slider-menu .x-wrapper {
    font-size: 2.4rem;
    color: var(--primary-two);
    position: absolute;
    cursor: pointer;
    top: 9px;
    right: 20px;
    line-height: 2.4rem;
}

.slider-menu .btn-new.btn-outline.btn-login-apply {
    align-items: center;
    display: flex;
    justify-content: center;
    font-weight: 600;
    border: 1px solid var(--primary-two);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    margin: 18px 20px 20px;
    width: auto;
}

    .slider-menu .btn-new.btn-outline.btn-login-apply:hover {
        border: 1px solid var(--primary-two);
    }

#overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2000;
    background: hsla(221, 60%, 4%, 0.66);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 100ms, opacity 100ms ease;
    -o-transition: visibility 100ms, opacity 100ms ease;
    transition: visibility 100ms, opacity 100ms ease;
}

    #overlay.show {
        visibility: visible;
        opacity: 1;
        -webkit-transition: visibility 333ms cubic-bezier(0.4, 0, 0.2, 1), opacity 333ms cubic-bezier(0.4, 0, 0.2, 1);
        -o-transition: visibility 333ms cubic-bezier(0.4, 0, 0.2, 1), opacity 333ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: visibility 333ms cubic-bezier(0.4, 0, 0.2, 1), opacity 333ms cubic-bezier(0.4, 0, 0.2, 1);
    }

/*
    MEDIA
    --------------------------------------------
*/
@media (max-width: 1023.98px) {
    .top-nav > .nav-item {
        padding: 0 4px;
    }
}

@media (max-width: 767.98px) {
    .top-nav {
        display: none;
    }
}

@media (min-width: 768px) {
    .mobile-nav {
        display: none;
    }

    .btn-new.btn-outline.btn-login-apply {
        font-size: 1.8rem;
    }
}

.top-nav .nav-menu .nav-submenu-link.left-hand {
    padding-left: 3rem;
}

    .top-nav .nav-menu .nav-submenu-link.left-hand:before {
        font-family: 'FontAwesome';
        font-size: 1.4rem;
        content: '\f053';
        position: absolute;
        left: 14px;
        margin-top: 8px;
        color: var(--primary-two);
    }

    .top-nav .nav-menu .nav-submenu-link.left-hand:hover:before,
    .top-nav .nav-menu .nav-submenu-link.left-hand:focus-within:before {
        left: 7px;
    }

    .top-nav .nav-menu .nav-submenu-link.left-hand:after {
        display: none;
    }


.top-nav .nav-menu .nav-submenu-link.left-hand {
    margin: 0 10px 0 0;
    border-radius: 0 5px 5px 0;
}

.nav-item > .nav-menu > .nav-submenu-link.left-hand > .nav-submenu {
    right: 100%;
    left: unset;
}

@media (min-width: 881px) and (max-width: 1055px) {
    .top-nav > .nav-item > .nav-link {
        margin: 0 2px;
    }
}


@media (min-width: 768px) and (max-width: 881px) {
    .page-header__logo-container {
        width: 100px;
    }

    .top-nav > .nav-item > .nav-link {
        margin: 0 2px;
        font-size: 14px;
    }
}

@media (max-width: 767px){
    .main-nav__inner {
        margin-right: 5.5rem;
    }
}

/*
	This could be overkill, why don't we just bring in what we need?
*/
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

    .hamburger:hover {
        opacity: 0.7;
    }

    .hamburger.is-active:hover {
        opacity: 0.7;
    }

    .hamburger.is-active .hamburger-inner,
    .hamburger.is-active .hamburger-inner::before,
    .hamburger.is-active .hamburger-inner::after {
        /* background-color: #000; */
        background-color: var(--primary-two);
    }

.hamburger--close {
    display: none;
}

    .hamburger--close.is-active {
        display: block;
    }

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after {
        width: 40px;
        height: 4px;
        /* background-color: #000; */
        background-color: var(--primary-two);
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease;
    }

        .hamburger-inner::before,
        .hamburger-inner::after {
            content: '';
            display: block;
        }

        .hamburger-inner::before {
            top: -10px;
        }

        .hamburger-inner::after {
            bottom: -10px;
        }

/*
	 * 3DX
	 */
.hamburger--3dx .hamburger-box {
    perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .hamburger--3dx .hamburger-inner::before,
    .hamburger--3dx .hamburger-inner::after {
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateY(180deg);
}

    .hamburger--3dx.is-active .hamburger-inner::before {
        transform: translate3d(0, 10px, 0) rotate(45deg);
    }

    .hamburger--3dx.is-active .hamburger-inner::after {
        transform: translate3d(0, -10px, 0) rotate(-45deg);
    }

/*
	 * 3DX Reverse
	 */
.hamburger--3dx-r .hamburger-box {
    perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .hamburger--3dx-r .hamburger-inner::before,
    .hamburger--3dx-r .hamburger-inner::after {
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateY(-180deg);
}

    .hamburger--3dx-r.is-active .hamburger-inner::before {
        transform: translate3d(0, 10px, 0) rotate(45deg);
    }

    .hamburger--3dx-r.is-active .hamburger-inner::after {
        transform: translate3d(0, -10px, 0) rotate(-45deg);
    }

/*
	 * 3DY
	 */
.hamburger--3dy .hamburger-box {
    perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .hamburger--3dy .hamburger-inner::before,
    .hamburger--3dy .hamburger-inner::after {
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(-180deg);
}

    .hamburger--3dy.is-active .hamburger-inner::before {
        transform: translate3d(0, 10px, 0) rotate(45deg);
    }

    .hamburger--3dy.is-active .hamburger-inner::after {
        transform: translate3d(0, -10px, 0) rotate(-45deg);
    }

/*
	 * 3DY Reverse
	 */
.hamburger--3dy-r .hamburger-box {
    perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .hamburger--3dy-r .hamburger-inner::before,
    .hamburger--3dy-r .hamburger-inner::after {
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg);
}

    .hamburger--3dy-r.is-active .hamburger-inner::before {
        transform: translate3d(0, 10px, 0) rotate(45deg);
    }

    .hamburger--3dy-r.is-active .hamburger-inner::after {
        transform: translate3d(0, -10px, 0) rotate(-45deg);
    }

/*
	 * 3DXY
	 */
.hamburger--3dxy .hamburger-box {
    perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .hamburger--3dxy .hamburger-inner::before,
    .hamburger--3dxy .hamburger-inner::after {
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

.hamburger--3dxy.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg) rotateY(180deg);
}

    .hamburger--3dxy.is-active .hamburger-inner::before {
        transform: translate3d(0, 10px, 0) rotate(45deg);
    }

    .hamburger--3dxy.is-active .hamburger-inner::after {
        transform: translate3d(0, -10px, 0) rotate(-45deg);
    }

/*
	 * 3DXY Reverse
	 */
.hamburger--3dxy-r .hamburger-box {
    perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .hamburger--3dxy-r .hamburger-inner::before,
    .hamburger--3dxy-r .hamburger-inner::after {
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

.hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

    .hamburger--3dxy-r.is-active .hamburger-inner::before {
        transform: translate3d(0, 10px, 0) rotate(45deg);
    }

    .hamburger--3dxy-r.is-active .hamburger-inner::after {
        transform: translate3d(0, -10px, 0) rotate(-45deg);
    }

/*
	 * Arrow
	 */
.hamburger--arrow.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
	 * Arrow Right
	 */
.hamburger--arrow-r.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
	 * Arrow Alt
	 */
.hamburger--arrowalt .hamburger-inner::before {
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
    top: 0;
    transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
    bottom: 0;
    transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
	 * Arrow Alt Right
	 */
.hamburger--arrowalt-r .hamburger-inner::before {
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
    top: 0;
    transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
	 * Arrow Turn
	 */
.hamburger--arrowturn.is-active .hamburger-inner {
    transform: rotate(-180deg);
}

    .hamburger--arrowturn.is-active .hamburger-inner::before {
        transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
    }

    .hamburger--arrowturn.is-active .hamburger-inner::after {
        transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    }

/*
	 * Arrow Turn Right
	 */
.hamburger--arrowturn-r.is-active .hamburger-inner {
    transform: rotate(-180deg);
}

    .hamburger--arrowturn-r.is-active .hamburger-inner::before {
        transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    }

    .hamburger--arrowturn-r.is-active .hamburger-inner::after {
        transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
    }

/*
	 * Boring
	 */
.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
    transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
    transform: rotate(45deg);
}

    .hamburger--boring.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
    }

    .hamburger--boring.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg);
    }

/*
	 * Collapse
	 */
.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    .hamburger--collapse .hamburger-inner::after {
        top: -20px;
        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    }

    .hamburger--collapse .hamburger-inner::before {
        transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .hamburger--collapse.is-active .hamburger-inner::after {
        top: 0;
        opacity: 0;
        transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    }

    .hamburger--collapse.is-active .hamburger-inner::before {
        top: 0;
        transform: rotate(-90deg);
        transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

/*
	 * Collapse Reverse
	 */
.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    .hamburger--collapse-r .hamburger-inner::after {
        top: -20px;
        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    }

    .hamburger--collapse-r .hamburger-inner::before {
        transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--collapse-r.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .hamburger--collapse-r.is-active .hamburger-inner::after {
        top: 0;
        opacity: 0;
        transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    }

    .hamburger--collapse-r.is-active .hamburger-inner::before {
        top: 0;
        transform: rotate(90deg);
        transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

/*
	 * Elastic
	 */
.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

    .hamburger--elastic .hamburger-inner::before {
        top: 10px;
        transition: opacity 0.125s 0.275s ease;
    }

    .hamburger--elastic .hamburger-inner::after {
        top: 20px;
        transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

.hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(135deg);
    transition-delay: 0.075s;
}

    .hamburger--elastic.is-active .hamburger-inner::before {
        transition-delay: 0s;
        opacity: 0;
    }

    .hamburger--elastic.is-active .hamburger-inner::after {
        transform: translate3d(0, -20px, 0) rotate(-270deg);
        transition-delay: 0.075s;
    }

/*
	 * Elastic Reverse
	 */
.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

    .hamburger--elastic-r .hamburger-inner::before {
        top: 10px;
        transition: opacity 0.125s 0.275s ease;
    }

    .hamburger--elastic-r .hamburger-inner::after {
        top: 20px;
        transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

.hamburger--elastic-r.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-135deg);
    transition-delay: 0.075s;
}

    .hamburger--elastic-r.is-active .hamburger-inner::before {
        transition-delay: 0s;
        opacity: 0;
    }

    .hamburger--elastic-r.is-active .hamburger-inner::after {
        transform: translate3d(0, -20px, 0) rotate(270deg);
        transition-delay: 0.075s;
    }

/*
	 * Emphatic
	 */
.hamburger--emphatic {
    overflow: hidden;
}

    .hamburger--emphatic .hamburger-inner {
        transition: background-color 0.125s 0.175s ease-in;
    }

        .hamburger--emphatic .hamburger-inner::before {
            left: 0;
            transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
        }

        .hamburger--emphatic .hamburger-inner::after {
            top: 10px;
            right: 0;
            transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
        }

    .hamburger--emphatic.is-active .hamburger-inner {
        transition-delay: 0s;
        transition-timing-function: ease-out;
        background-color: transparent !important;
    }

        .hamburger--emphatic.is-active .hamburger-inner::before {
            left: -80px;
            top: -80px;
            transform: translate3d(80px, 80px, 0) rotate(45deg);
            transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
        }

        .hamburger--emphatic.is-active .hamburger-inner::after {
            right: -80px;
            top: -80px;
            transform: translate3d(-80px, 80px, 0) rotate(-45deg);
            transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
        }

/*
	 * Emphatic Reverse
	 */
.hamburger--emphatic-r {
    overflow: hidden;
}

    .hamburger--emphatic-r .hamburger-inner {
        transition: background-color 0.125s 0.175s ease-in;
    }

        .hamburger--emphatic-r .hamburger-inner::before {
            left: 0;
            transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
        }

        .hamburger--emphatic-r .hamburger-inner::after {
            top: 10px;
            right: 0;
            transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
        }

    .hamburger--emphatic-r.is-active .hamburger-inner {
        transition-delay: 0s;
        transition-timing-function: ease-out;
        background-color: transparent !important;
    }

        .hamburger--emphatic-r.is-active .hamburger-inner::before {
            left: -80px;
            top: 80px;
            transform: translate3d(80px, -80px, 0) rotate(-45deg);
            transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
        }

        .hamburger--emphatic-r.is-active .hamburger-inner::after {
            right: -80px;
            top: 80px;
            transform: translate3d(-80px, -80px, 0) rotate(45deg);
            transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
        }

/*
	 * Minus
	 */
.hamburger--minus .hamburger-inner::before,
.hamburger--minus .hamburger-inner::after {
    transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner::before,
.hamburger--minus.is-active .hamburger-inner::after {
    opacity: 0;
    transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}

.hamburger--minus.is-active .hamburger-inner::before {
    top: 0;
}

.hamburger--minus.is-active .hamburger-inner::after {
    bottom: 0;
}

/*
	 * Slider
	 */
.hamburger--slider .hamburger-inner {
    top: 2px;
}

    .hamburger--slider .hamburger-inner::before {
        top: 10px;
        transition-property: transform, opacity;
        transition-timing-function: ease;
        transition-duration: 0.15s;
    }

    .hamburger--slider .hamburger-inner::after {
        top: 20px;
    }

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

    .hamburger--slider.is-active .hamburger-inner::before {
        transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
        opacity: 0;
    }

    .hamburger--slider.is-active .hamburger-inner::after {
        transform: translate3d(0, -20px, 0) rotate(-90deg);
    }

/*
	 * Slider Reverse
	 */
.hamburger--slider-r .hamburger-inner {
    top: 2px;
}

    .hamburger--slider-r .hamburger-inner::before {
        top: 10px;
        transition-property: transform, opacity;
        transition-timing-function: ease;
        transition-duration: 0.15s;
    }

    .hamburger--slider-r .hamburger-inner::after {
        top: 20px;
    }

.hamburger--slider-r.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-45deg);
}

    .hamburger--slider-r.is-active .hamburger-inner::before {
        transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
        opacity: 0;
    }

    .hamburger--slider-r.is-active .hamburger-inner::after {
        transform: translate3d(0, -20px, 0) rotate(90deg);
    }

/*
	 * Spin
	 */
.hamburger--spin .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    .hamburger--spin .hamburger-inner::before {
        transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    }

    .hamburger--spin .hamburger-inner::after {
        transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .hamburger--spin.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
        transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    }

    .hamburger--spin.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

/*
	 * Spin Reverse
	 */
.hamburger--spin-r .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    .hamburger--spin-r .hamburger-inner::before {
        transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    }

    .hamburger--spin-r .hamburger-inner::after {
        transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--spin-r.is-active .hamburger-inner {
    transform: rotate(-225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .hamburger--spin-r.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
        transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    }

    .hamburger--spin-r.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(90deg);
        transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

/*
	 * Spring
	 */
.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s 0.13s linear;
}

    .hamburger--spring .hamburger-inner::before {
        top: 10px;
        transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .hamburger--spring .hamburger-inner::after {
        top: 20px;
        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: 0.22s;
    background-color: transparent !important;
}

    .hamburger--spring.is-active .hamburger-inner::before {
        top: 0;
        transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 10px, 0) rotate(45deg);
    }

    .hamburger--spring.is-active .hamburger-inner::after {
        top: 0;
        transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 10px, 0) rotate(-45deg);
    }

/*
	 * Spring Reverse
	 */
.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    .hamburger--spring-r .hamburger-inner::after {
        top: -20px;
        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
    }

    .hamburger--spring-r .hamburger-inner::before {
        transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--spring-r.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .hamburger--spring-r.is-active .hamburger-inner::after {
        top: 0;
        opacity: 0;
        transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
    }

    .hamburger--spring-r.is-active .hamburger-inner::before {
        top: 0;
        transform: rotate(90deg);
        transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

/*
	 * Stand
	 */
.hamburger--stand .hamburger-inner {
    transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

    .hamburger--stand .hamburger-inner::before {
        transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .hamburger--stand .hamburger-inner::after {
        transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--stand.is-active .hamburger-inner {
    transform: rotate(90deg);
    background-color: transparent !important;
    transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

    .hamburger--stand.is-active .hamburger-inner::before {
        top: 0;
        transform: rotate(-45deg);
        transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .hamburger--stand.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(45deg);
        transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

/*
	 * Stand Reverse
	 */
.hamburger--stand-r .hamburger-inner {
    transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

    .hamburger--stand-r .hamburger-inner::before {
        transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .hamburger--stand-r .hamburger-inner::after {
        transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--stand-r.is-active .hamburger-inner {
    transform: rotate(-90deg);
    background-color: transparent !important;
    transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

    .hamburger--stand-r.is-active .hamburger-inner::before {
        top: 0;
        transform: rotate(-45deg);
        transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .hamburger--stand-r.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(45deg);
        transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

/*
	 * Squeeze
	 */
.hamburger--squeeze .hamburger-inner {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    .hamburger--squeeze .hamburger-inner::before {
        transition: top 0.075s 0.12s ease, opacity 0.075s ease;
    }

    .hamburger--squeeze .hamburger-inner::after {
        transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .hamburger--squeeze.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
        transition: top 0.075s ease, opacity 0.075s 0.12s ease;
    }

    .hamburger--squeeze.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

/*
	 * Vortex
	 */
.hamburger--vortex .hamburger-inner {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

    .hamburger--vortex .hamburger-inner::before,
    .hamburger--vortex .hamburger-inner::after {
        transition-duration: 0s;
        transition-delay: 0.1s;
        transition-timing-function: linear;
    }

    .hamburger--vortex .hamburger-inner::before {
        transition-property: top, opacity;
    }

    .hamburger--vortex .hamburger-inner::after {
        transition-property: bottom, transform;
    }

.hamburger--vortex.is-active .hamburger-inner {
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

    .hamburger--vortex.is-active .hamburger-inner::before,
    .hamburger--vortex.is-active .hamburger-inner::after {
        transition-delay: 0s;
    }

    .hamburger--vortex.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
    }

    .hamburger--vortex.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(90deg);
    }

/*
	 * Vortex Reverse
	 */
.hamburger--vortex-r .hamburger-inner {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

    .hamburger--vortex-r .hamburger-inner::before,
    .hamburger--vortex-r .hamburger-inner::after {
        transition-duration: 0s;
        transition-delay: 0.1s;
        transition-timing-function: linear;
    }

    .hamburger--vortex-r .hamburger-inner::before {
        transition-property: top, opacity;
    }

    .hamburger--vortex-r .hamburger-inner::after {
        transition-property: bottom, transform;
    }

.hamburger--vortex-r.is-active .hamburger-inner {
    transform: rotate(-765deg);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

    .hamburger--vortex-r.is-active .hamburger-inner::before,
    .hamburger--vortex-r.is-active .hamburger-inner::after {
        transition-delay: 0s;
    }

    .hamburger--vortex-r.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
    }

    .hamburger--vortex-r.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg);
    }

.hamburger.hamburger-container {
    position: absolute;
    top: 2px;
    right: 0;
    z-index: 9005;
}

    .hamburger.hamburger-container:hover {
        opacity: 1;
    }

.hamburger-container__burger-icon,
.hamburger-container {
    cursor: pointer;
}

@media (min-width: 768px) {
    .hamburger {
        display: none;
    }
}

.c-nav-secondary {
    display: none;
    margin: 0 auto;
    position: fixed;
    z-index: 100;
    background-color: var(--white);
    left: 0;
    right: 0;
}

.c-nav-secondary-container {
    padding: 0 2rem;
    max-width: var(--max-container-width);
    margin: 0 auto;
}

.c-nav-secondary__items {
    display: flex;
    list-style: none;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: var(--max-content-width);
    padding: 1.3rem 0;
    border-top: 1px solid var(--primary-one);
    align-items: center;
}

.c-nav-secondary__link {
    display: inline-block;
    font-family: var(--muli);
    font-size: 1.8rem;
    line-height: 2.3rem;
    padding: 0.3rem 0.6rem;
    border-radius: 5px;
    transition: all 0.25s;
    background-color: transparent;
    color: currentColor;
}

.c-nav-secondary__link:hover,
.c-nav-secondary__link--current-page {
    color: var(--primary-two);
    background-color: var(--tertiary-three);
}

.c-nav-secondary__link--current-page {
    font-weight: 700;
}

.c-nav-secondary__submenu-items {
    display: none;
    list-style: none;
    position: absolute;
    background: white;
    text-align: left;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 10px 0;
    margin-top: 0;
    margin-left: 1px;
    border-radius: 0 5px 5px 5px;
}

.c-nav-secondary__submenu-item {
    padding: 0.5rem;
    margin: 0 0.5rem;
    line-height: 1;
    border-radius: 5px;
}

.c-nav-secondary__submenu-item:hover {
    background-color: var(--tertiary-three);
}

.c-nav-secondary__submenu-item > .nav-link {
    color: currentColor;
    display: inline-block;
    margin-bottom: 0;
    width: 100%;
}

.c-nav-secondary__submenu-item:hover > .nav-link,
.c-nav-secondary__submenu-item > .c-nav-secondary__link--current-page {
    background-color: transparent;
    color: var(--primary-two);
}

.c-nav__arrow-icon {
    margin-left: 4px;
}

/* IE11 doesn't support focus-within, so we need to hide these styles from it */
@supports not (-ms-high-contrast: none) {
    .c-nav-secondary__items:not(:focus-within)
        > .c-nav-secondary__item:hover
        > .c-nav-secondary__submenu-items,
    .c-nav-secondary__items
        > .c-nav-secondary__item:focus-within
        > .c-nav-secondary__submenu-items {
        display: block;
    }
}

/* IE11 only styles */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .c-nav-secondary__items
        > .c-nav-secondary__item:hover
        > .c-nav-secondary__submenu-items {
        display: block;
    }
}

/*
    MEDIA
    --------------------------------------------
*/
@media (min-width: 1024px) {
    .c-nav-secondary {
        display: block;
    }
}

.c-app-nav__inner {
    display: flex;
    justify-content: space-between;
    padding: 2.3rem 2rem;
    max-width: var(--max-container-width);
    margin: 0 auto;
}

.c-app-nav__logo {
    display: block;
    width: 13.2rem;
    flex-shrink: 0;
}

.c-app-nav__header {
    display: none;
}

.c-app-nav__banner {
    background: var(--tertiary-one);
    padding: 1.2rem 0;
    text-align: center;
}

.c-app-nav__banner-title {
    font-family: var(--muli);
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.1rem;
    color: var(--primary-one);
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .c-app-nav__inner {
        align-items: flex-end;
    }

    .c-app-nav__header {
        display: block;
    }

    .c-app-nav__header-item {
        font-family: var(--muli);
        font-size: 1.8rem;
        line-height: 1;
        text-align: right;
        color: var(--primary-one);
        margin-bottom: 0;
    }

    .c-app-nav__logo {
        width: 16.7rem;
    }
}

@media (min-width: 1024px) {
    .c-app-nav__banner {
        padding: 2.1rem 0;
    }

    .c-app-nav__banner-title {
        font-size: 2rem;
        line-height: 2.4rem;
    }
}

.c-accordion {
    max-width: 700px;
    margin: 0 auto;
}

.pl_fixed .c-accordion__title {
    padding-left: 0;
}

.c-accordion.wide {
    max-width: 830px;
}

@media (min-width: 768px) {
    .c-accordion, .c-accordion.wide {
        width: 70%;
    }

    .c-accordion__title {
        font-size: 2rem;
    }

    .pl_fixed .c-accordion__title {
        padding-left: 1rem;
    }
}

.c-accordion__title {
    border-top: 1px solid var(--secondary-two);
    margin-top: -1px;
    color: var(--secondary-one);
    font-size: 1.8rem;
    font-family: var(--muli);
    line-height: 2.4rem;
    font-weight: 600;
    padding: 1.2rem 4.2rem 1.2rem 2rem;
    position: relative;
    cursor: pointer;
}

.c-accordion__title.--last {
    border-bottom: 1px solid var(--secondary-two);
}

.c-accordion__para-item {
    font-family: var(--muli);
    line-height: 2.4rem;
    padding: 1.2rem 1.2rem 1.2rem 2rem;
    color: var(--primary-one);
    display: block;
}

.c-accordion__para {
    margin: 0;
    border-bottom: 1px solid var(--secondary-two);
}

.c-accordion__para.no_bottom_border{
    border-bottom: none;
}

/* ARROW */
.c-accordion__title::after {
    font-family: var(--fa);
    font-size: 1.4rem;
    content: '\f078';
    opacity: 0.8;
    position: absolute;
    right: 1.4rem;
    top: 50%;
    transform: translateY(-50%) rotate(0);
    transition: 207ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: var(--primary-two);
}

/* STATE */
.c-accordion__title:hover,
.c-accordion__title:focus {
    background-color: var(--tertiary-three);
    color: var(--primary-two);
}

.c-accordion__title[aria-expanded='true'] {
    background-color: var(--tertiary-three);
    color: var(--primary-two);
    border-bottom: none;
}

.c-accordion__title[aria-expanded='true']::after {
    transform: translateY(-50%) rotate(-180deg);
    border-bottom: none;
}

.c-accordion__title:focus {
    outline: none;
}

.c-accordion a:not(.c-button) {
    text-decoration: underline;
}

/*
    MEDIA
    --------------------------------------------
*/
@media (min-width: 1024px) {
    .c-accordion__title {
        padding: 1.2rem 4.2rem 1.2rem 1rem;
    }

    .c-accordion__para-item {
        padding: 1.2rem 1.2rem 1.2rem;
    }
}

.c-app-link-compact {
    margin-top: 3rem;
}

.c-app-link-compact__inner {
    display: flex;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
}

.c-app-link-compact__item {
    display: block;
    flex-shrink: 0;
    min-width: 11rem;
}

.c-app-link-compact__icon {
    width: 100%;
    max-width: 2rem;
    margin-right: 0.8rem;
    fill: var(--white);
}

.c-app-link-compact__copy {
    color: var(--primary-one);
    margin-bottom: 0;
    text-decoration: underline;
}

.c-app-link-compact__item-inner {
    display: flex;
    align-items: center;
}

.c-app-link-compact__inner-item {
    flex-shrink: 0;
}

.c-app-link-compact__inner-item:not(:last-child) {
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
}

/* MODIFIER */
.c-app-link-compact--centered .c-app-link-compact__inner {
    justify-content: center;
}

.c-app-link__inner {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.c-app-link__item {
    border: 1px solid var(--white);
    border-radius: 8px;
    padding: 0.7rem 4rem 0.7rem 1rem;
    display: inline-block;
    flex-shrink: 0;
    min-width: 11rem;
}

.c-app-link__icon {
    width: 100%;
    max-width: 2.7rem;
    margin-right: 0.8rem;
    fill: var(--white);
}

.c-app-link__copy {
    color: var(--white);
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.c-app-link__item-inner {
    display: flex;
    align-items: center;
}

.c-app-link__inner-item {
    flex-shrink: 0;
}

.c-app-link__copy-header {
    font-size: 1.2rem;
    line-height: 1rem;
    margin-bottom: 0.2rem;
}

.c-app-link__copy-sub-header {
    font-size: 2.1rem;
    line-height: 2.1rem;
}

.c-app-link__inner-item:first-child {
    margin-right: 1.5rem;
}

.c-app-link__spec {
    color: var(--white);
    margin-top: 0.9rem;
    display: inline-block;
}

.c-app-link__legal {
    color: var(--regent-gray);
    font-size: 12px;
    line-height: 1.4;
    padding: 2rem 0 0;
}

@media (max-width: 767px) {
    .c-app-link__item {
        padding-right: 2.4rem;
    }
}

/*
    REVERSE
    --------------------------------------------
*/
.c-app-link--reverse .c-app-link__item {
    border-color: var(--primary-one);
}

.c-app-link--reverse .c-app-link__copy-header,
.c-app-link--reverse .c-app-link__copy-sub-header {
    color: var(--primary-one);
}

@media (min-width: 768px) {
    .c-app-link__legal {
        width: 27rem;
    }
}

/*
    SECONDARY MENU & SLIDER MENU
    --------------------------------------------
*/

.c-nav-secondary__item .c-app-link__item {
  margin-right: 20px;
}

.slider-menu__section-title--download .c-app-link__item {
  border-color: var(--primary-one);
  padding: .6rem 1rem .4rem;
}

.c-nav-secondary__item .c-app-link__item {
  border-color: var(--primary-one);
  padding: .7rem 1rem .5rem;
}

.c-nav-secondary__item .c-app-link__copy-header,
.c-nav-secondary__item .c-app-link__copy-sub-header,
.slider-menu__section-title--download .c-app-link__copy-header,
.slider-menu__section-title--download .c-app-link__copy-sub-header {
  color: var(--primary-one);
}

.c-nav-secondary__item .c-app-link__copy-header,
.slider-menu__section-title--download .c-app-link__copy-header {
  font-size: .9rem;
  margin-bottom: 0;
}

.c-nav-secondary__item .c-app-link__copy-sub-header,
.slider-menu__section-title--download .c-app-link__copy-sub-header {
  font-size: 1.4rem;
  font-weight: bold;
}

.c-nav-secondary__item .c-app-link__icon,
.slider-menu__section-title--download .c-app-link__icon {
  max-width: 2.1rem;
}

.c-brochure {
    background: linear-gradient(180deg, rgba(243, 250, 255, 0) 0%, #F3FAFF 100%);
}

.c-brochure__inner {
    padding: 25rem 2rem 25rem;
    max-width: var(--max-container-width);
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.c-brochure__img {
    display: block;
    height: 30rem;
    width: auto;
    box-shadow: 5px 30px 140px rgba(0, 0, 0, 0.12);
    order: 0;
    margin: -55rem auto 4rem;
}

.c-brochure__button {
    font-size: 1.6rem;
    line-height: 1;
    display: flex;
    margin: 2.1rem 0 0;
    border: 1px solid transparent;
}

.c-brochure__copy {
    color: var(--primary-two);
    font-size: 3.4rem;
    padding: 0 0;
    font-weight: 500;
    font-family: var(--lora);
    line-height: 1.2;
    margin-bottom: 0;
    order: 1;
}

@media (min-width: 768px) {
    .c-brochure__inner {
        max-width: 96rem;
        padding: 3.8rem 2rem 2.1rem;
        justify-content: space-between;
        flex-direction: row;
        height: 25rem;
    }

    .c-brochure__copy {
        order: 0;
        line-height: 1.4;
        font-size: 2.8rem;
    }

    .c-brochure__img {
        position: relative;
        top: -55px;
        margin: 0 auto;
        order: 1;
    }

    .c-brochure__button {
        display: inline-block;
        font-size: 1.8rem;
        max-width: 23.4rem;
        margin-top: 3.5rem;
    }
}

.c-button-arrow {
    font-size: 1.8rem;
    font-family: var(--muli);
    font-weight: 600;
    color: var(--black);
    display: inline-flex;
    min-width: 15rem;
}

.c-button-arrow__icon {
    fill: var(--primary-two);
    width: 100%;
    max-width: 0.8rem;
    position: relative;
    top: 0.2rem;
    margin-left: 1.4rem;
    transition: all 0.25s;
    position: relative;
    left: 0;
    max-height: 2.6rem;
}

/* STATE */
.c-button-arrow:hover .c-button-arrow__copy {
    text-decoration: underline;
}

.c-button-arrow:hover .c-button-arrow__icon {
    left: 5px;
}

/* IE SPECIFIC */
/* @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .c-button-arrow__icon {
        max-height: 26px;
    }
} */

.c-button {
    line-height: 1;
    font-weight: 700;
    padding: 1.3rem 2.5rem;
    border-radius: 23px;
    display: inline-block;
    border: 1px solid transparent;
    cursor: pointer;
}

/*
    VARIATION
    --------------------------------------------
*/
.c-button--primary-two {
    background-color: var(--primary-two);
    color: var(--white);
}

    .c-button--primary-two:hover {
        background-color: var(--white);
        border: 1px solid var(--primary-two);
        color: var(--primary-two);
    }

.c-button--primary-three {
    background-color: var(--primary-three);
    color: var(--white);
}

    .c-button--primary-three:hover {
        background-color: var(--white);
        border: 1px solid var(--primary-three);
        color: var(--primary-three);
    }

.c-button--primary-two-outline {
    border: 1px solid var(--primary-two);
    background-color: var(--white);
    color: var(--primary-two);
}

    .c-button--primary-two-outline:hover {
        border: 1px solid var(--primary-two);
        background-color: var(--primary-two);
        color: var(--white);
    }

.c-button--primary-three-outline {
    border: 1px solid var(--primary-three);
    background-color: var(--white);
    color: var(--primary-three);
}

    .c-button--primary-three-outline:hover {
        border: 1px solid var(--primary-three);
        background-color: var(--primary-three);
        color: var(--white);
    }

.no-hover:hover {
    border: 1px solid var(--primary-three) !important;
    background-color: var(--white) !important;
    color: var(--primary-three) !important;
}

.c-button--secondary-one {
    background-color: var(--white);
    color: var(--primary-two);
    border: 1px solid var(--primary-two);
}

    .c-button--secondary-one:hover {
        border: 1px solid transparent;
        background-color: var(--primary-two);
        color: var(--white);
    }

.c-button--secondary-two {
    background-color: var(--tertiary-two);
    color: var(--primary-three);
    border: 1px solid transparent;
}

    .c-button--secondary-two:hover {
        border: 1px solid var(--tertiary-two);
        background-color: transparent;
        color: var(--tertiary-two);
    }

.c-button--direct-apply {
    padding: 0.8rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 3.4rem;
    display: none;
}

.c-button.c-button-disabled {
    user-select: none;
    cursor: not-allowed;
    background-color: #b89cd9 !important;
    color: white !important;
    border: none !important;
}

.c-call {
    background-color: var(--tertiary-three);
}

.c-call__header {
    font-size: 2.8rem;
    font-family: var(--lora);
    line-height: 3.4rem;
    color: var(--primary-one);
}

.c-call__inner {
    margin: 0 auto;
    max-width: var(--max-container-width);
    padding: 3.3rem 2rem;
}

/*
    MEDIA
    --------------------------------------------
*/
@media (min-width: 768px) {
    .c-call__inner {
        text-align: center;
    }
}

@media (min-width: 1024px) {
    .c-call__header {
        font-size: 3.8rem;
        line-height: 5.6rem;
    }
}

.c-check-list {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.c-check-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.c-check-list .c-check-list-item {
    position: relative;
    padding-left: 3.3rem;
}

.c-check-list .c-check-list-item::before,
.c-check-list .c-check-list-item::after {
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    border-radius: 1px;
    background-color: var(--primary-two);
}

.c-check-list .c-check-list-item::before {
    width: 5px;
    left: 1px;
    transform: rotate(45deg);
    top: 14px;
}

.c-check-list .c-check-list-item::after {
    width: 12px;
    left: 3px;
    top: 12px;
    transform: rotate(-45deg);
}

.c-check-list.--cross .c-check-list-item::before,
.c-check-list.--cross .c-check-list-item::after {
    width: 12px;
    top: 14px;
    left: 3px;
}

.c-check-list.--cross .c-check-list-item::before {
    transform: rotate(45deg);
}

.c-check-list.--cross .c-check-list-item::after {
    transform: rotate(-45deg);
}

.c-check-list .c-check-list-icon__item-img {
     margin-bottom: 15px
}

@media (min-width: 768px) {
    .c-check-list {
        margin: 4rem;
    }
}
.c-faq {
    padding: 4.5rem 0;
}

.c-faq__inner {
    max-width: var(--max-container-width);
    padding: 0 2rem;
    margin: 0 auto;
}

.c-faq__title {
    font-size: 3rem;
    font-family: var(--lora);
    line-height: 4.1rem;
    text-align: left;
    color: var(--primary-one);
    margin-bottom: 4.2rem;
}

.c-faq__more {
    text-align: center;
    margin-top: 2.1rem;
}

.c-faq__more-link {
    font-size: 1.6rem;
    font-weight: 600;
    list-style: 2rem;
    color: var(--primary-two);
    text-decoration: underline;
}

.c-faq--last-item {
    margin-bottom: 3rem;
}

.c-faq--bg-tertiary-three {
    background-color: var(--tertiary-three);
}

.c-faq__action {
    text-align: center;
    margin-top: 3.6rem;
}

.c-faq__more-question {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1;
    color: var(--primary-two);
    text-decoration: underline;
    background: none;
    border: 0;
}

/*
    MEDIA
    --------------------------------------------
*/
@media (min-width: 768px) {
    .c-faq__title {
        text-align: center;
    }

    .c-faq--last-item {
        margin-bottom: 6rem;
    }
}

@media (min-width: 1024px) {
    .c-faq {
        padding: 4.2rem 0;
    }

    .c-faq__title {
        font-size: 5rem;
        line-height: 5.6rem;
    }

    .c-faq--last-item {
        margin-bottom: 11.5rem;
    }
}

.back-to-top-button {
    background-color: #0200b9;
    padding: 0 1.2rem;
    max-width: 3.8rem;
    max-height: 3.8rem;
    display: flex;
    align-items: center;
    border-radius: 4px 0 0 4px;
    height: 100%;
    position: fixed;
    bottom: 70px;
    right: -42px;
    transform: translate3d(-50%, 100px, 0) scale(0.5);
    transition: transform 0.25s ease;
    z-index: 5000;
    cursor: pointer;
}

.back-to-top-button__para {
    display: none;
}

@media (min-width: 768px) {
    .back-to-top-button {
        justify-content: space-between;
        max-width: none;
        width: 8.5rem;
    }

    .back-to-top-button__para {
        display: block;
        color: white;
        font-size: 1.4rem;
        line-height: 1;
        font-weight: 700;
    }

    .back-to-top-button::after {
        content: '';
        height: 100%;
        width: 2px;
        position: absolute;
        right: 48px;
        background-color: white;
    }
}
/* keyboard is showing on mobile, so hide back to top button*/

@media (max-height: 319px) {
    .back-to-top-button {
        display: none;
    }
}

@media (max-width: 767px) {
    .back-to-top-button {
        left: calc(100vw - 15px);
    }
}

.back-to-top-button.show {
    transform: translate3d(-50%, -15px, 0) scale(1);
    pointer-events: all;
}

.c-guide-banner {
    background-color: var(--primary-one);
    padding: 1.8rem 0;
    max-height: 39.6rem;
    /* margin-bottom: 10rem; */
}

.c-guide-banner__inner {
    max-width: var(--max-container-width);
    padding: 0 2rem;
    margin: 0 auto;
}

.c-guide-banner__header {
    font-size: 2.8rem;
    font-family: var(--lora);
    line-height: 3.4rem;
    color: var(--white);
    margin-top: 0;
    margin-bottom: 3.3rem;
}

.c-guide-banner__asset {
    max-width: 15rem;
    position: relative;
    z-index: 1;
}

.c-guide-banner__asset img {
    box-shadow: 15px 24px 69px -31px rgba(0, 0, 0, 0.75);
}

.c-guide-banner__text {
    margin-bottom: 3.5rem;
}

/*
    MEDIA
    --------------------------------------------
*/
@media (max-width: 1023px) {
    .c-guide-banner__text {
        display: inline-block;
    }
}

@media (min-width: 768px) {
    .c-guide-banner {
        max-height: 27.6rem;
        padding: 3rem 6rem;
    }

    .c-guide-banner__inner {
        display: flex;
        justify-content: space-between;
    }

    .c-guide-banner__copy {
        margin-bottom: 0;
        max-width: 320px;
    }

    .c-guide-banner__asset img {
        max-width: 24rem;
        position: absolute;
        top: -70px;
        right: 0;
    }

    .c-guide-banner__header {
        font-size: 3.4rem;
        line-height: 4.1rem;
    }
}

@media (min-width: 1024px) {
    .c-guide-banner__copy {
        max-width: 70%;
    }

    .c-guide-banner__header {
        font-size: 3.8rem;
        line-height: 5.6rem;
    }

    .c-guide-banner__copy .c-button {
        position: relative;
        top: -5px;
        margin-left: 3rem;
    }
}

.c-hero-copy__sub-header {
    color: var(--primary-two);
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 0.9rem;
    display: block;
}

.c-hero-copy__header {
    font-size: 4.5rem;
    font-family: var(--lora);
    font-weight: 500;
    line-height: 5.4rem;
    color: var(--primary-two);
}

@media (min-width: 768px) {
    .c-hero-copy {
        text-align: center;
    }

    .c-hero-copy__header {
        max-width: 48.1rem;
        margin: 0 auto 2.8rem;
    }

    .c-hero-copy__para {
        max-width: 68.8rem;
        margin: 0 auto;
    }
}

@media (min-width: 1024px) {
    .c-hero-copy {
        text-align: left;
    }

    .c-hero-copy__header {
        font-size: 5rem;
        line-height: 6rem;
        max-width: none;
        margin: 0 auto 2.8rem;
    }

    .c-hero-copy__para {
        max-width: none;
        margin: 0 auto;
    }
}

.c-hero__content {
    margin-bottom: 1.2rem;
}

.c-hero__update-header {
    font-size: 4.5rem;
    font-weight: 500;
    font-family: var(--lora);
    line-height: 4.5rem;
    color: var(--primary-two);
    margin-bottom: 3rem;
}

.c-hero__update-inner {
    padding: 3rem 2rem;
    max-width: var(--max-container-width);
    margin: 0 auto;
}


.c-hero__button {
    margin-bottom: 3rem;
    margin-top: 2.5rem;
}

.c-hero__asset-link {
    display: block;
}

/* UPDATE */
.c-hero__update {
    background-color: var(--tertiary-five);
}

.c-hero__update-inner {
    max-width: var(--max-container-width);
    margin: 0 auto;
    padding: 3.6rem 2rem;
}

.c-hero__update-header {
    font-family: var(--lora);
    margin-top: 0;
}

.c-hero__update-header {
    font-size: 3.5rem;
    line-height: 4rem;
    margin-bottom: 1.8rem;
    color: var(--primary-four);
}

.c-hero__update-para,
.c-hero__update-para {
    color: var(--primary-one);
}

.c-hero__update-para {
    color: var(--primary-one);
}

.c-hero__update-para a {
    text-decoration: underline;
    font-weight: 500;
    color: var(--primary-one);
}

.c-hero__small-print {
    font-size: 1.4rem;
    line-height: 1.7rem;
    display: table;
    margin-top: 3rem;
}

    .c-hero__small-print a {
        text-decoration: underline;
    }

.c-hero--tertiary-one {
    background-color: var(--tertiary-one);
}

/*
    SPECIFIC HERO MOD
    --------------------------------------------
*/
.c-hero--homepage {
    overflow: hidden;
}

.c-hero__content .c-app-link--reverse {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
}

.c-hero--homepage .c-hero__update {
    padding-top: 3rem;
}

.c-hero--homepage .c-hero__asset{
    display:none;
}

.c-hero--homepage .bold {
    font-weight: 700;
}

.c-hero.c-hero--homepage section {
    padding-top: 0;
}
/*
    MEDIA
    --------------------------------------------
*/
@media (min-width: 768px) {
    .c-hero__update-copy {
        max-width: 29rem;
    }

    .c-hero__content {
        margin-bottom: 0;
    }

    .c-hero__update-inner {
        display: flex;
        justify-content: space-between;
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }

    .c-hero__update-copy,
    .c-hero__asset {
        max-width: 50%;
        width: 100%;
    }

    .c-hero--homepage .c-hero__asset {
        display: block;
        position: relative;
    }

    /*
        SPECIFIC HERO MOD
        --------------------------------------------
    */

    .c-hero--homepage .c-hero__update {
        padding-top: 0;
        margin-top: 0;
    }

    .c-hero--homepage .c-app-link__button {
        margin-bottom: 0;
    }

    .c-hero--homepage .c-hero__update .c-picture {
        position: absolute;
        right: 2rem;
        top: -9rem;
    }

    .c-hero--homepage .c-hero__update .c-picture img {
        max-width: 40rem;
        width: 40rem;
    }

    .c-hero--homepage .c-hero__update-copy {
        max-width: 50%;
    }
    .c-hero .c-section-block-center {
        padding-top: 6rem;
    }
}

@media (min-width: 1024px) {
    .c-hero__update-header {
        font-size: 6rem;
        line-height: 7rem;
        margin-bottom: 2.7rem;
    }

    .c-hero--homepage .c-hero__update .c-picture img {
        width: 44rem;
    }

    .c-hero--homepage .c-hero__update .c-picture {
        right: 4rem;
        top: -7rem;
    }

    /* UPDATE */
    .c-hero__update-header {
        font-size: 5rem;
        line-height: 4.8rem;
    }

    .c-hero__update-inner {
        padding-top: 4.1rem;
        padding-bottom: 0;
    }

    .c-hero .c-section-block-center {
        padding-top: 6rem;
    }

    .c-hero--homepage .c-section-block .c-picture__img-item {
        max-width: none;
        width: 100%;
    }

    .c-hero--homepage .c-section-block__inner {
        padding-bottom: 5rem;
    }
}

.c-horizontal-line {
    background-color: var(--primary-one);
    height: 1px;
    margin: 0;
    border: 0;
}

.c-input {
    margin-bottom: 2rem;
}

.c-input__item {
    border: 1px solid var(--secondary-two);
    padding: 1.5rem;
    border-radius: 5px;
    width: 100%;
}

.c-input__error {
    color: var(--tertiary-three);
    font-size: 1.4rem;
    font-family: var(--muli);
    line-height: 1.7rem;
}

.c-input__item[type='number']::-webkit-outer-spin-button,
.c-input__item[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.c-input__item[type='number'] {
    -moz-appearance: textfield;
}

.c-input__error.s-active {
    color: var(--tertiary-error);
}

.c-link-icon {
    padding: 3rem 0;
}

.c-link-icon__item {
    text-align: center;
    margin-bottom: 3.6rem;
    position: relative;
    padding-bottom: 5.2rem;
}

.c-link-icon__item:last-child {
    margin-bottom: 0;
}

.c-link-icon__inner {
    max-width: var(--max-container-width);
    margin: 0 auto;
    padding: 0 2rem;
}

.c-link-icon__item-header {
    font-size: 2rem;
    font-family: var(--muli);
    line-height: 2.4rem;
    color: var(--secondary-one);
}

.c-link-icon__item-para {
    font-size: 1.6rem;
    font-family: var(--muli);
    line-height: 2.4rem;
    color: var(--secondary-one);
}

.c-link-icon__item-para a {
    text-decoration: underline;
}

.c-link-icon__icon {
    max-width: 7.4rem;
    margin: 0 auto 0.6rem;
}

.c-link-icon__action {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.c-link-icon--bg-tertiary-three {
    background-color: var(--tertiary-three);
}

.c-link-icon-update {
    padding: 7.5rem 0 10rem;
}

.c-link-icon-update .c-link-icon__item {
    text-align: left;
}

.c-link-icon-update .c-link-icon__icon {
    margin-left: 0;
    margin-bottom: 1rem;
}

/*
    MEDIA
    --------------------------------------------
*/
@media (min-width: 768px) {
    .c-link-icon {
        padding: 6.6rem 0;
    }

    .c-link-icon__icon {
        max-width: 10rem;
        margin-bottom: 1.5rem;
    }

    .c-link-icon__inner {
        display: flex;
        justify-content: space-between;
    }

    .c-link-icon__item {
        margin-bottom: 0;
    }

    /* MODIFIER */
    .c-link-icon--x1 .c-link-icon__item {
        width: 64%;
        margin: 0 auto;
    }

    .c-link-icon--x2 .c-link-icon__item {
        width: 45%;
    }

    .c-link-icon--x2 .c-link-icon__inner {
        width: 57rem;
    }

    .c-link-icon--x3 .c-link-icon__item {
        width: 27%;
    }

    .c-link-icon-update {
        padding: 6.4rem 0 6.4rem;
    }
}

@media (min-width: 1024px) {
    .c-link-icon__icon {
        max-width: 12rem;
        margin-bottom: 3rem;
    }

    .c-link-icon__item-para {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }

    /* MODIFIER */
    .c-link-icon--x2 .c-link-icon__inner {
        width: 66rem;
    }
}

.c-list-benefits {
    margin-top: 6rem;
    margin-bottom: 6rem;
}

.c-list-benefits__header {
    font-size: 2.8rem;
    font-family: var(--lora);
    line-height: 3.4rem;
    color: var(--primary-one);
    margin-top: 0;
    margin-bottom: 3.6rem;
}

.c-list-benefits__inner {
    max-width: var(--max-container-width);
    margin: 0 auto;
    padding: 0 2rem;
}

.c-list-benefits__items {
    list-style: none;
    padding-left: 0;
}

.c-list-benefits__item:not(:last-child) {
    margin-bottom: 1.8rem;
}

.c-list-benefits__item-header {
    font-size: 2rem;
    font-family: var(--muli);
    line-height: 2.4rem;
    color: var(--secondary-one);
    margin-top: 0;
    padding-left: 3rem;
    position: relative;
}

.c-list-benefits__item-header::before,
.c-list-benefits__item-header::after {
    content: '';
    display: block;
    background-color: var(--primary-three);
    position: absolute;
    height: 3px;
}

.c-list-benefits__item-header::before {
    width: 6px;
    left: 1px;
    transform: rotate(45deg);
    top: 15px;
}

.c-list-benefits__item-header::after {
    width: 16px;
    left: 3px;
    top: 13px;
    transform: rotate(-45deg);
}

.c-list-benefits__item-para {
    font-size: 1.6rem;
    font-family: var(--muli);
    line-height: 2.4rem;
    color: var(--secondary-one);
}

.c-list-benefits__action {
    text-align: center;
    margin-top: 4.2rem;
}

/*
    MEDIA
    --------------------------------------------
*/
@media (max-width: 767px) {
    .c-list-benefits__action .c-button:not(:last-child) {
        margin-bottom: 2.7rem;
    }
}

@media (min-width: 768px) {
    .c-list-benefits__header {
        font-size: 3.4rem;
        line-height: 4.1rem;
        text-align: center;
    }

    .c-list-benefits__items {
        display: flex;
        justify-content: space-between;
    }

    .c-list-benefits__item {
        width: calc(85% / 3);
    }

    .c-list-benefits__action {
        display: flex;
        justify-content: space-between;
        max-width: 31rem;
        margin: 0 auto;
    }
}

@media (min-width: 1024px) {
    .c-list-benefits {
        margin-top: 15rem;
    }

    .c-list-benefits__action {
        max-width: 34rem;
    }

    .c-list-benefits__header {
        font-size: 5rem;
        line-height: 5.6rem;
    }
}

.c-list-icon__header {
    font-size: 2.8rem;
    font-family: var(--lora);
    line-height: 3.4rem;
    color: var(--primary-one);
    margin-bottom: 3rem;
}

.c-list-icon__para {
    font-size: 16px;
    font-family: var(--muli);
    line-height: 24px;
    color: var(--primary-one);
    margin-bottom: 1.5rem;
}

.c-list-icon__item-top {
    display: flex;
    align-items: center;
    margin-bottom: 2.1rem;
}

.c-list-icon__icon {
    max-width: 4rem;
    margin-right: 3rem;
}

.c-list-icon__item:not(:last-child) {
    margin-bottom: 3rem;
}

.c-list-icon__item-header {
    font-size: 2rem;
    font-family: var(--muli);
    line-height: 1.4rem;
    color: var(--secondary-one);
}

.c-list-icon__item-para {
    font-size: 1.6rem;
    font-family: var(--muli);
    line-height: 2.4rem;
    color: var(--secondary-one);
}

/*
    MEDIA
    --------------------------------------------
*/
@media (min-width: 768px) {
    .c-list-icon__header,
    .c-list-icon__para {
        text-align: center;
    }

    .c-list-icon__header {
        font-size: 3.4rem;
        line-height: 4.1rem;
    }

    .c-list-icon__para {
        max-width: 60.6rem;
        margin: 0 auto 4.5rem;
    }

    .c-list-icon__item-top {
        flex-direction: column;
        justify-content: center;
    }

    .c-list-icon__icon {
        margin-right: 0;
        margin-bottom: 1.5rem;
    }

    .c-list-icon__inner {
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
    }

    .c-list-icon__item {
        width: 49%;
    }
}

@media (min-width: 1024px) {
    .c-list-icon__header {
        font-size: 5rem;
        line-height: 5.6rem;
        margin-bottom: 4.5rem;
    }

    .c-list-icon__item-para,
    .c-list-icon__para {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }

    .c-list-icon__item-para {
        text-align: center;
    }

    /* X4 */
    .c-list-icon--x4 .c-list-icon__item {
        width: 24%;
    }

    /* X6 */
    .c-list-icon--x6 .c-list-icon__item {
        width: 32%;
    }
}

.c-page-hero-banner--tertiary-one {
    background-color: var(--tertiary-one);
}

.c-page-hero-banner__inner {
    padding: 3.3rem 2rem;
    margin: 0 auto;
}

.c-page-hero-banner__heading {
    font-size: 4.5rem;
    margin-top: 0;
    font-family: var(--lora);
    color: var(--primary-one);
}

.c-page-hero-banner__copy {
    font-size: 1.6rem;
    font-family: var(--muli);
    line-height: 2.4rem;
    color: var(--secondary-one);
}

.c-page-hero-banner.carLoanEnquiry__heading .c-page-hero-banner__inner {
    text-align: left;
    padding-top: 0;
}

.c-page-hero-banner.carLoanEnquiry__heading .c-page-hero-banner__heading {
    padding-top: 4rem;
    color: var(--primary-two);
}

.c-page-hero-banner.carLoanEnquiry__heading .c-page-hero-banner__copy {
    margin: 0 0;
}

@media (min-width: 768px) {
    .c-page-hero-banner__inner {
        text-align: center;
    }

    .c-page-hero-banner__heading {
        font-size: 5rem;
    }
}

@media (min-width: 1024px) {
    .c-page-hero-banner__heading {
        margin-bottom: 2.1rem;
    }

    .c-page-hero-banner__wrap {
        margin: 20px 0;
    }

    .c-page-hero-banner__inner {
        max-width: var(--max-container-width);
        padding: 5rem 2rem;
    }

    .c-page-hero-banner__copy {
        font-size: 1.8rem;
        line-height: 2.6rem;
        max-width: 83rem;
        margin-left: auto;
        margin-right: auto;
    }
}

.c-picture {
    display: block;
}

.privacy-act-banner__container {
    background-color: var(--tertiary-five);
}

.privacy-act-banner__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    font-family: var(--muli);
    font-style: normal;
    font-weight: 600;
    font-size: 1.73rem;
    line-height: 2.88rem;
    max-width: var(--max-container-width);
    margin: 0 auto;
}

.privacy-act-banner__inner a {
    text-decoration: underline;
}

@media (min-width: 768px) {
    .privacy-act-banner__inner {
        text-align: center;
        font-size: 2.11rem;
    }
}

.c-rates-grid {
	padding-bottom: 4rem;
}

	.c-rates-grid .c-rates-grid-group {
		justify-content: center;
		display: flex;
		flex-wrap: wrap;
	}

	.c-rates-grid p {
		margin: 0;
	}

	.c-rates-grid h5 {
		font-size: 2rem;
		margin: 0;
	}

	/*#46069 increased max-height to make room for "changed monthly" footer and increased vertical line height*/
	.c-rates-grid .rates-grid-card__container {
		max-height: unset;
	}

	.c-rates-grid .rates-grid-separator.rates-grid-separator-promo {
		height: 180px;
	}

	.c-rates-grid .c-rates-grid-card-footer {
		font-family:var(--lora);
		font-weight:500;		
		letter-spacing:0.07em;
		color:#020089;
		line-height:0px;
		text-align:center;
	}
/**/
.c-rates-grid .rates-grid-card__container.--last {
	border-right: none;
}

	.c-rates-grid .rates-grid-card__value {
		display: flex;
	}

		.c-rates-grid .rates-grid-card__value h3 {
			color: var(--primary-two);
			font-size: 7.3rem;
			font-family: var(--lora);
			font-weight: 600;
		}

	.c-rates-grid .rates-grid-card__perc p {
		font-size: 1.8rem;
		font-family: var(--lora);
		color: var(--primary-two);
		font-weight: 600;
	}

	.c-rates-grid .rates-grid-card__perc {
		margin-top: 2rem;
	}

	.c-rates-grid p.rates-grid-card__perc-symbol {
		font-size: 2.6rem;
	}

	.c-rates-grid .rates-grid-separator {
		height: 132px;
		border-left: solid 1px var(--primary-one);
		margin-left: 4rem;
		margin-right: 4rem;
	}

	.c-rates-grid .rates-grid-others {
		display: block;
		text-align: center;
	}

	.c-rates-grid .rates-grid-buttons {
		margin-top: 4rem;
		margin-bottom: 10px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.c-rates-grid .rates-grid-button.first {
		margin-right: 2rem;
	}

	/*special rate*/

	.c-rates-grid .c-rates-grid-special-rate {
		padding-bottom: 0;
		margin-top: 4rem;
	}

.rates-grid-separator-special {
	border-top: solid 1px var(--primary-one);
	margin: 4rem auto 4rem auto;
	max-width: 700px;
}

.c-rates-grid.c-rates-grid-special-rate .rates-grid-card__value h3 {
	color: var(--primary-two);
	font-size: 10.7rem;
}

.c-rates-grid.c-rates-grid-special-rate .rates-grid-card__perc {
	margin-top: 4.9rem;
	margin-left: 5px;
}

.c-rates-grid.c-rates-grid-special-rate .rates-grid-card__container {
	width: inherit;
	margin: auto;
}

.c-rates-grid-no-event {
	pointer-events: none;
}

@media (max-width: 1023px) {
	.c-rates-grid .rates-grid-separator.rates-grid-even {
		display: none;
	}

	.c-rates-grid .rates-grid-vertical-separator.rates-grid-even {
		width: 100%;
	}

	.c-rates-grid .rates-grid-separator-mobile.rates-grid-even {
		border-top: solid 1px var(--primary-one);
		margin: 4rem auto 4rem auto;
		max-width: 700px;
	}
}

@media (max-width: 767px) {
	.c-rates-grid {
		padding-bottom: 54px;
	}

		.c-rates-grid .rates-grid-card__value {
			justify-content: left;
		}

			.c-rates-grid .rates-grid-card__value h3 {
				font-size: 5.7rem;
			}

		.c-rates-grid h5 {
			font-size: 1.4rem;
		}

		.c-rates-grid .c-rates-grid-card-footer {
			font-size: 1.3rem;
		}

		.c-rates-grid .rates-grid-separator {
			margin-left: 1rem;
			margin-right: 1rem;
		}

		.c-rates-grid .rates-grid-separator-mobile.rates-grid-even {
			margin: auto;
			max-width: 700px;
		}

		.c-rates-grid .rates-grid-card__container {
			width: 33%;
			padding-top: 7px;
			margin: auto;
			text-align: center;
		}

		.c-rates-grid .rates-grid-card__perc {
			margin-top: 1rem;
		}

		.c-rates-grid .rates-grid-others {
			text-align: left;
		}

		.c-rates-grid .rates-grid-button {
			width: 100%;
		}

			.c-rates-grid .rates-grid-button.first {
				margin-bottom: 15px;
			}

		.c-rates-grid .rates-grid-separator {
			height: 110px;
		}

		/*special rate*/

		.c-rates-grid.c-rates-grid-special-rate .rates-grid-card__value h3 {
			font-size: 7.7rem;
		}

		.c-rates-grid.c-rates-grid-special-rate .rates-grid-card__perc {
			margin-top: 2.9rem;
		}

	.rates-grid-separator-special {
		margin: 2rem auto 3rem auto;
	}
}

@media (min-width: 1024px) {
	.rates-grid-separator-special {
		max-width: var(--max-content-width);
	}
}

.c-rates-grid .rates-grid-card__mobileView p {
	margin-top: -1rem;
	font-size: 1.8rem;
	font-family: var(--lora);
	color: var(--primary-two);
	font-weight: 600;
}

@media (max-width: 490px) {
	.c-rates-grid .rates-grid-card__mobileView p {
		font-size: 1.4rem;
	}
}

@media (max-width: 400px) {
	.c-rates-grid .rates-grid-card__mobileView p {
		font-size: 1.4rem;
	}
}

#scroll-button {
    background-color: var(--primary-two);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: white;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    position: fixed;
    right: 0;
    bottom: 40%;
    height: 4.4rem;
    padding: 0;
}

#scroll-button-text {
    border-left: 1px solid #ffffff;
    font-family: var(--muli);
    font-weight: 700;
    font-size: 1.4rem;
    letter-spacing: .1rem;
    padding: 1rem 1.3rem;
}

@media (max-width: 767.98px) {
    #scroll-button-text {
        display: none;
    }
}

#scroll-chevron {
    padding: .7rem 1rem;
}

.c-section-block-center__header {
    color: var(--primary-four);
}

.c-section-block-center__para {
    color: var(--primary-one);
    margin-bottom: 0;
}

.c-section-block-center__header {
    font-family: var(--lora);
    font-size: 3.5rem;
    line-height: 4rem;
    margin-top: 0;
    margin-bottom: 1.5rem;
}

.c-section-block-center .c-button {
    margin-top: 3.3rem;
}

.c-section-block-center__inner {
    padding: 3.3rem 2rem;
    max-width: 89rem;
    margin: 0 auto;
}

.c-section-block-center--bg-tertiary-one {
    background-color: var(--tertiary-one);
}

.c-section-block-center--bg-tertiary-three {
    background-color: var(--tertiary-three);
}

.c-section-block-center--bg-tertiary-five {
    background-color: var(--tertiary-five);
}

/*
    MEDIA
    --------------------------------------------
*/
@media (min-width: 768px) {
    .c-section-block-center__inner {
        text-align: center;
    }

    .c-section-block-center--has-button .c-section-block-center__para {
        max-width: 83rem;
        margin: 0 auto 5.2rem;
    }
}

@media (min-width: 1024px) {
    .c-section-block-center__inner {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .c-section-block-center__header {
        font-size: 5rem;
        line-height: 5.6rem;
        margin-bottom: 3.1rem;
    }

    .c-section-block-center--has-button .c-section-block-center__para {
        margin-bottom: 6.7rem;
    }
}

.c-section-block-columns {
    padding: 0;
}

.c-section-block-columns__inner {
    padding-top: 28px;
    padding-bottom: 28px;
    max-width: var(--max-container-width);
    margin: 0 auto;
    overflow: hidden;
}

.c-section-block-columns__copy *:last-child {
    margin-bottom: 0;
}

.c-section-block-columns__header {
    font-family: var(--lora);
    margin-top: 0;
}

.c-section-block-columns__para {
    color: var(--primary-one);
    margin-bottom: 32px;
}

.c-section-block-columns--bg-tertiary-one {
    background-color: var(--tertiary-one);
}

.c-section-block-columns--bg-tertiary-three {
    background-color: var(--tertiary-three);
}

/*
    MEDIA
    --------------------------------------------
*/

@media (min-width: 768px) {
    .c-section-block-columns__inner {
        display: flex;
        justify-content: space-between;
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .c-section-block-columns__left-container {
        max-width: 45%;
    }

    .c-section-block-columns__right-container {
        max-width: 50%;
    }

    .c-section-block-columns__header {
        font-size: 5rem;
        line-height: 5.5rem;
    }
}

.c-section-block-icon__inner {
    padding: 3rem 2rem;
    max-width: var(--max-container-width);
    margin: 0 auto;
}

.c-section-block-icon__inner *:last-child {
    margin-bottom: 0;
}

.c-section-block-icon__header {
    font-size: 3.5rem;
    font-family: var(--lora);
    line-height: 4rem;
    color: var(--primary-four);
    margin-top: 0;
    margin-bottom: 3rem;
}

.c-section-block-icon__para {
    margin-bottom: 3rem;
}

.c-section-block-icon__para-bottom {
    margin-top: 3rem;
}

.c-section-block-icon__item-header-title--bold {
    font-weight: 700;
}

.c-section-block-icon__item-description {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 2.6rem;
    margin: 1rem auto;
    text-align: center;
}

/* ICONS */
.c-section-block-icon__items {
    padding: 0;
    margin: 0;
    list-style: none;
}

.c-section-block-icon__item:not(:last-child) {
    margin-bottom: 3.1rem;
}

.c-section-block-icon__item-link {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 2.3rem 1.2rem;
    border-radius: 15px;
    transition: box-shadow 0.2s ease-in-out;
    box-shadow: 0px 3px 15px 0px #0200B926;
}

    .c-section-block-icon__item-link:hover {
        box-shadow: 0px 3px 20px 0px #0200B933;
    }

.c-section-block-icon__item-img {
    max-width: 8.5rem;
}

.c-section-block-icon__item-header-title {
    font-family: var(--muli);
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2rem;
    color: var(--secondary-one);
    margin: 1.5rem auto 0;
}

.c-section-block-icon--bg-tertiary-one {
    background-color: var(--tertiary-one);
}

.c-section-block-icon--bg-tertiary-three {
    background-color: var(--tertiary-three);
}

.c-section-block-icon--bg-tertiary-five {
    background-color: var(--tertiary-five);
}

/*
    MODIFIER
    ============================
*/
/* .c-section-block-icon--4x .c-section-block-icon__item {
    width: 48%;
} */

.c-section-block-icon--5x .c-section-block-icon__item,
.c-section-block-icon--12x .c-section-block-icon__item {
    /* width: 45%; */
    margin-right: 5px;
    margin-left: 5px;
}

.c-section-block-icon--5x .c-section-block-icon__item-header-title {
    max-width: 100%;
}

.c-section-block-icon--underlined-links .c-section-block-icon__item-header {
    text-decoration: underline;
}

/*
    MEDIA
    --------------------------------------------
*/
@media (min-width: 768px) {
    .c-section-block-icon__header {
        text-align: center;
    }

    .c-section-block-icon__para {
        max-width: 67rem;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .c-section-block-icon__items {
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        flex-wrap: wrap;
        max-width: 700px;
    }

    .c-section-block-icon__item {
        text-align: center;
    }

    .c-section-block-icon__item-img {
        max-width: 10rem;
    }

    /*
        MODIFIER
        ============================
    */
    .c-section-block-icon--3x .c-section-block-icon__items {
        max-width: 63rem;
    }

    .c-section-block-icon--4x .c-section-block-icon__items {
        max-width: 100%;
    }

    .c-section-block-icon--3x .c-section-block-icon__item {
        width: 31%;
    }

    .c-section-block-icon--4x .c-section-block-icon__item {
        width: 23%;
    }

    .c-section-block-icon--5x .c-section-block-icon__item,
    .c-section-block-icon--12x .c-section-block-icon__item {
        width: 48%;
    }
}

@media (min-width: 1024px) {
    .c-section-block-icon__items {
        max-width: none;
    }

    .c-section-block-icon__inner {
        padding: 5rem 2rem;
    }

    .c-section-block-icon__header {
        font-size: 5rem;
        line-height: 5.6rem;
        margin-bottom: 4.5rem;
    }

    .c-section-block-icon__para {
        margin-bottom: 4.5rem;
    }

    .c-section-block-icon__item:not(:last-child) {
        margin-bottom: 5.5rem;
    }

    .c-section-block-icon__item-img {
        margin-right: 0;
        max-width: 12rem;
    }

    .c-section-block-icon__item-header-title {
        font-size: 1.8rem;
        line-height: 2.6rem;
        margin-top: 3rem;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .c-section-block-icon__item-link {
        display: block;
    }

    /*
        MODIFIER
        ============================
    */
    .c-section-block-icon--3x .c-section-block-icon__items {
        max-width: 73rem;
    }

    .c-section-block-icon--4x .c-section-block-icon__item {
        margin-bottom: 0;
    }

    .c-section-block-icon--5x .c-section-block-icon__item {
        width: 18%;
    }

    .c-section-block-icon--12x .c-section-block-icon__item {
        width: 14%;
    }
}

.c-section-block-icon-no-link__inner {
    padding: 3rem 2rem;
    max-width: 104rem;
    margin: 0 auto;
}

.c-section-block-icon-no-link__inner.c-section-block-icon-no-link__inner-small {
    padding: 1.5rem 1rem;
}

.c-section-block-icon-no-link__inner *:last-child {
    margin-bottom: 0;
}

.c-section-block-icon-no-link__header {
    font-size: 3.5rem;
    font-family: var(--lora);
    line-height: 4rem;
    color: var(--primary-four);
    margin-top: 0;
    margin-bottom: 3rem;
}
.apply-title__header {
    font-size: 22px !important;
}
.apply-title__body {
    font-size: 18px !important;
}
.c-section-block-icon-no-link__para {
    margin-bottom: 3rem;
}
.text-align-center {
    text-align: center;
}
.c-section-block-icon-no-link.bold_headers h3 {
    font-weight: 700;
}

.c-section-block-icon-no-link__item-header-title--bold {
    font-weight: 700;
}

.c-section-block-icon-no-link .white_circle_wrap {
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 auto 0 0;
    display: flex;
    flex-direction: column;
}

    .c-section-block-icon-no-link .white_circle_wrap img {
        margin: auto;
    }

.c-section-block-icon-no-link__item-description {
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2rem;
    margin: 1rem auto;
}

/* ICONS */
.c-section-block-icon-no-link__items {
    padding: 0;
    margin: 0;
    list-style: none;
}

.c-section-block-icon-no-link__item {
    margin-bottom: 3rem;
}

.c-section-block-icon-no-link__item-img {
    max-width: 8.5rem;
}

.c-section-block-icon-no-link__item-header-title {
    font-family: var(--muli);
    font-size: 1.6rem;
    line-height: 2rem;
    color: var(--secondary-one);
    margin: 1.5rem auto 0;
}

@media screen and (max-width: 991px) {
    .c-section-block-icon-no-link__item-header-title br {
        display: none;
    }
}

.c-section-block-icon-no-link__item-header-title a {
    text-decoration: underline;
    color: var(--primary-two);
}

.c-section-block-icon-no-link--bg-tertiary-one {
    background-color: var(--tertiary-one);
}

.c-section-block-icon-no-link--bg-tertiary-three {
    background-color: var(--tertiary-three);
}

.c-section-block-icon-no-link--bg-tertiary-five {
    background-color: var(--tertiary-five);
}

.c-section-block-icon-no-link--bg-tertiary-six {
    background-image: linear-gradient(white, var(--tertiary-six));
}

/*
    MODIFIER
    ============================
*/
.c-section-block-icon-no-link--5x .c-section-block-icon-no-link__item,
.c-section-block-icon-no-link--12x .c-section-block-icon-no-link__item {
    margin-right: 5px;
    margin-left: 5px;
}

.c-section-block-icon-no-link--5x
.c-section-block-icon-no-link__item-header-title {
    max-width: 100%;
}

.c-section-block-icon-no-link--underlined-links
.c-section-block-icon-no-link__item-header {
    text-decoration: underline;
}

/*
    MEDIA
    --------------------------------------------
*/
@media (min-width: 768px) {
    .c-section-block-icon-no-link.centered_blocks li {
        text-align: center;
    }

    .c-section-block-icon-no-link .white_circle_wrap {
        margin-left: auto;
    }

    .c-section-block-icon-no-link__header {
        text-align: center;
    }

    .c-section-block-icon-no-link__para {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .c-section-block-icon-no-link__items {
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        flex-wrap: wrap;
        max-width: 700px;
    }

    /*
        MODIFIER
        ============================
    */
    .c-section-block-icon-no-link--3x .c-section-block-icon-no-link__items {
        max-width: 63rem;
    }

    .c-section-block-icon-no-link--4x .c-section-block-icon-no-link__items {
        max-width: 100%;
    }

    .c-section-block-icon-no-link--2x .c-section-block-icon-no-link__item {
        width: 48%;
    }

    .c-section-block-icon-no-link--3x .c-section-block-icon-no-link__item {
        width: 31%;
    }

    .c-section-block-icon-no-link--4x .c-section-block-icon-no-link__item {
        width: 24%;
    }

    .c-section-block-icon-no-link--5x .c-section-block-icon-no-link__item,
    .c-section-block-icon-no-link--12x .c-section-block-icon-no-link__item {
        width: 48%;
    }

    .c-section-block-icon-no-link__item-header-title {
        font-size: 1.8rem;
        line-height: 2.6rem;
        margin-top: 2rem;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .c-section-block-icon-no-link__item-description {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }

    .c-section-block-icon-no-link__item-img {
        margin-right: 0;
        max-width: 12rem;
        max-height: 5rem;
    }
}

@media (min-width: 1024px) {
    .c-section-block-icon-no-link__items {
        max-width: none;
    }

    .c-section-block-icon-no-link__inner {
        padding: 5rem 1rem 3rem;
    }

      .c-section-block-icon-no-link__inner.c-section-block-icon-no-link__inner-small {
        padding: 3rem 1rem 2rem;
      }

    .c-section-block-icon-no-link__header {
        font-size: 5rem;
        line-height: 5.6rem;
        margin-bottom: 4rem;
    }

    .c-section-block-icon-no-link__para {
        margin-bottom: 4.5rem;
    }

    .c-section-block-icon-no-link__item:not(:last-child) {
        margin-bottom: 5.5rem;
    }

    /*
        MODIFIER
        ============================
    */
    .c-section-block-icon-no-link--3x .c-section-block-icon-no-link__items {
        max-width: 73rem;
    }

    .c-section-block-icon-no-link--5x .c-section-block-icon-no-link__item {
        width: 18%;
    }

    .c-section-block-icon-no-link--12x .c-section-block-icon-no-link__item {
        width: 14%;
    }
}

@media (max-width: 767px) {

    .c-section-block-icon-mobile-tile {
        display: flex;
        flex-direction: row;
        gap: 2rem;
        align-items: center;
        text-align: left;
    }

    .c-section-block-icon-mobile-tile img {
        width: 4rem;
        height: 4rem;
    }
}
.c-section-block {
    padding: 0;
}

.c-section-block__inner {
    padding: 2.7rem 2rem;
    max-width: var(--max-container-width);
    margin: 0 auto;
    overflow: hidden;
}

.c-section-block__copy *:last-child {
    margin-bottom: 0;
}

.c-section-block__header {
    font-family: var(--lora);
    font-size: 3.4rem;
    line-height: 4rem;
    color: var(--primary-two);
    margin-bottom: 1.2rem;
    margin-top: 0;
    font-weight: 500;
}

.c-section-block__header.color_primary_one {
    color: var(--primary-one);
}

.c-section-block--tertiary-one {
    background-color: var(--tertiary-one);
}

.c-section-block--tertiary-three {
    background-color: var(--tertiary-three);
}

.c-section-block--tertiary-five {
    background-color: var(--tertiary-five);
}

.c-section-block__para {
    color: var(--primary-one);
    margin-bottom: 1.6rem;
    margin-right: 1rem;
}

.c-section-block-icon__para a {
    text-decoration: underline;
}

.c-section-block__sub-header {
    font-size: 1.4rem;
    font-family: var(--muli);
    font-weight: initial;
    line-height: 2.4rem;
    letter-spacing: 2px;
    color: var(--primary-two);
    text-transform: uppercase;
    margin-bottom: 1.6rem;
    display: inline-block;
}

.c-section-block__asset {
    margin-top: 3rem;
}

.c-section-block__call {
    font-size: 2rem;
    font-family: var(--lora);
    line-height: 2.4rem;
    display: block;
    margin-top: 4.5rem;
}

.c-section-block__buttons,
.c-section-block__items {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.c-section-block__button + .c-section-block__button,
.c-section-block__item + .c-section-block__item {
    margin-top: 1.5rem;
}

/* IMAGE LEFT */
.c-section-block--image-left .c-section-block__inner {
    display: flex;
}

.c-section-block--image-left .c-section-block__copy {
    order: 2;
}

.c-section-block--image-left .c-section-block__asset {
    order: 1;
    margin-top: 0;
}

.layout-balanced .c-section-block__inner {
    padding-top: 0;
}

.layout-balanced .c-section-block__inner + .c-section-block__inner {
    font-size: 1.4rem;
    line-height: 1.8rem;
}

.layout-balanced .c-section-block__header {
    line-height: 3.8rem !important;
}

.layout-balanced .c-section-block__asset {
    margin-top: 0;
    margin-bottom: 2rem;
}

.layout-balanced .c-section-block__button {
    display: flex;
    flex-direction: column;
}

.layout-balanced .c-button {
    text-align: center;
}

/*
    MEDIA
    --------------------------------------------
*/
/* MAX */
@media (max-width: 767px) {
    .c-section-block--image-left .c-section-block__inner {
        flex-direction: column;
    }

    .c-section-block--image-left .c-section-block__copy {
        margin-top: 3rem;
    }

    .c-section-block__button,
    .c-section-block__item {
        width: 100%;
        margin-bottom: 15px;
    }
}

/* MIN */
@media (min-width: 768px) {
    .c-section-block__inner {
        display: flex;
        justify-content: space-between;
    }

    .c-section-block__copy {
        max-width: 43%;
    }

    .c-section-block__asset {
        max-width: 56%;
        margin-top: 0;
    }

    .c-section-block .c-picture__img-item {
        max-width: 47rem;
        width: 47rem;
    }

    .layout-balanced .c-section-block__inner {
        flex-direction: column;
    }

    .layout-balanced .c-section-block__copy {
        max-width: 100%;
    }

    .layout-balanced .c-section-block__asset {
        max-width: 100%;
    }

    .layout-balanced .c-picture {
        height: 33.7rem;
        overflow: hidden;
    }

    .layout-balanced .c-picture .c-picture__img-item {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .layout-balanced .c-section-block__header {
        margin-bottom: 2rem;
    }

    .layout-balanced .c-section-block__button {
        flex-direction: row;
        gap: 2rem;
    }
}

/* desktop only */
@media (min-width: 1024px) {
    .c-section-block__inner {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .c-section-block__inner_medium {
        padding: 4.6rem 0 5.3rem;
    }

    .c-section-block__header {
        font-size: 5rem;
        line-height: 5.5rem;
        margin-bottom: 2.2rem;
    }

    .c-section-block__para {
        margin-bottom: 3rem;
    }

    .c-section-block__buttons,
    .c-section-block__items {
        flex-direction: row;
    }

    .c-section-block__button + .c-section-block__button,
    .c-section-block__item + .c-section-block__item {
        margin-left: 2rem;
        margin-top: 0;
    }

    .layout-balanced .c-section-block__inner {
        flex-direction: row;
        gap: 5.5rem;
    }

    .layout-balanced .c-section-block__header {
        line-height: 5rem !important;
    }

    .layout-balanced .c-section-block__inner + .c-section-block__inner {
        padding-top: 0;
        padding-bottom: 6rem;
    }

    .layout-balanced .c-section-block__copy {
        max-width: 50%;
    }

    .layout-balanced .c-section-block__asset {
        flex: 1;
        margin-bottom: 0;
    }

    .layout-balanced .c-picture {
        height: 26.8rem;
        overflow: hidden;
    }
}

/* SECTION BODY */
.section-body {
    padding: 6rem 0;
}

.section-body__inner {
    max-width: var(--max-container-width);
    padding: 0 2rem;
    margin: 0 auto;
}

.section-body__inner ~ * {
    margin-top: 9rem;
}

.section-body--tertiary-three {
    background-color: var(--tertiary-three);
}

.section-body--tertiary-one {
    background-color: var(--tertiary-one);
}

.section-body__action {
    text-align: center;
    margin-top: 3rem;
}

.section-body__small-print {
    text-align: center;
    font-size: 1.4rem;
    font-family: var(--muli);
    line-height: 1.7rem;
    color: var(--primary-one);
    max-width: 83rem;
    margin: 3rem auto 0;
    display: block;
}

/*
    MEDIA
    --------------------------------------------
*/
/* 768 */
@media (min-width: 768px) {
    .section-body {
        padding: 12rem 0 9rem;
    }
    .section-body.reduced_paddings {
        padding: 6rem 0;
    }
}

/* 1024 */
/* @media (min-width: 1024px) {

} */

.c-section-get-in-touch__inner {
    padding: 2.9rem 2rem 4.3rem;
    text-align: center;
}

.c-section-get-in-touch__header {
    font-size: 3rem;
    font-family: var(--lora);
    line-height: 4rem;
    color: var(--primary-four);
    margin-top: 0;
}

.c-section-get-in-touch__para {
    color: var(--primary-four);
    margin-bottom: 1.3rem;
}

/* BG COLOR */
.c-section-get-in-touch--tertiary-three {
    background-color: var(--tertiary-three);
}

.c-section-get-in-touch--tertiary-one {
    background-color: var(--tertiary-one);
}

/*
    MEDIA
    --------------------------------------------
*/
@media (min-width: 1024px) {
    .c-section-get-in-touch__header {
        font-size: 5rem;
        line-height: 5.6rem;
        margin-bottom: 3rem;
    }

    .c-section-get-in-touch__para {
        margin-bottom: 3rem;
    }
}

.c-section-list .c-section-list-item {
    display: flex;
    background-color: var(--tertiary-three);
    border-top: solid 1px var(--secondary-two);
    padding: 10px 10px 0 10px;
}

.c-section-list .c-section-list-item p {
    text-align: right;
    flex: auto;
    font-weight: 600;
    color: var(--primary-one);
}

.c-section-list .c-section-list-item h5 {
    font-size: 2rem;
    color: var(--primary-one);
    font-weight: 600;
}

.c-section-list .c-section-list-item-text {
    padding: 10px;
}
.c-section-multi-products__section {
    overflow-x: auto;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-overflow-scrolling: touch;
}

.c-section-multi-products__section::-webkit-scrollbar {
    display: none;
}

.c-section-multi-products__inner {
    display: flex;
    flex-direction: row;
    width: 200vw;
    justify-content: space-around;
    padding: 1.53rem 1.53rem 4.23rem 1.53rem;
}

.c-section-multi-products__inner-item {
    border: 2.5px solid #b9bfc4;
    box-sizing: border-box;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 60vw;
    cursor: pointer;
    position: relative;
    transition: box-shadow 0.2s ease-in-out;
}

    .c-section-multi-products__inner-item:hover {
        box-shadow: 0px 3px 15px 0px #0200B926;
    }

.c-section-multi-products__left-container {
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: 16px;
}

.c-section-multi-products__header {
    font-family: var(--muli);
    font-style: normal;
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 120%;
    letter-spacing: 0.12em;
    color: #0a2642;
    opacity: 0.8;
    margin-bottom: 1.5rem;
}

.c-section-multi-products__info {
    font-family: var(--muli);
    font-style: normal;
    font-weight: 600;
    font-size: 2rem;
    line-height: 115%;
    color: var(--primary-one);
}

.c-section-multi-products__icon {
    margin-top: 0.8rem;
    margin-right: 0.8rem;
    width: 3.5rem;
    height: 3.5rem;
    position: absolute;
    top: 0;
    right: 0;
}
/*
    MEDIA
    --------------------------------------------
*/
@media (max-width: 350px) {
    .c-section-multi-products__left-container {
        margin-left: 8px;
    }
    .c-section-multi-products__icon {
        margin-right: 0;
    }
}

@media (min-width: 768px) {
    .c-section-multi-products__inner {
        overflow-x: hidden;
        max-width: var(--max-container-width);
        margin: 0 auto;
        width: 100%;
    }

    .c-section-multi-products__inner-item {
        width: 30%;
    }

    .c-section-multi-products__icon {
        margin-right: 16px;
        margin-top: 16px;
        width: 44px;
        height: 44px;
    }

    .c-section-multi-products__header {
        margin-bottom: 3rem;
    }
}

@media (min-width: 1024px) {
    .c-section-multi-products__inner {
        padding: 1.53rem 1.53rem 6.53rem 1.53rem;
    }

    .c-section-multi-products__inner-item {
        width: 315px;
    }

    .c-section-multi-products__left-container {
        margin-left: 24px;
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .c-section-multi-products__header {
        font-size: 1.73rem;
        line-height: 120%;
        margin-bottom: 3.8rem;
    }

    .c-section-multi-products__info {
        font-size: 2.69rem;
    }

    .c-section-multi-products__icon {
        width: 60px;
        height: 60px;
    }

    .c-section-multi-products__icon.big-icon {
        width: 75px;
        height: 75px;
    }
}

.c-section-multimedia__inner {
    padding: 2rem 1.4rem 2rem;
    max-width: var(--max-container-width);
    margin: 0 auto;
    overflow: hidden;
}

.c-section-multimedia__header,
.c-section-multimedia__para {
    color: var(--primary-four);
    margin-top: 0;
}

.c-section-multimedia__header {
    font-size: 3.5rem;
    font-family: var(--lora);
    line-height: 4rem;
    margin-bottom: 2.2rem;
}

.c-section-multimedia__copy {
    margin-bottom: 1.2rem;
}

/*
    MODIFIER
    --------------------------------------------
*/
.c-section-multimedia__asset .c-picture {
    display: flex;
    justify-content: flex-end;
}

.c-section-multimedia__asset {
    position: relative;
}

.c-section-multimedia__features {
    position: absolute;
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    bottom: 27px;
    right: 3.8rem;
}

.c-section-multimedia__features-item {
    background-color: var(--white);
    padding: 1.5rem 1.4rem;
    border-radius: 1.4rem;
    box-shadow: 2px 8px 15px rgba(47, 48, 53, 0.15);
    max-width: 32rem;
}

.c-section-multimedia__features-item:not(:last-child) {
    margin-bottom: 1.5rem;
}

.c-section-multimedia__features-title {
    font-size: 1.8rem;
    line-height: 1.6rem;
    color: var(--primary-four);
    margin-top: 0;
}

.c-section-multimedia__features-para {
    font-size: 1.6rem;
    line-height: 1.6rem;
    color: var(--teritary-two);
    margin-bottom: 0;
}

.section-multimedia--hero .c-section-multimedia__header,
.mobileapp-banner h1 {
    color: var(--primary-two);
}

.c-section-multimedia--border .c-section-multimedia__inner {
    padding-bottom: 0;
    border-bottom: solid 1px rgba(10, 38, 66, 0.3);
}

.section-multimedia--hero .c-app-link,
.mobileapp-banner .c-app-link {
    margin-top: 3rem;
}

/*
    BG COLOUR
    =================================
*/

.c-section-multimedia--bg-tertiary-three {
    background-color: var(--tertiary-three);
}

.c-section-multimedia--bg-tertiary-three .c-section-multimedia__inner {
    padding-bottom: 0;
}

/*
    MEDIA
    --------------------------------------------
*/
@media (min-width: 768px) {
    .c-section-multimedia__para,
    .c-section-multimedia__copy {
        margin-bottom: 0;
    }

    .c-section-multimedia__inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .mobileapp-banner .c-section-multimedia__inner {
        align-items: start;
    }

    .c-section-multimedia__copy {
        width: calc(55% - 1%);
    }

    .c-section-multimedia__asset {
        width: calc(45% - 1%);
    }

    .c-section-multimedia .c-button-arrow {
        margin-top: 3rem;
    }

    .c-section-multimedia--homepage .c-picture img {
        margin-right: 0;
    }
}

@media (min-width: 1024px) {
    .c-section-multimedia__header {
        font-size: 5rem;
        line-height: 5.5rem;
        margin-bottom: 2.7rem;
        max-width: 87%;
    }
}

/*
Mobile edge case to ensure the inital container is rendered
*/
@media screen and (max-width: 767px) {
    .c-section-multimedia--homepage .c-picture img {
        min-width: 18em;
    }
}

.c-section-title__header {
    font-family: var(--lora);
}

.c-section-title__header--h1 {
    font-size: var(--header-h2);
    color: var(--primary-one);
    margin-top: 2.8rem;
}

.c-section-title__header--h2 {
    font-size: var(--header-h2);
}

.c-section-title__para {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .c-section-title {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        max-width: 86rem;
    }
}

@media (min-width: 1024px) {
    .c-section-title__header--h1 {
        font-size: var(--header-h2);
        margin-top: 10rem;
    }

    .c-section-title__header--h2 {
        font-size: var(--header-h2);
    }
}

.c-section-title .no-margin {
    margin: 0;
}

.c-simple-info__inner *:last-child {
    margin-bottom: 0;
}

.c-simple-info:not(:last-child) {
    border-bottom: 1px solid var(--primary-one);
    margin-bottom: 2.1rem;
}

.c-simple-info__header {
    font-size: 2.8rem;
    font-family: var(--lora);
    line-height: 3.4rem;
    color: var(--primary-one);
    margin-bottom: 3.3rem;
}

.c-simple-info__para {
    font-size: 1.6rem;
    font-family: var(--muli);
    line-height: 2.4rem;
    color: var(--primary-one);
    margin-bottom: 2.1rem;
}

.c-simple-info__list {
    margin-bottom: 2.1rem;
    padding-left: 2rem;
}

    .c-simple-info__list li {
        font-size: 1.6rem;
        font-family: var(--muli);
        line-height: 2.4rem;
        color: var(--primary-one);
    }

/*
    MEDIA
    --------------------------------------------
*/
@media (min-width: 768px) {
    .c-simple-info__header {
        text-align: center;
    }
}

@media (min-width: 1024px) {
    .c-simple-info:not(:last-child) {
        padding-bottom: 4.5rem;
        margin-bottom: 4.5rem;
    }

    .c-simple-info__header {
        font-size: 5rem;
        line-height: 5.6rem;
    }

    .c-simple-info__para {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }

    .c-simple-info__list li {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
}

@media (min-width: 1024px) {
    .c-simple-info__inner {
        max-width: 83rem;
        margin: 0 auto;
    }
}

/* HOW IT WORKS */

.c-step-list__inner {
    max-width: 92rem;
    margin: 0 auto;
    padding: 4.6rem 2rem;
}

.c-step-list__header {
    font-size: 3.4rem;
    font-family: var(--lora);
    line-height: 4rem;
    color: var(--primary-one);
    margin-bottom: 2.5rem;
}

.c-step-list__list {
    list-style: none;
    counter-reset: index;
    padding-left: 0;
}

.c-step-list__list-item {
    position: relative;
    padding-left: 4rem;
    margin-bottom: 3.2rem;
}

.c-step-list__list-item:last-child {
    margin-bottom: 0;
}

.c-step-list__list-item::before {
    counter-increment: index;
    content: counter(index);
    position: absolute;
    left: 0;
    top: -2px;
    font-size: 5rem;
    font-family: var(--lora);
    font-weight: 500;
    line-height: 0.9;
    color: var(--primary-two);
}

/*
    MEDIA
    --------------------------------------------
*/

@media (min-width: 768px) {
    /* HOW IT WORKS */
    .c-step-list__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .c-step-list__list-item {
        width: 48%;
    }

    .c-step-list__header {
        text-align: center;
    }
}

@media (min-width: 1024px) {
    /* HOW IT WORKS */
    .c-step-list__inner {
        display: flex;
        justify-content: space-between;
        padding-top: 6.9rem;
        padding-bottom: 0;
    }

    .c-step-list__header {
        width: 27%;
        font-size: 4.5rem;
        font-weight: 500;
        font-family: var(--lora);
        line-height: 5rem;
    }

    .c-step-list__list {
        width: 70%;
    }

    .c-step-list__list-item {
        margin-bottom: 6.2rem;
    }
}

.c-tabs {
    justify-content: space-between;
    border-bottom: 1px solid var(--primary-two);
    margin-bottom: 2.3rem;
}

.c-tabs__item {
    width: 50%;
}

.c-tabs__item-link {
    font-weight: 700;
    padding: 0 1.1rem;
    border-radius: 0;
    text-align: center;
}

.c-tabs__item-link.active {
    color: var(--primary-two);
    border: 0;
    border-bottom: 4px solid var(--primary-two);
}

@media (min-width: 1024px) {
    .c-tabs {
        margin-bottom: 4.8rem;
    }

    .c-tabs__item-link {
        font-size: 2rem;
        line-height: 2.6rem;
        padding-bottom: 0.77rem;
    }
}

.c-team-info {
    padding: 5.4rem 0;
}

.c-team-info__header {
    font-size: 2.8rem;
    font-family: var(--lora);
    line-height: 3.4rem;
    color: var(--primary-one);
    margin-top: 0;
    margin-bottom: 1.5rem;
}

.c-team-info__asset {
    margin-bottom: 2.8rem;
}

.c-team-info__asset img {
    width: 100%;
}

.c-team-info__inner {
    padding: 0 2rem;
    max-width: var(--max-container-width);
    margin: 0 auto;
}

.c-team-info__para {
    font-size: 1.6rem;
    font-family: var(--muli);
    line-height: 2.4rem;
    color: var(--primary-one);
}

/*
    MEDIA
    --------------------------------------------
*/
@media (min-width: 768px) {
    .c-team-info__inner {
        text-align: center;
    }

    .c-team-info__header {
        font-size: 3.4rem;
        line-height: 4.1rem;
        margin-bottom: 4.2rem;
    }

    .c-team-info__asset {
        margin-bottom: 4.2rem;
    }
}

@media (min-width: 1024px) {
    .c-team-info__header {
        font-size: 5rem;
        font-family: var(--lora);
        line-height: 5.6rem;
    }
}

/* TESTIMONIAL */
.c-testimonial {
    padding-left: 0;
    margin: 0 -20px 6rem;
}

.c-testimonial__item {
    padding: 0 1.8rem;
}

.c-testimonial__customer {
    padding-top: 1rem;
}

.c-testimonial__customer-say {
    background-color: var(--white);
    border-radius: 8px;
    padding: 26px 24px;
    box-shadow: 0px 3px 4px rgba(2, 0, 185, 0.04),
        0px 3px 16px rgba(2, 0, 185, 0.08);
    position: relative;
    font-style: italic;
    min-height: 20.6rem;
    display: block;
}

.c-testimonial__customer-say span {
    position: relative;
    z-index: 1;
}

.c-testimonial__customer-say::before {
    content: '';
    display: block;
    position: absolute;
    background: url('../../Images/Icons/icon-double-quote.svg') center no-repeat;
    top: 15px;
    left: 13px;
    height: 30px;
    width: 28px;
}

.c-testimonial__customer-say::after {
    content: '';
    display: block;
    position: absolute;
    background: var(--white);
    width: 20px;
    height: 20px;
    transform: rotate(-45deg);
    box-shadow: -2px 2px 2px 0 rgba(2, 0, 185, 0.04);
    bottom: -10px;
}

.c-testimonial__customer-detail {
    margin-top: 5.2rem;
    display: flex;
    align-items: center;
}

/* Added extra specificity to overide slick carousel css */
.c-testimonial .c-testimonial__end-quote {
    display: inline-block;
    transform: rotate(180deg);
    position: absolute;
    bottom: 20px;
    right: 13px;
}

.c-testimonial__customer-detail-copy {
    display: flex;
    flex-direction: column;
}

.c-testimonial__customer-image {
    margin-right: 1.2rem;
}

.c-testimonial__customer-name {
    color: var(--primary-two);
    font-weight: 600;
    font-size: 1.8rem;
}

.c-testimonial__customer-location {
    font-size: 1.4rem;
}

.c-testimonial__read-more {
    display: table;
    margin-top: 1.2rem;
    color: var(--primary-two);
    text-decoration: underline;
    font-size: 1.6rem;
    font-weight: 600;
}

/* DOTS */

.c-testimonial .slick-dots {
    margin: 0;
    padding-left: 0;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    text-align: center;
}

.c-testimonial .slick-dots li {
    display: inline-block;
    margin-right: 7px;
}

.c-testimonial .slick-dots button {
    width: 1rem;
    height: 1rem;
    background-color: var(--tertiary-three);
    border: 0;
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
    color: transparent;
    display: block;
    padding: 0;
    box-shadow: 0 0 1px 1px #aaa;
}

/* ACTIVE */
.c-testimonial .slick-active button {
    background-color: var(--primary-two);
}

/*
    ! MEDIA
    --------------------------------------------
*/

@media (min-width: 768px) {
    /* TESTIMONIAL */
    .c-testimonial__customer-detail {
        padding-left: 2.1rem;
    }

    .c-testimonial__customer-say {
        padding: 3.8rem 5.7rem;
    }

    .c-testimonial__customer-say::after {
        left: 49px;
    }
}

@media (min-width: 1024px) {
    /* TESTIMONIAL */
    .c-testimonial {
        position: relative;
    }

    .c-testimonial .slick-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
        font-size: 0;
        line-height: 0;
        background-color: transparent;
        border: 0;
        height: 26px;
        width: 15px;
        background: url('../../Images/Icons/icon-arrow-nav.svg') center
            no-repeat;
    }

    .c-testimonial .slick-prev {
        left: -103px;
    }

    .c-testimonial .slick-next {
        right: -103px;
        transform: rotate(180deg);
    }
}

.c-work-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    margin-top: 4rem;
    padding-bottom: 4rem;
}

.c-work-grid--no-arrow .c-work-grid-card_image {
    display: none;
}

.c-work-grid-card__container {
    width: 100%;
    display: flex;
    margin-bottom: 3rem;
}

.c-work-grid-separator {
    width: 5%;
    margin-top: 25px;
    display: none;
}

.c-work-grid-card_image {
    width: 45px;
}

.c-work-grid-card__container h5 {
    font-size: 7.4rem;
    color: var(--primary-two);
    font-family: var(--lora);
    min-width: 35px;
    line-height: 6.6rem;
}

.c-work-grid-card__container p {
    text-align: left;
    margin-left: 25px;
}

@media (min-width: 768px) {
    .c-work-grid-card__container {
        width: 45%;
    }

    .c-work-grid-card__container.three-line {
        width: 30%;
    }
}

@media (min-width: 1024px) {
    .c-work-grid-separator {
        display: none;
    }

    .c-work-grid-card__container {
        width: 45%;
        display: flex;
        margin-bottom: 2rem;
    }

    .c-work-grid.columns-3 .c-work-grid-card__container {
        width: 30%;
        display: flex;
        margin-bottom: 2rem;
    }

    .c-work-grid-card__container.three-line {
        width: 30%;
    }
    
    .c-work-grid-card__container p {
        padding-top: 0;
    }
}

@media (max-width: 767px) {

    .c-work-grid-card__container {
        margin-bottom: 1rem;
    }
}

/*
    VISIBILITY HELPER
    --------------------------------------------
*/
.visually-hidden,
.skip-to-main:not(:focus) {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    display: block;
}

.skip-to-main {
    color: #000;
    z-index: 9999;
    position: absolute;
}

.u-only-desktop {
    display: none;
}

@media (min-width: 1024px) {
    .u-only-desktop {
        display: block;
    }
}

.u-anchor {
    display: block;
    visibility: hidden;
    height: var(--main-nav-height);
    margin-top: calc(-1 * var(--main-nav-height));
}

/* Tipso Bubble Styles */
.tipso_bubble,.tipso_bubble > .tipso_arrow{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tipso_bubble{position:absolute;text-align:center;border-radius:.3rem;z-index:9999}.tipso_style{cursor:help;/*border-bottom:1px dotted*/}.tipso_title{border-radius:6px 6px 0 0}.tipso_content{word-wrap:break-word;padding:0.7em}.tipso_bubble.tiny{font-size:0.6rem}.tipso_bubble.small{font-size:0.8rem}.tipso_bubble.default{font-size:1rem}.tipso_bubble.large{font-size:1.2rem;width:100%}.tipso_bubble > .tipso_arrow{position:absolute;width:0;height:0;border:8px solid;pointer-events:none}.tipso_bubble.top > .tipso_arrow{border-top-color:#000;border-right-color:transparent;border-left-color:transparent;border-bottom-color:transparent;top:100%;left:50%;margin-left:-8px}.tipso_bubble.bottom > .tipso_arrow{border-bottom-color:#000;border-right-color:transparent;border-left-color:transparent;border-top-color:transparent;bottom:100%;left:50%;margin-left:-8px}.tipso_bubble.left > .tipso_arrow{border-left-color:#000;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent;top:50%;left:100%;margin-top:-8px}.tipso_bubble.right > .tipso_arrow{border-right-color:#000;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent;top:50%;right:100%;margin-top:-8px}.tipso_bubble .top_right_corner,.tipso_bubble.top_right_corner{border-bottom-left-radius:0}.tipso_bubble .bottom_right_corner,.tipso_bubble.bottom_right_corner{border-top-left-radius:0}.tipso_bubble .top_left_corner,.tipso_bubble.top_left_corner{border-bottom-right-radius:0}.tipso_bubble .bottom_left_corner,.tipso_bubble.bottom_left_corner{border-top-right-radius:0}