/* Minification failed. Returning unminified contents.
(5959,1): run-time error CSS1019: Unexpected token, found '@import'
(5959,9): run-time error CSS1019: Unexpected token, found 'url(//fonts.googleapis.com/css?family=Source+Sans+Pro:400,700&subset=latin,latin-ext)'
(7654,17): run-time error CSS1030: Expected identifier, found ' '
(7654,18): run-time error CSS1031: Expected selector, found '1.4'
(7654,18): run-time error CSS1025: Expected comma or open brace, found '1.4'
(11415,1): run-time error CSS1019: Unexpected token, found '}'
(14376,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14377,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14390,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(14391,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15653,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15654,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15667,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(15668,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15695,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15696,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15878,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(15885,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(15886,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(15899,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15900,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(15906,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15907,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(15913,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(15914,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(15927,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15928,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(15936,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15937,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(15942,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(15943,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(15954,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15955,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(15960,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15961,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(15967,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(15968,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(15981,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15982,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(16071,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16072,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(16085,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(16086,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(16113,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(16243,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(16249,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(16250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(16261,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(16267,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(16274,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(16275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(16288,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(16429,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16430,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16470,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(16471,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16552,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16553,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16607,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16608,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16625,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(16626,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16661,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16662,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16803,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16804,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16820,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(16821,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16854,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16986,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16987,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17003,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(17004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17037,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17060,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17061,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17074,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(17075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17102,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17196,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17213,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(17214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17247,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17344,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17358,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(17359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17386,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17387,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17500,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17501,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17534,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(17535,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17602,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17603,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17756,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17757,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17775,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(17776,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17813,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17814,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17832,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17833,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17851,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(17852,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17889,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17890,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17908,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17909,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17927,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(17928,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17965,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17966,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17984,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17985,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18003,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(18004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18041,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18042,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18237,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(18238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18251,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(18252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18279,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18470,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(18471,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18490,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(18491,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18530,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18646,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(18647,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%'
(18660,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(18661,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%'
(18688,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18689,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%'
(18708,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(18709,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(18727,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(18728,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(18765,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18766,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(18873,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(18874,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18905,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(18906,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18969,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18970,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(19013,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(19014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(19045,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(19046,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(19109,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(19110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(19248,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(19249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '33%'
(19265,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(19266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '33%'
(19299,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(19300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '33%'
(19417,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(19418,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(19431,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(19432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(19459,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(19460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(19568,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(19569,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(19585,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(19586,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(19619,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(19620,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(19787,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(19788,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(19820,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(19821,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(19886,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(19887,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20015,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(20016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20033,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(20034,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20069,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20070,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20172,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(20173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20184,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(20185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20208,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20324,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(20325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20342,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(20343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20378,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20476,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(20477,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20494,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(20495,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20530,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20623,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(20624,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20637,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(20638,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20665,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20666,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20840,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(20841,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(20847,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(20848,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(20861,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20862,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(20870,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(20871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(20884,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(20885,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(20912,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20913,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(21083,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(21084,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(21097,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(21098,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(21125,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(21126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(21296,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(21297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21314,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(21315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21350,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(21351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21529,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(21530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(21536,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(21537,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(21550,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(21551,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(21559,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(21560,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21573,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(21574,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21601,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(21602,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21772,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(21773,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21786,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(21787,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21814,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(21815,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21902,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(21903,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(21909,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(21910,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(21923,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(21924,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(21932,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(21933,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21944,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(21945,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21968,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(21969,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22137,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(22138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22155,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(22156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22191,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(22192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22366,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(22367,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22378,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(22379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22402,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(22403,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22571,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(22572,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22583,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(22584,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22607,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(22608,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22713,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(22714,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22750,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(22751,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22824,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(22825,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22869,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(22870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22906,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(22907,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22980,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(22981,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(23025,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(23026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(23062,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(23063,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(23136,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(23137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(23273,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(23274,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '17%'
(23305,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(23306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '17%'
(23369,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(23370,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '17%'
(23413,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(23414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '17%'
(23445,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(23446,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '17%'
(23509,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(23510,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '17%'
(23645,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(23646,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(23667,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(23668,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(23711,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(23712,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(23741,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(23742,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(23763,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(23764,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(23807,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(23808,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(23930,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(23931,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(23942,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(23943,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(23966,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(23967,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24070,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%'
(24100,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(24101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%'
(24160,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%'
(24298,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24315,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(24316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24349,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24513,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24514,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24530,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(24531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24564,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24565,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24690,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24691,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24707,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(24708,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24741,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24742,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24867,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24884,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(24885,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24918,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24919,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25058,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(25059,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25070,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(25071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25098,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(25099,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25310,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(25311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(25317,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(25318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(25331,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(25332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(25340,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(25341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(25350,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(25351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(25370,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(25371,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(25572,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(25573,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(25582,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(25583,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(25602,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(25603,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(25808,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(25809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(25815,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(25816,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(25829,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(25830,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(25838,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(25839,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(25848,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(25849,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(25868,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(25869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(26070,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(26071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(26080,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(26081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(26100,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(26101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(26258,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(26259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26270,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(26271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26294,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(26295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26310,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(26311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26322,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(26323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26346,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(26347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26362,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(26363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26389,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(26390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26443,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(26444,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26548,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(26549,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '17%'
(26575,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(26576,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '17%'
(26629,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(26630,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '17%'
(26664,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(26665,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(26671,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(26672,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(26685,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(26686,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(26775,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(26776,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26802,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(26803,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26856,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(26857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26893,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(26894,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26915,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(26916,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26959,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(26960,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(27036,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(27037,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(27063,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(27064,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(27112,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(27113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(27323,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(27324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(27335,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(27336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(27359,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(27360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(27451,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(27452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(27478,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(27479,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(27527,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(27528,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/*! normalize.css v2.1.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Set default font family to sans-serif.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    background: #fff; /* 1 */
    color: #000; /* 2 */
    font-family: sans-serif; /* 3 */
    -ms-text-size-adjust: 100%; /* 4 */
    -webkit-text-size-adjust: 100%; /* 4 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

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

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

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

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

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

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*! jQuery UI - v1.10.0 - 2013-01-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url(/Content/themes/base/images/animated-overlay.gif);
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.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-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}

.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}

.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
/*
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(/Content/themes/base/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
*/
.ui-widget-header {
	border: 1px solid #aaaaaa/*{borderColorHeader}*/;
	background: #cccccc/*{bgColorHeader}*/ url(/Content/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
	color: #222222/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3/*{borderColorDefault}*/;
	background: #e6e6e6/*{bgColorDefault}*/ url(/Content/themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #555555/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999/*{borderColorHover}*/;
	background: #dadada/*{bgColorHover}*/ url(/Content/themes/base/images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121/*{fcHover}*/;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa/*{borderColorActive}*/;
	background: #ffffff/*{bgColorActive}*/ url(/Content/themes/base/images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1/*{borderColorHighlight}*/;
	background: #fbf9ee/*{bgColorHighlight}*/ url(/Content/themes/base/images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;
	color: #363636/*{fcHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a/*{borderColorError}*/;
	background: #fef1ec/*{bgColorError}*/ url(/Content/themes/base/images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
	background-position: 16px 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(/Content/themes/base/images/ui-icons_222222_256x240.png)/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url(/Content/themes/base/images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
}
.ui-state-default .ui-icon {
	background-image: url(/Content/themes/base/images/ui-icons_888888_256x240.png)/*{iconsDefault}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(/Content/themes/base/images/ui-icons_454545_256x240.png)/*{iconsHover}*/;
}
.ui-state-active .ui-icon {
	background-image: url(/Content/themes/base/images/ui-icons_454545_256x240.png)/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon {
	background-image: url(/Content/themes/base/images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/Content/themes/base/images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/;
}

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ url(/Content/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
}
.ui-widget-shadow {
	margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
	padding: 8px/*{thicknessShadow}*/;
	background: #aaaaaa/*{bgColorShadow}*/ url(/Content/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
	opacity: .3/*{opacityShadow}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
	border-radius: 8px/*{cornerRadiusShadow}*/;
}

.aboveWarning {
    background: red;
}

.belowWarning {
    background: orange;
}

.notMapped {
    background: yellow !important;
}

.dataTables_wrapper {
    overflow-x: auto !important;
}
/*!
 * Bootstrap Utilities v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.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;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.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: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

.shadow-sm {
   box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
    box-shadow: 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;
}

.border {
    border: 1px solid #dee2e6 !important;
}

.border-0 {
    border: 0 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right {
    border-right: 1px solid #dee2e6 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left {
    border-left: 1px solid #dee2e6 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.border-primary {
    border-color: #0d6efd !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;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.vw-100 {
    width: 100vw !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mh-100 {
    max-height: 100% !important;
}

.vh-100 {
    height: 100vh !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.order-first {
    order: -1 !important;
}

.order-0 {
    order: 0 !important;
}

.order-1 {
    order: 1 !important;
}

.order-2 {
    order: 2 !important;
}

.order-3 {
    order: 3 !important;
}

.order-4 {
    order: 4 !important;
}

.order-5 {
    order: 5 !important;
}

.order-last {
    order: 6 !important;
}

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

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-1 {
    margin-right: 0.25rem !important;
}

.mr-2 {
    margin-right: 0.5rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-1 {
    margin-left: 0.25rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.ml-5 {
    margin-left: 3rem !important;
}

.ml-auto {
    margin-left: auto !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mx-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
}

.mx-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
}

.mx-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
}

.mx-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
}

.mx-n5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
}

.my-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
}

.my-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
}

.my-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
}

.my-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
}

.my-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
}

.mt-n1 {
    margin-top: -0.25rem !important;
}

.mt-n2 {
    margin-top: -0.5rem !important;
}

.mt-n3 {
    margin-top: -1rem !important;
}

.mt-n4 {
    margin-top: -1.5rem !important;
}

.mt-n5 {
    margin-top: -3rem !important;
}

.mr-n1 {
    margin-right: -0.25rem !important;
}

.mr-n2 {
    margin-right: -0.5rem !important;
}

.mr-n3 {
    margin-right: -1rem !important;
}

.mr-n4 {
    margin-right: -1.5rem !important;
}

.mr-n5 {
    margin-right: -3rem !important;
}

.mb-n1 {
    margin-bottom: -0.25rem !important;
}

.mb-n2 {
    margin-bottom: -0.5rem !important;
}

.mb-n3 {
    margin-bottom: -1rem !important;
}

.mb-n4 {
    margin-bottom: -1.5rem !important;
}

.mb-n5 {
    margin-bottom: -3rem !important;
}

.ml-n1 {
    margin-left: -0.25rem !important;
}

.ml-n2 {
    margin-left: -0.5rem !important;
}

.ml-n3 {
    margin-left: -1rem !important;
}

.ml-n4 {
    margin-left: -1.5rem !important;
}

.ml-n5 {
    margin-left: -3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

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

.pr-1 {
    padding-right: 0.25rem !important;
}

.pr-2 {
    padding-right: 0.5rem !important;
}

.pr-3 {
    padding-right: 1rem !important;
}

.pr-4 {
    padding-right: 1.5rem !important;
}

.pr-5 {
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

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

.pl-1 {
    padding-left: 0.25rem !important;
}

.pl-2 {
    padding-left: 0.5rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.pl-4 {
    padding-left: 1.5rem !important;
}

.pl-5 {
    padding-left: 3rem !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-lighter {
    font-weight: lighter !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-weight-bolder {
    font-weight: bolder !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

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

.text-primary {
    color: #0d6efd !important;
}

.text-secondary {
    color: #6c757d !important;
}

.text-success {
    color: #28a745 !important;
}

.text-info {
    color: #17a2b8 !important;
}

.text-warning {
    color: #ffc107 !important;
}

.text-danger {
    color: #dc3545 !important;
}

.text-light {
    color: #f8f9fa !important;
}

.text-dark {
    color: #343a40 !important;
}

.text-white {
    color: #fff !important;
}

.text-body {
    color: #212529 !important;
}

.text-muted {
    color: #6c757d !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
    color: inherit !important;
}

.lh-1 {
    line-height: 1 !important;
}

.lh-sm {
    line-height: 1.25 !important;
}

.lh-base {
    line-height: 1.5 !important;
}

.lh-lg {
    line-height: 2 !important;
}

.bg-primary {
    background-color: #0d6efd !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

.bg-success {
    background-color: #28a745 !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

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

.bg-white {
    background-color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

.font-italic {
    font-style: italic !important;
}

.text-break {
    overflow-wrap: break-word !important;
    word-break: break-word !important;
}

.font-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.rounded {
    border-radius: 0.25rem !important;
}

.rounded-sm {
    border-radius: 0.2rem !important;
}

.rounded-lg {
    border-radius: 0.3rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.rounded-0 {
    border-radius: 0 !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-bottom-left-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }

    .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: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }

    .flex-sm-fill {
        flex: 1 1 auto !important;
    }

    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-sm-start {
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .justify-content-sm-between {
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-between {
        align-content: space-between !important;
    }

    .align-content-sm-around {
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }

    .order-sm-first {
        order: -1 !important;
    }

    .order-sm-0 {
        order: 0 !important;
    }

    .order-sm-1 {
        order: 1 !important;
    }

    .order-sm-2 {
        order: 2 !important;
    }

    .order-sm-3 {
        order: 3 !important;
    }

    .order-sm-4 {
        order: 4 !important;
    }

    .order-sm-5 {
        order: 5 !important;
    }

    .order-sm-last {
        order: 6 !important;
    }

    .m-sm-0 {
        margin: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-sm-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-sm-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-sm-0 {
        margin-top: 0 !important;
    }

    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mt-sm-3 {
        margin-top: 1rem !important;
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mt-sm-5 {
        margin-top: 3rem !important;
    }

    .mt-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-0 {
        margin-right: 0 !important;
    }

    .mr-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mr-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mr-sm-3 {
        margin-right: 1rem !important;
    }

    .mr-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mr-sm-5 {
        margin-right: 3rem !important;
    }

    .mr-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important;
    }

    .mb-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-0 {
        margin-left: 0 !important;
    }

    .ml-sm-1 {
        margin-left: 0.25rem !important;
    }

    .ml-sm-2 {
        margin-left: 0.5rem !important;
    }

    .ml-sm-3 {
        margin-left: 1rem !important;
    }

    .ml-sm-4 {
        margin-left: 1.5rem !important;
    }

    .ml-sm-5 {
        margin-left: 3rem !important;
    }

    .ml-sm-auto {
        margin-left: auto !important;
    }

    .m-sm-n1 {
        margin: -0.25rem !important;
    }

    .m-sm-n2 {
        margin: -0.5rem !important;
    }

    .m-sm-n3 {
        margin: -1rem !important;
    }

    .m-sm-n4 {
        margin: -1.5rem !important;
    }

    .m-sm-n5 {
        margin: -3rem !important;
    }

    .mx-sm-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }

    .mx-sm-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }

    .mx-sm-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .mx-sm-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }

    .mx-sm-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }

    .my-sm-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .my-sm-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .my-sm-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .my-sm-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .my-sm-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .mt-sm-n1 {
        margin-top: -0.25rem !important;
    }

    .mt-sm-n2 {
        margin-top: -0.5rem !important;
    }

    .mt-sm-n3 {
        margin-top: -1rem !important;
    }

    .mt-sm-n4 {
        margin-top: -1.5rem !important;
    }

    .mt-sm-n5 {
        margin-top: -3rem !important;
    }

    .mr-sm-n1 {
        margin-right: -0.25rem !important;
    }

    .mr-sm-n2 {
        margin-right: -0.5rem !important;
    }

    .mr-sm-n3 {
        margin-right: -1rem !important;
    }

    .mr-sm-n4 {
        margin-right: -1.5rem !important;
    }

    .mr-sm-n5 {
        margin-right: -3rem !important;
    }

    .mb-sm-n1 {
        margin-bottom: -0.25rem !important;
    }

    .mb-sm-n2 {
        margin-bottom: -0.5rem !important;
    }

    .mb-sm-n3 {
        margin-bottom: -1rem !important;
    }

    .mb-sm-n4 {
        margin-bottom: -1.5rem !important;
    }

    .mb-sm-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-sm-n1 {
        margin-left: -0.25rem !important;
    }

    .ml-sm-n2 {
        margin-left: -0.5rem !important;
    }

    .ml-sm-n3 {
        margin-left: -1rem !important;
    }

    .ml-sm-n4 {
        margin-left: -1.5rem !important;
    }

    .ml-sm-n5 {
        margin-left: -3rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-sm-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-sm-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-sm-0 {
        padding-top: 0 !important;
    }

    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pt-sm-3 {
        padding-top: 1rem !important;
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pt-sm-5 {
        padding-top: 3rem !important;
    }

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

    .pr-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pr-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pr-sm-3 {
        padding-right: 1rem !important;
    }

    .pr-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pr-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }

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

    .pl-sm-1 {
        padding-left: 0.25rem !important;
    }

    .pl-sm-2 {
        padding-left: 0.5rem !important;
    }

    .pl-sm-3 {
        padding-left: 1rem !important;
    }

    .pl-sm-4 {
        padding-left: 1.5rem !important;
    }

    .pl-sm-5 {
        padding-left: 3rem !important;
    }

    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }

    .text-sm-justify {
        text-align: justify !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }

    .float-md-right {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }

    .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: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }

    .flex-md-fill {
        flex: 1 1 auto !important;
    }

    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        justify-content: space-around !important;
    }

    .align-items-md-start {
        align-items: flex-start !important;
    }

    .align-items-md-end {
        align-items: flex-end !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .align-items-md-baseline {
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        align-items: stretch !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-between {
        align-content: space-between !important;
    }

    .align-content-md-around {
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-self-md-auto {
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }

    .order-md-first {
        order: -1 !important;
    }

    .order-md-0 {
        order: 0 !important;
    }

    .order-md-1 {
        order: 1 !important;
    }

    .order-md-2 {
        order: 2 !important;
    }

    .order-md-3 {
        order: 3 !important;
    }

    .order-md-4 {
        order: 4 !important;
    }

    .order-md-5 {
        order: 5 !important;
    }

    .order-md-last {
        order: 6 !important;
    }

    .m-md-0 {
        margin: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-md-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-md-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-md-0 {
        margin-top: 0 !important;
    }

    .mt-md-1 {
        margin-top: 0.25rem !important;
    }

    .mt-md-2 {
        margin-top: 0.5rem !important;
    }

    .mt-md-3 {
        margin-top: 1rem !important;
    }

    .mt-md-4 {
        margin-top: 1.5rem !important;
    }

    .mt-md-5 {
        margin-top: 3rem !important;
    }

    .mt-md-auto {
        margin-top: auto !important;
    }

    .mr-md-0 {
        margin-right: 0 !important;
    }

    .mr-md-1 {
        margin-right: 0.25rem !important;
    }

    .mr-md-2 {
        margin-right: 0.5rem !important;
    }

    .mr-md-3 {
        margin-right: 1rem !important;
    }

    .mr-md-4 {
        margin-right: 1.5rem !important;
    }

    .mr-md-5 {
        margin-right: 3rem !important;
    }

    .mr-md-auto {
        margin-right: auto !important;
    }

    .mb-md-0 {
        margin-bottom: 0 !important;
    }

    .mb-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-md-3 {
        margin-bottom: 1rem !important;
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-md-5 {
        margin-bottom: 3rem !important;
    }

    .mb-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-0 {
        margin-left: 0 !important;
    }

    .ml-md-1 {
        margin-left: 0.25rem !important;
    }

    .ml-md-2 {
        margin-left: 0.5rem !important;
    }

    .ml-md-3 {
        margin-left: 1rem !important;
    }

    .ml-md-4 {
        margin-left: 1.5rem !important;
    }

    .ml-md-5 {
        margin-left: 3rem !important;
    }

    .ml-md-auto {
        margin-left: auto !important;
    }

    .m-md-n1 {
        margin: -0.25rem !important;
    }

    .m-md-n2 {
        margin: -0.5rem !important;
    }

    .m-md-n3 {
        margin: -1rem !important;
    }

    .m-md-n4 {
        margin: -1.5rem !important;
    }

    .m-md-n5 {
        margin: -3rem !important;
    }

    .mx-md-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }

    .mx-md-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }

    .mx-md-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .mx-md-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }

    .mx-md-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }

    .my-md-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .my-md-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .my-md-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .my-md-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .my-md-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .mt-md-n1 {
        margin-top: -0.25rem !important;
    }

    .mt-md-n2 {
        margin-top: -0.5rem !important;
    }

    .mt-md-n3 {
        margin-top: -1rem !important;
    }

    .mt-md-n4 {
        margin-top: -1.5rem !important;
    }

    .mt-md-n5 {
        margin-top: -3rem !important;
    }

    .mr-md-n1 {
        margin-right: -0.25rem !important;
    }

    .mr-md-n2 {
        margin-right: -0.5rem !important;
    }

    .mr-md-n3 {
        margin-right: -1rem !important;
    }

    .mr-md-n4 {
        margin-right: -1.5rem !important;
    }

    .mr-md-n5 {
        margin-right: -3rem !important;
    }

    .mb-md-n1 {
        margin-bottom: -0.25rem !important;
    }

    .mb-md-n2 {
        margin-bottom: -0.5rem !important;
    }

    .mb-md-n3 {
        margin-bottom: -1rem !important;
    }

    .mb-md-n4 {
        margin-bottom: -1.5rem !important;
    }

    .mb-md-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-md-n1 {
        margin-left: -0.25rem !important;
    }

    .ml-md-n2 {
        margin-left: -0.5rem !important;
    }

    .ml-md-n3 {
        margin-left: -1rem !important;
    }

    .ml-md-n4 {
        margin-left: -1.5rem !important;
    }

    .ml-md-n5 {
        margin-left: -3rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-md-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-md-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-md-0 {
        padding-top: 0 !important;
    }

    .pt-md-1 {
        padding-top: 0.25rem !important;
    }

    .pt-md-2 {
        padding-top: 0.5rem !important;
    }

    .pt-md-3 {
        padding-top: 1rem !important;
    }

    .pt-md-4 {
        padding-top: 1.5rem !important;
    }

    .pt-md-5 {
        padding-top: 3rem !important;
    }

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

    .pr-md-1 {
        padding-right: 0.25rem !important;
    }

    .pr-md-2 {
        padding-right: 0.5rem !important;
    }

    .pr-md-3 {
        padding-right: 1rem !important;
    }

    .pr-md-4 {
        padding-right: 1.5rem !important;
    }

    .pr-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-0 {
        padding-bottom: 0 !important;
    }

    .pb-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-md-3 {
        padding-bottom: 1rem !important;
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-md-5 {
        padding-bottom: 3rem !important;
    }

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

    .pl-md-1 {
        padding-left: 0.25rem !important;
    }

    .pl-md-2 {
        padding-left: 0.5rem !important;
    }

    .pl-md-3 {
        padding-left: 1rem !important;
    }

    .pl-md-4 {
        padding-left: 1.5rem !important;
    }

    .pl-md-5 {
        padding-left: 3rem !important;
    }

    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }

    .text-md-justify {
        text-align: justify !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
    }

    .float-lg-right {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }

    .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: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }

    .flex-lg-fill {
        flex: 1 1 auto !important;
    }

    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        justify-content: center !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-between {
        align-content: space-between !important;
    }

    .align-content-lg-around {
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }

    .order-lg-first {
        order: -1 !important;
    }

    .order-lg-0 {
        order: 0 !important;
    }

    .order-lg-1 {
        order: 1 !important;
    }

    .order-lg-2 {
        order: 2 !important;
    }

    .order-lg-3 {
        order: 3 !important;
    }

    .order-lg-4 {
        order: 4 !important;
    }

    .order-lg-5 {
        order: 5 !important;
    }

    .order-lg-last {
        order: 6 !important;
    }

    .m-lg-0 {
        margin: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-lg-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-lg-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-lg-0 {
        margin-top: 0 !important;
    }

    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mt-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mt-lg-3 {
        margin-top: 1rem !important;
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mt-lg-5 {
        margin-top: 3rem !important;
    }

    .mt-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-0 {
        margin-right: 0 !important;
    }

    .mr-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mr-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mr-lg-3 {
        margin-right: 1rem !important;
    }

    .mr-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mr-lg-5 {
        margin-right: 3rem !important;
    }

    .mr-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    .mb-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important;
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important;
    }

    .mb-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-0 {
        margin-left: 0 !important;
    }

    .ml-lg-1 {
        margin-left: 0.25rem !important;
    }

    .ml-lg-2 {
        margin-left: 0.5rem !important;
    }

    .ml-lg-3 {
        margin-left: 1rem !important;
    }

    .ml-lg-4 {
        margin-left: 1.5rem !important;
    }

    .ml-lg-5 {
        margin-left: 3rem !important;
    }

    .ml-lg-auto {
        margin-left: auto !important;
    }

    .m-lg-n1 {
        margin: -0.25rem !important;
    }

    .m-lg-n2 {
        margin: -0.5rem !important;
    }

    .m-lg-n3 {
        margin: -1rem !important;
    }

    .m-lg-n4 {
        margin: -1.5rem !important;
    }

    .m-lg-n5 {
        margin: -3rem !important;
    }

    .mx-lg-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }

    .mx-lg-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }

    .mx-lg-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .mx-lg-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }

    .mx-lg-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }

    .my-lg-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .my-lg-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .my-lg-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .my-lg-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .my-lg-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .mt-lg-n1 {
        margin-top: -0.25rem !important;
    }

    .mt-lg-n2 {
        margin-top: -0.5rem !important;
    }

    .mt-lg-n3 {
        margin-top: -1rem !important;
    }

    .mt-lg-n4 {
        margin-top: -1.5rem !important;
    }

    .mt-lg-n5 {
        margin-top: -3rem !important;
    }

    .mr-lg-n1 {
        margin-right: -0.25rem !important;
    }

    .mr-lg-n2 {
        margin-right: -0.5rem !important;
    }

    .mr-lg-n3 {
        margin-right: -1rem !important;
    }

    .mr-lg-n4 {
        margin-right: -1.5rem !important;
    }

    .mr-lg-n5 {
        margin-right: -3rem !important;
    }

    .mb-lg-n1 {
        margin-bottom: -0.25rem !important;
    }

    .mb-lg-n2 {
        margin-bottom: -0.5rem !important;
    }

    .mb-lg-n3 {
        margin-bottom: -1rem !important;
    }

    .mb-lg-n4 {
        margin-bottom: -1.5rem !important;
    }

    .mb-lg-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-lg-n1 {
        margin-left: -0.25rem !important;
    }

    .ml-lg-n2 {
        margin-left: -0.5rem !important;
    }

    .ml-lg-n3 {
        margin-left: -1rem !important;
    }

    .ml-lg-n4 {
        margin-left: -1.5rem !important;
    }

    .ml-lg-n5 {
        margin-left: -3rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-lg-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-lg-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-lg-0 {
        padding-top: 0 !important;
    }

    .pt-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pt-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pt-lg-3 {
        padding-top: 1rem !important;
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pt-lg-5 {
        padding-top: 3rem !important;
    }

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

    .pr-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pr-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pr-lg-3 {
        padding-right: 1rem !important;
    }

    .pr-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pr-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-0 {
        padding-bottom: 0 !important;
    }

    .pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important;
    }

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

    .pl-lg-1 {
        padding-left: 0.25rem !important;
    }

    .pl-lg-2 {
        padding-left: 0.5rem !important;
    }

    .pl-lg-3 {
        padding-left: 1rem !important;
    }

    .pl-lg-4 {
        padding-left: 1.5rem !important;
    }

    .pl-lg-5 {
        padding-left: 3rem !important;
    }

    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }

    .text-lg-justify {
        text-align: justify !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
    }

    .float-xl-right {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }

    .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: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }

    .flex-xl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-between {
        align-content: space-between !important;
    }

    .align-content-xl-around {
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }

    .order-xl-first {
        order: -1 !important;
    }

    .order-xl-0 {
        order: 0 !important;
    }

    .order-xl-1 {
        order: 1 !important;
    }

    .order-xl-2 {
        order: 2 !important;
    }

    .order-xl-3 {
        order: 3 !important;
    }

    .order-xl-4 {
        order: 4 !important;
    }

    .order-xl-5 {
        order: 5 !important;
    }

    .order-xl-last {
        order: 6 !important;
    }

    .m-xl-0 {
        margin: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-xl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-xl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-xl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-xl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-xl-0 {
        margin-top: 0 !important;
    }

    .mt-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mt-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mt-xl-3 {
        margin-top: 1rem !important;
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mt-xl-5 {
        margin-top: 3rem !important;
    }

    .mt-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-0 {
        margin-right: 0 !important;
    }

    .mr-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mr-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mr-xl-3 {
        margin-right: 1rem !important;
    }

    .mr-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mr-xl-5 {
        margin-right: 3rem !important;
    }

    .mr-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-0 {
        margin-bottom: 0 !important;
    }

    .mb-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important;
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important;
    }

    .mb-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-0 {
        margin-left: 0 !important;
    }

    .ml-xl-1 {
        margin-left: 0.25rem !important;
    }

    .ml-xl-2 {
        margin-left: 0.5rem !important;
    }

    .ml-xl-3 {
        margin-left: 1rem !important;
    }

    .ml-xl-4 {
        margin-left: 1.5rem !important;
    }

    .ml-xl-5 {
        margin-left: 3rem !important;
    }

    .ml-xl-auto {
        margin-left: auto !important;
    }

    .m-xl-n1 {
        margin: -0.25rem !important;
    }

    .m-xl-n2 {
        margin: -0.5rem !important;
    }

    .m-xl-n3 {
        margin: -1rem !important;
    }

    .m-xl-n4 {
        margin: -1.5rem !important;
    }

    .m-xl-n5 {
        margin: -3rem !important;
    }

    .mx-xl-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }

    .mx-xl-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }

    .mx-xl-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .mx-xl-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }

    .mx-xl-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }

    .my-xl-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .my-xl-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .my-xl-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .my-xl-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .my-xl-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .mt-xl-n1 {
        margin-top: -0.25rem !important;
    }

    .mt-xl-n2 {
        margin-top: -0.5rem !important;
    }

    .mt-xl-n3 {
        margin-top: -1rem !important;
    }

    .mt-xl-n4 {
        margin-top: -1.5rem !important;
    }

    .mt-xl-n5 {
        margin-top: -3rem !important;
    }

    .mr-xl-n1 {
        margin-right: -0.25rem !important;
    }

    .mr-xl-n2 {
        margin-right: -0.5rem !important;
    }

    .mr-xl-n3 {
        margin-right: -1rem !important;
    }

    .mr-xl-n4 {
        margin-right: -1.5rem !important;
    }

    .mr-xl-n5 {
        margin-right: -3rem !important;
    }

    .mb-xl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .mb-xl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .mb-xl-n3 {
        margin-bottom: -1rem !important;
    }

    .mb-xl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .mb-xl-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-xl-n1 {
        margin-left: -0.25rem !important;
    }

    .ml-xl-n2 {
        margin-left: -0.5rem !important;
    }

    .ml-xl-n3 {
        margin-left: -1rem !important;
    }

    .ml-xl-n4 {
        margin-left: -1.5rem !important;
    }

    .ml-xl-n5 {
        margin-left: -3rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-xl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-xl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-xl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-xl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-xl-0 {
        padding-top: 0 !important;
    }

    .pt-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pt-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pt-xl-3 {
        padding-top: 1rem !important;
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pt-xl-5 {
        padding-top: 3rem !important;
    }

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

    .pr-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pr-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pr-xl-3 {
        padding-right: 1rem !important;
    }

    .pr-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pr-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-0 {
        padding-bottom: 0 !important;
    }

    .pb-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important;
    }

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

    .pl-xl-1 {
        padding-left: 0.25rem !important;
    }

    .pl-xl-2 {
        padding-left: 0.5rem !important;
    }

    .pl-xl-3 {
        padding-left: 1rem !important;
    }

    .pl-xl-4 {
        padding-left: 1.5rem !important;
    }

    .pl-xl-5 {
        padding-left: 3rem !important;
    }

    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }

    .text-xl-justify {
        text-align: justify !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: flex !important;
    }

    .d-print-inline-flex {
        display: inline-flex !important;
    }
}
/*# sourceMappingURL=bootstrap-utilities.css.map */


table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px 18px;border-bottom:1px solid #111}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 18px 6px 18px;border-top:1px solid #111}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;*cursor:hand}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{background-repeat:no-repeat;background-position:center right}table.dataTable thead .sorting{background-image:url("../images/sort_both.png")}table.dataTable thead .sorting_asc{background-image:url("../images/sort_asc.png")}table.dataTable thead .sorting_desc{background-image:url("../images/sort_desc.png")}table.dataTable thead .sorting_asc_disabled{background-image:url("../images/sort_asc_disabled.png")}table.dataTable thead .sorting_desc_disabled{background-image:url("../images/sort_desc_disabled.png")}table.dataTable tbody tr{background-color:#ffffff}table.dataTable tbody tr.selected{background-color:#B0BED9}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #ddd}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #ddd;border-right:1px solid #ddd}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #ddd}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#f9f9f9}table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{background-color:#acbad4}table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:#f6f6f6}table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected{background-color:#aab7d1}table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#fafafa}table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad5}table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:whitesmoke}table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#fafafa}table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fcfcfc}table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fefefe}table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background-color:#eaeaea}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{background-color:#ececec}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{background-color:#efefef}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{background-color:#a5b2cb}table.dataTable.no-footer{border-bottom:1px solid #111}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px 4px 4px}table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:4px}table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable,table.dataTable th,table.dataTable td{-webkit-box-sizing:content-box;box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both;*zoom:1;zoom:1}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{margin-left:0.5em}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:0.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:0.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:0.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333 !important;border:1px solid transparent;border-radius:2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #979797;background-color:white;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-o-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111}.dataTables_wrapper.no-footer div.dataTables_scrollHead>table,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:0.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:0.5em}}

@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:400,700&subset=latin,latin-ext);

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    font-size: 100%;
}

body {
    color: #303030;
    padding: 0;
    margin: 0;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    position: relative;
}

a:focus {
    outline: none;
}

img,
object,
embed {
    max-width: 100%;
    height: auto;
}

object,
embed {
    height: 100%;
}

img {
    -ms-interpolation-mode: bicubic;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
    max-width: none !important;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

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

.hide {
    display: none;
}

.antialiased {
    -webkit-font-smoothing: antialiased;
}

img {
    display: inline-block;
    vertical-align: middle;
}

textarea {
    height: auto;
    min-height: 50px;
}

select {
    width: 100%;
}

/* Grid HTML Classes */
.row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 116em;
    *zoom: 1;
}

    .row:before, .row:after {
        content: " ";
        display: table;
    }

    .row:after {
        clear: both;
    }

    .row.collapse .column,
    .row.collapse .columns {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        float: left;
    }

    .row .row {
        width: auto;
        margin-left: -0.9375em;
        margin-right: -0.9375em;
        margin-top: 0;
        margin-bottom: 0;
        max-width: none;
        *zoom: 1;
    }

        .row .row:before, .row .row:after {
            content: " ";
            display: table;
        }

        .row .row:after {
            clear: both;
        }

        .row .row.collapse {
            width: auto;
            margin: 0;
            max-width: none;
            *zoom: 1;
        }

            .row .row.collapse:before, .row .row.collapse:after {
                content: " ";
                display: table;
            }

            .row .row.collapse:after {
                clear: both;
            }

.column,
.columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    width: 100%;
    float: left;
}

@media only screen {
    .column,
    .columns {
        position: relative;
        padding-left: 0.9375em;
        padding-right: 0.9375em;
        float: left;
    }

    .small-1 {
        position: relative;
        width: 8.33333%;
    }

    .small-2 {
        position: relative;
        width: 16.66667%;
    }

    .small-3 {
        position: relative;
        width: 25%;
    }

    .small-4 {
        position: relative;
        width: 33.33333%;
    }

    .small-5 {
        position: relative;
        width: 41.66667%;
    }

    .small-6 {
        position: relative;
        width: 50%;
    }

    .small-7 {
        position: relative;
        width: 58.33333%;
    }

    .small-8 {
        position: relative;
        width: 66.66667%;
    }

    .small-9 {
        position: relative;
        width: 75%;
    }

    .small-10 {
        position: relative;
        width: 83.33333%;
    }

    .small-11 {
        position: relative;
        width: 91.66667%;
    }

    .small-12 {
        position: relative;
        width: 100%;
    }

    .small-offset-1 {
        position: relative;
        margin-left: 8.33333%;
    }

    .small-offset-2 {
        position: relative;
        margin-left: 16.66667%;
    }

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

    .small-offset-4 {
        position: relative;
        margin-left: 33.33333%;
    }

    .small-offset-5 {
        position: relative;
        margin-left: 41.66667%;
    }

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

    .small-offset-7 {
        position: relative;
        margin-left: 58.33333%;
    }

    .small-offset-8 {
        position: relative;
        margin-left: 66.66667%;
    }

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

    .small-offset-10 {
        position: relative;
        margin-left: 83.33333%;
    }

    [class*="column"] + [class*="column"]:last-child {
        float: right;
    }

    [class*="column"] + [class*="column"].end {
        float: left;
    }

    .column.small-centered,
    .columns.small-centered {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        float: none !important;
    }
}
/* Styles for screens that are atleast 700px; */
@media only screen and (min-width: 700px) {
    .large-1 {
        position: relative;
        width: 8.33333%;
    }

    .large-2 {
        position: relative;
        width: 16.66667%;
    }

    .large-3 {
        position: relative;
        width: 25%;
    }

    .large-4 {
        position: relative;
        width: 33.33333%;
    }

    .large-5 {
        position: relative;
        width: 41.66667%;
    }

    .large-6 {
        position: relative;
        width: 50%;
    }

    .large-7 {
        position: relative;
        width: 58.33333%;
    }

    .large-8 {
        position: relative;
        width: 66.66667%;
    }

    .large-9 {
        position: relative;
        width: 75%;
    }

    .large-10 {
        position: relative;
        width: 83.33333%;
    }

    .large-11 {
        position: relative;
        width: 91.66667%;
    }

    .large-12 {
        position: relative;
        width: 100%;
    }

    .row .large-offset-1 {
        position: relative;
        margin-left: 8.33333%;
    }

    .row .large-offset-2 {
        position: relative;
        margin-left: 16.66667%;
    }

    .row .large-offset-3 {
        position: relative;
        margin-left: 25%;
    }

    .row .large-offset-4 {
        position: relative;
        margin-left: 33.33333%;
    }

    .row .large-offset-5 {
        position: relative;
        margin-left: 41.66667%;
    }

    .row .large-offset-6 {
        position: relative;
        margin-left: 50%;
    }

    .row .large-offset-7 {
        position: relative;
        margin-left: 58.33333%;
    }

    .row .large-offset-8 {
        position: relative;
        margin-left: 66.66667%;
    }

    .row .large-offset-9 {
        position: relative;
        margin-left: 75%;
    }

    .row .large-offset-10 {
        position: relative;
        margin-left: 83.33333%;
    }

    .row .large-offset-11 {
        position: relative;
        margin-left: 91.66667%;
    }

    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto;
    }

    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto;
    }

    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto;
    }

    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto;
    }

    .push-3 {
        position: relative;
        left: 25%;
        right: auto;
    }

    .pull-3 {
        position: relative;
        right: 25%;
        left: auto;
    }

    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto;
    }

    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto;
    }

    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto;
    }

    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto;
    }

    .push-6 {
        position: relative;
        left: 50%;
        right: auto;
    }

    .pull-6 {
        position: relative;
        right: 50%;
        left: auto;
    }

    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto;
    }

    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto;
    }

    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto;
    }

    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto;
    }

    .push-9 {
        position: relative;
        left: 75%;
        right: auto;
    }

    .pull-9 {
        position: relative;
        right: 75%;
        left: auto;
    }

    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto;
    }

    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto;
    }

    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto;
    }

    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto;
    }

    .small-push-1 {
        left: inherit;
    }

    .small-pull-1 {
        right: inherit;
    }

    .small-push-2 {
        left: inherit;
    }

    .small-pull-2 {
        right: inherit;
    }

    .small-push-3 {
        left: inherit;
    }

    .small-pull-3 {
        right: inherit;
    }

    .small-push-4 {
        left: inherit;
    }

    .small-pull-4 {
        right: inherit;
    }

    .small-push-5 {
        left: inherit;
    }

    .small-pull-5 {
        right: inherit;
    }

    .small-push-6 {
        left: inherit;
    }

    .small-pull-6 {
        right: inherit;
    }

    .small-push-7 {
        left: inherit;
    }

    .small-pull-7 {
        right: inherit;
    }

    .small-push-8 {
        left: inherit;
    }

    .small-pull-8 {
        right: inherit;
    }

    .small-push-9 {
        left: inherit;
    }

    .small-pull-9 {
        right: inherit;
    }

    .small-push-10 {
        left: inherit;
    }

    .small-pull-10 {
        right: inherit;
    }

    .small-push-11 {
        left: inherit;
    }

    .small-pull-11 {
        right: inherit;
    }

    .column.large-centered,
    .columns.large-centered {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        float: none !important;
    }

    .column.large-uncentered,
    .columns.large-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: none;
    }
}
/* Foundation Visibility HTML Classes */
.show-for-small,
.show-for-medium-down,
.show-for-large-down {
    display: inherit !important;
}

.show-for-medium,
.show-for-medium-up,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
    display: none !important;
}

.hide-for-medium,
.hide-for-medium-up,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
    display: inherit !important;
}

.hide-for-small,
.hide-for-medium-down,
.hide-for-large-down {
    display: none !important;
}

/* Specific visilbity for tables */
table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge {
    display: table;
}

thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge {
    display: table-header-group !important;
}

tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge {
    display: table-row-group !important;
}

tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge {
    display: table-row !important;
}

td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge,
th.show-for-small,
th.show-for-medium-down,
th.show-for-large-down,
th.hide-for-medium,
th.hide-for-medium-up,
th.hide-for-large,
th.hide-for-large-up,
th.hide-for-xlarge {
    display: table-cell !important;
}

/* Medium Displays: 700px - 1279px */
@media only screen and (min-width: 700px) {
    .show-for-medium,
    .show-for-medium-up {
        display: inherit !important;
    }

    .show-for-small {
        display: none !important;
    }

    .hide-for-small {
        display: inherit !important;
    }

    .hide-for-medium,
    .hide-for-medium-up {
        display: none !important;
    }

    /* Specific visilbity for tables */
    table.show-for-medium, table.show-for-medium-up, table.hide-for-small {
        display: table;
    }

    thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small {
        display: table-header-group !important;
    }

    tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small {
        display: table-row-group !important;
    }

    tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small {
        display: table-row !important;
    }

    td.show-for-medium, td.show-for-medium-up, td.hide-for-small,
    th.show-for-medium,
    th.show-for-medium-up,
    th.hide-for-small {
        display: table-cell !important;
    }
}
/* Large Displays: 1280px - 1440px */
@media only screen and (min-width: 1280px) {
    .show-for-large,
    .show-for-large-up {
        display: inherit !important;
    }

    .show-for-medium,
    .show-for-medium-down {
        display: none !important;
    }

    .hide-for-medium,
    .hide-for-medium-down {
        display: inherit !important;
    }

    .hide-for-large,
    .hide-for-large-up {
        display: none !important;
    }

    /* Specific visilbity for tables */
    table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down {
        display: table !important;
    }

    thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down {
        display: table-header-group !important;
    }

    tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down {
        display: table-row-group !important;
    }

    tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down {
        display: table-row !important;
    }

    td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down,
    th.show-for-large,
    th.show-for-large-up,
    th.hide-for-medium,
    th.hide-for-medium-down {
        display: table-cell !important;
    }
}
/* X-Large Displays: 1400px and up */
@media only screen and (min-width: 1440px) {
    .show-for-xlarge {
        display: inherit !important;
    }

    .show-for-large,
    .show-for-large-down {
        display: none !important;
    }

    .hide-for-large,
    .hide-for-large-down {
        display: inherit !important;
    }

    .hide-for-xlarge {
        display: none !important;
    }

    /* Specific visilbity for tables */
    table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down {
        display: table;
    }

    thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down {
        display: table-header-group !important;
    }

    tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down {
        display: table-row-group !important;
    }

    tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down {
        display: table-row !important;
    }

    td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down,
    th.show-for-xlarge,
    th.hide-for-large,
    th.hide-for-large-down {
        display: table-cell !important;
    }
}
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
    display: inherit !important;
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important;
}

/* Specific visilbity for tables */
table.hide-for-landscape, table.show-for-portrait {
    display: table;
}

thead.hide-for-landscape, thead.show-for-portrait {
    display: table-header-group !important;
}

tbody.hide-for-landscape, tbody.show-for-portrait {
    display: table-row-group !important;
}

tr.hide-for-landscape, tr.show-for-portrait {
    display: table-row !important;
}

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
    display: table-cell !important;
}

@media only screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
        display: inherit !important;
    }

    .hide-for-landscape,
    .show-for-portrait {
        display: none !important;
    }

    /* Specific visilbity for tables */
    table.show-for-landscape, table.hide-for-portrait {
        display: table;
    }

    thead.show-for-landscape, thead.hide-for-portrait {
        display: table-header-group !important;
    }

    tbody.show-for-landscape, tbody.hide-for-portrait {
        display: table-row-group !important;
    }

    tr.show-for-landscape, tr.hide-for-portrait {
        display: table-row !important;
    }

    td.show-for-landscape, td.hide-for-portrait,
    th.show-for-landscape,
    th.hide-for-portrait {
        display: table-cell !important;
    }
}

@media only screen and (orientation: portrait) {
    .show-for-portrait,
    .hide-for-landscape {
        display: inherit !important;
    }

    .hide-for-portrait,
    .show-for-landscape {
        display: none !important;
    }

    /* Specific visilbity for tables */
    table.show-for-portrait, table.hide-for-landscape {
        display: table;
    }

    thead.show-for-portrait, thead.hide-for-landscape {
        display: table-header-group !important;
    }

    tbody.show-for-portrait, tbody.hide-for-landscape {
        display: table-row-group !important;
    }

    tr.show-for-portrait, tr.hide-for-landscape {
        display: table-row !important;
    }

    td.show-for-portrait, td.hide-for-landscape,
    th.show-for-portrait,
    th.hide-for-landscape {
        display: table-cell !important;
    }
}
/* Touch-enabled device targeting */
.show-for-touch {
    display: none !important;
}

.hide-for-touch {
    display: inherit !important;
}

.touch .show-for-touch {
    display: inherit !important;
}

.touch .hide-for-touch {
    display: none !important;
}

/* Specific visilbity for tables */
table.hide-for-touch {
    display: table;
}

.touch table.show-for-touch {
    display: table;
}

thead.hide-for-touch {
    display: table-header-group !important;
}

.touch thead.show-for-touch {
    display: table-header-group !important;
}

tbody.hide-for-touch {
    display: table-row-group !important;
}

.touch tbody.show-for-touch {
    display: table-row-group !important;
}

tr.hide-for-touch {
    display: table-row !important;
}

.touch tr.show-for-touch {
    display: table-row !important;
}

td.hide-for-touch {
    display: table-cell !important;
}

.touch td.show-for-touch {
    display: table-cell !important;
}

th.hide-for-touch {
    display: table-cell !important;
}

.touch th.show-for-touch {
    display: table-cell !important;
}

/* Foundation Block Grids for below small breakpoint */
@media only screen {
    [class*="block-grid-"] {
        display: block;
        padding: 0;
        margin: 0 -10px;
        *zoom: 1;
    }

        [class*="block-grid-"]:before, [class*="block-grid-"]:after {
            content: " ";
            display: table;
        }

        [class*="block-grid-"]:after {
            clear: both;
        }

        [class*="block-grid-"] > li {
            display: inline;
            height: auto;
            float: left;
            padding: 0 10px 10px;
        }

    .small-block-grid-1 > li {
        width: 100%;
        padding: 0 10px 10px;
    }

        .small-block-grid-1 > li:nth-of-type(n) {
            clear: none;
        }

        .small-block-grid-1 > li:nth-of-type(1n+1) {
            clear: both;
        }

    .small-block-grid-2 > li {
        width: 50%;
        padding: 0 10px 10px;
    }

        .small-block-grid-2 > li:nth-of-type(n) {
            clear: none;
        }

        .small-block-grid-2 > li:nth-of-type(2n+1) {
            clear: both;
        }

    .small-block-grid-3 > li {
        width: 33.33333%;
        padding: 0 10px 10px;
    }

        .small-block-grid-3 > li:nth-of-type(n) {
            clear: none;
        }

        .small-block-grid-3 > li:nth-of-type(3n+1) {
            clear: both;
        }

    .small-block-grid-4 > li {
        width: 25%;
        padding: 0 10px 10px;
    }

        .small-block-grid-4 > li:nth-of-type(n) {
            clear: none;
        }

        .small-block-grid-4 > li:nth-of-type(4n+1) {
            clear: both;
        }

    .small-block-grid-5 > li {
        width: 20%;
        padding: 0 10px 10px;
    }

        .small-block-grid-5 > li:nth-of-type(n) {
            clear: none;
        }

        .small-block-grid-5 > li:nth-of-type(5n+1) {
            clear: both;
        }

    .small-block-grid-6 > li {
        width: 16.66667%;
        padding: 0 10px 10px;
    }

        .small-block-grid-6 > li:nth-of-type(n) {
            clear: none;
        }

        .small-block-grid-6 > li:nth-of-type(6n+1) {
            clear: both;
        }

    .small-block-grid-7 > li {
        width: 14.28571%;
        padding: 0 10px 10px;
    }

        .small-block-grid-7 > li:nth-of-type(n) {
            clear: none;
        }

        .small-block-grid-7 > li:nth-of-type(7n+1) {
            clear: both;
        }

    .small-block-grid-8 > li {
        width: 12.5%;
        padding: 0 10px 10px;
    }

        .small-block-grid-8 > li:nth-of-type(n) {
            clear: none;
        }

        .small-block-grid-8 > li:nth-of-type(8n+1) {
            clear: both;
        }

    .small-block-grid-9 > li {
        width: 11.11111%;
        padding: 0 10px 10px;
    }

        .small-block-grid-9 > li:nth-of-type(n) {
            clear: none;
        }

        .small-block-grid-9 > li:nth-of-type(9n+1) {
            clear: both;
        }

    .small-block-grid-10 > li {
        width: 10%;
        padding: 0 10px 10px;
    }

        .small-block-grid-10 > li:nth-of-type(n) {
            clear: none;
        }

        .small-block-grid-10 > li:nth-of-type(10n+1) {
            clear: both;
        }

    .small-block-grid-11 > li {
        width: 9.09091%;
        padding: 0 10px 10px;
    }

        .small-block-grid-11 > li:nth-of-type(n) {
            clear: none;
        }

        .small-block-grid-11 > li:nth-of-type(11n+1) {
            clear: both;
        }

    .small-block-grid-12 > li {
        width: 8.33333%;
        padding: 0 10px 10px;
    }

        .small-block-grid-12 > li:nth-of-type(n) {
            clear: none;
        }

        .small-block-grid-12 > li:nth-of-type(12n+1) {
            clear: both;
        }
}
/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width: 700px) {
    /* Remove small grid clearing */
    .small-block-grid-1 > li:nth-of-type(1n+1) {
        clear: none;
    }

    .small-block-grid-2 > li:nth-of-type(2n+1) {
        clear: none;
    }

    .small-block-grid-3 > li:nth-of-type(3n+1) {
        clear: none;
    }

    .small-block-grid-4 > li:nth-of-type(4n+1) {
        clear: none;
    }

    .small-block-grid-5 > li:nth-of-type(5n+1) {
        clear: none;
    }

    .small-block-grid-6 > li:nth-of-type(6n+1) {
        clear: none;
    }

    .small-block-grid-7 > li:nth-of-type(7n+1) {
        clear: none;
    }

    .small-block-grid-8 > li:nth-of-type(8n+1) {
        clear: none;
    }

    .small-block-grid-9 > li:nth-of-type(9n+1) {
        clear: none;
    }

    .small-block-grid-10 > li:nth-of-type(10n+1) {
        clear: none;
    }

    .small-block-grid-11 > li:nth-of-type(11n+1) {
        clear: none;
    }

    .small-block-grid-12 > li:nth-of-type(12n+1) {
        clear: none;
    }

    .large-block-grid-1 > li {
        width: 100%;
        padding: 0 10px 10px;
    }

        .large-block-grid-1 > li:nth-of-type(n) {
            clear: none;
        }

        .large-block-grid-1 > li:nth-of-type(1n+1) {
            clear: both;
        }

    .large-block-grid-2 > li {
        width: 50%;
        padding: 0 10px 10px;
    }

        .large-block-grid-2 > li:nth-of-type(n) {
            clear: none;
        }

        .large-block-grid-2 > li:nth-of-type(2n+1) {
            clear: both;
        }

    .large-block-grid-3 > li {
        width: 33.33333%;
        padding: 0 10px 10px;
    }

        .large-block-grid-3 > li:nth-of-type(n) {
            clear: none;
        }

        .large-block-grid-3 > li:nth-of-type(3n+1) {
            clear: both;
        }

    .large-block-grid-4 > li {
        width: 25%;
        padding: 0 10px 10px;
    }

        .large-block-grid-4 > li:nth-of-type(n) {
            clear: none;
        }

        .large-block-grid-4 > li:nth-of-type(4n+1) {
            clear: both;
        }

    .large-block-grid-5 > li {
        width: 20%;
        padding: 0 10px 10px;
    }

        .large-block-grid-5 > li:nth-of-type(n) {
            clear: none;
        }

        .large-block-grid-5 > li:nth-of-type(5n+1) {
            clear: both;
        }

    .large-block-grid-6 > li {
        width: 16.66667%;
        padding: 0 10px 10px;
    }

        .large-block-grid-6 > li:nth-of-type(n) {
            clear: none;
        }

        .large-block-grid-6 > li:nth-of-type(6n+1) {
            clear: both;
        }

    .large-block-grid-7 > li {
        width: 14.28571%;
        padding: 0 10px 10px;
    }

        .large-block-grid-7 > li:nth-of-type(n) {
            clear: none;
        }

        .large-block-grid-7 > li:nth-of-type(7n+1) {
            clear: both;
        }

    .large-block-grid-8 > li {
        width: 12.5%;
        padding: 0 10px 10px;
    }

        .large-block-grid-8 > li:nth-of-type(n) {
            clear: none;
        }

        .large-block-grid-8 > li:nth-of-type(8n+1) {
            clear: both;
        }

    .large-block-grid-9 > li {
        width: 11.11111%;
        padding: 0 10px 10px;
    }

        .large-block-grid-9 > li:nth-of-type(n) {
            clear: none;
        }

        .large-block-grid-9 > li:nth-of-type(9n+1) {
            clear: both;
        }

    .large-block-grid-10 > li {
        width: 10%;
        padding: 0 10px 10px;
    }

        .large-block-grid-10 > li:nth-of-type(n) {
            clear: none;
        }

        .large-block-grid-10 > li:nth-of-type(10n+1) {
            clear: both;
        }

    .large-block-grid-11 > li {
        width: 9.09091%;
        padding: 0 10px 10px;
    }

        .large-block-grid-11 > li:nth-of-type(n) {
            clear: none;
        }

        .large-block-grid-11 > li:nth-of-type(11n+1) {
            clear: both;
        }

    .large-block-grid-12 > li {
        width: 8.33333%;
        padding: 0 10px 10px;
    }

        .large-block-grid-12 > li:nth-of-type(n) {
            clear: none;
        }

        .large-block-grid-12 > li:nth-of-type(12n+1) {
            clear: both;
        }
}

p.lead {
    font-size: 1.21875em;
    line-height: 1.6;
}

.subheader {
    line-height: 1.4;
    color: #6f6f6f;
    font-weight: 300;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
}

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
    direction: ltr;
}

/* Default Link Styles */
a {
    color: #125397;
    text-decoration: none;
    line-height: inherit;
}

    a:hover, a:focus {
        color: #0f4680;
    }

    a img {
        border: none;
    }

    a.alert {
        color: #b8392d;
    }

        a.alert:hover, a.alert:focus {
            color: #d25246;
        }

/* Default paragraph styles */
p {
    font-family: inherit;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.6;
    margin-bottom: 1.25em;
    text-rendering: optimizeLegibility;
}

    p aside {
        font-size: 0.875em;
        line-height: 1.35;
        font-style: italic;
    }

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
    color: #222222;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: normal !important;
    text-shadow: 0px 1px 1px #ffffff;
    text-rendering: optimizeLegibility;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    line-height: 1.2125em;
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        font-size: 60%;
        color: #6f6f6f;
        line-height: 0;
    }

h1 {
    font-size: 2.125em;
}

h2 {
    font-size: 1.6875em;
}

h3 {
    font-size: 1.375em;
}

h4 {
    font-size: 1.125em;
}

h5 {
    font-size: 1.125em;
}

h6 {
    font-size: 1em;
}

hr {
    border: solid #dddddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 1.25em 0 1.1875em;
    height: 0;
}

/* Helpful Typography Defaults */
em,
i {
    font-style: italic;
    line-height: inherit;
}

strong,
b {
    font-weight: bold;
    line-height: inherit;
}

small {
    font-size: 60%;
    line-height: inherit;
}

code {
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: bold;
    color: #a43228;
}

/* Lists */
ul,
ol,
dl {
    font-size: 1em;
    line-height: 1.6;
    margin-bottom: 1.25em;
    list-style-position: outside;
    font-family: inherit;
}

    /* Unordered Lists */
    ul li ul,
    ul li ol {
        margin-left: 1.25em;
        margin-bottom: 0;
        font-size: 1em;
        /* Override nested font-size change */
    }

    ul.square li ul, ul.circle li ul, ul.disc li ul {
        list-style: inherit;
    }

    ul.square {
        list-style-type: square;
    }

    ul.circle {
        list-style-type: circle;
    }

    ul.disc {
        list-style-type: disc;
    }

    ul.no-bullet {
        list-style: none;
    }

    /* Ordered Lists */
    ol li ul,
    ol li ol {
        margin-left: 1.25em;
        margin-bottom: 0;
    }

    /* Definition Lists */
    dl dt {
        margin-bottom: 0.3em;
        font-weight: bold;
    }

    dl dd {
        margin-bottom: 0.75em;
    }

/* Abbreviations */
abbr,
acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #303030;
    border-bottom: 1px dotted #dddddd;
    cursor: help;
}

abbr {
    text-transform: none;
}

/* Blockquotes */
blockquote {
    margin: 0 0 1.25em;
    padding: 0.5625em 1.25em 0 1.1875em;
    border-left: 1px solid #dddddd;
}

    blockquote cite {
        display: block;
        font-size: 0.8125em;
        color: #555555;
    }

        blockquote cite:before {
            content: "\2014 \0020";
        }

        blockquote cite a,
        blockquote cite a:visited {
            color: #555555;
        }

    blockquote,
    blockquote p {
        line-height: 1.6;
        color: #6f6f6f;
    }

/* Microformats */
.vcard {
    display: inline-block;
    margin: 0 0 1.25em 0;
    border: 1px solid #dddddd;
    padding: 0.625em 0.75em;
}

    .vcard li {
        margin: 0;
        display: block;
    }

    .vcard .fn {
        font-weight: bold;
        font-size: 0.9375em;
    }

.vevent .summary {
    font-weight: bold;
}

.vevent abbr {
    cursor: default;
    text-decoration: none;
    font-weight: bold;
    border: none;
    padding: 0 0.0625em;
}

@media only screen and (min-width: 700px) {
    h1, h2, h3, h4, h5, h6 {
    }

    line-height: 1.4;
}

/*h1 {
    font-size: 2.75em; }

  h2 {
    font-size: 2.3125em; }

  h3 {
    font-size: 1.6875em; }

  h4 {
    font-size: 1.4375em; } }*/
/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
    display: none !important;
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
        /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .hide-on-print {
        display: none !important;
    }

    .print-only {
        display: block !important;
    }

    .hide-for-print {
        display: none !important;
    }

    .show-for-print {
        display: inherit !important;
    }
}

button, .button {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 1.25em;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: 0.75em;
    padding-right: 1.5em;
    padding-bottom: 0.8125em;
    padding-left: 1.5em;
    font-size: 1em;
    background-color: #125397;
    border-color: #0d3a69;
    color: white;
    border: none;
}

    button:hover, button:focus, .button:hover, .button:focus {
        background-color: #0d3a69;
    }

    button:hover, button:focus, .button:hover, .button:focus {
        color: white;
    }

    button.primary, .button.primary {
        background-color: #125397;
        border-color: #0d3a69;
        color: white;
    }

        button.primary:focus, .button.primary:focus {
            background-color: #125397;
        }

        button.primary:hover, .button.primary:hover {
            background-color: #0d3a69;
        }

    button.secondary, .button.secondary {
        background-color: #bdbdbd;
        border-color: #a4a4a4;
        color: #333333;
    }

        button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
            background-color: #a4a4a4;
        }

        button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
            color: #333333;
        }

    button.success, .button.success {
        background-color: #41ab20;
        border-color: #318018;
        color: white;
    }

        button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
            background-color: #318018;
        }

        button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
            color: white;
        }

    button.alert, .button.alert {
        background-color: #d25246;
        border-color: #b8392d;
        color: white;
    }

        button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
            background-color: #b8392d;
        }

        button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
            color: white;
        }

    button.large, .button.large {
        padding-top: 1em;
        padding-right: 2em;
        padding-bottom: 1.0625em;
        padding-left: 2em;
        font-size: 1.25em;
    }

    button.small, .button.small {
        padding-top: 0.5625em;
        padding-right: 1.125em;
        padding-bottom: 0.625em;
        padding-left: 1.125em;
        font-size: 0.8125em;
    }

    button.tiny, .button.tiny {
        padding-top: 0.4375em;
        padding-right: 0.875em;
        padding-bottom: 0.5em;
        padding-left: 0.875em;
        font-size: 0.6875em;
    }

    button.expand, .button.expand {
        padding-right: 0px;
        padding-left: 0px;
        width: 100%;
    }

    button.left-align, .button.left-align {
        text-align: left;
        text-indent: 0.75em;
    }

    button.right-align, .button.right-align {
        text-align: right;
        padding-right: 0.75em;
    }

    button.disabled, button[disabled], .button.disabled, .button[disabled] {
        background-color: #125397;
        border-color: #0d3a69;
        color: white;
        cursor: default;
        opacity: 0.6;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
            background-color: #0d3a69;
        }

        button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
            color: white;
        }

        button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
            background-color: #125397;
        }

        button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
            background-color: #bdbdbd;
            border-color: #a4a4a4;
            color: #333333;
            cursor: default;
            opacity: 0.6;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
                background-color: #a4a4a4;
            }

            button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
                color: #333333;
            }

            button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
                background-color: #bdbdbd;
            }

        button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
            background-color: #41ab20;
            border-color: #318018;
            color: white;
            cursor: default;
            opacity: 0.6;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
                background-color: #318018;
            }

            button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
                color: white;
            }

            button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
                background-color: #41ab20;
            }

        button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
            background-color: #d25246;
            border-color: #b8392d;
            color: white;
            cursor: default;
            opacity: 0.6;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
                background-color: #b8392d;
            }

            button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
                color: white;
            }

            button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
                background-color: #d25246;
            }

button, .button {
    padding-top: 0.8125em;
    padding-bottom: 0.75em;
}

    button.tiny, .button.tiny {
        padding-top: 0.5em;
        padding-bottom: 0.4375em;
    }

    button.small, .button.small {
        padding-top: 0.625em;
        padding-bottom: 0.5625em;
    }

    button.large, .button.large {
        padding-top: 1.03125em;
        padding-bottom: 1.03125em;
    }

@media only screen {
    button, .button {
        -webkit-transition: background-color 300ms ease-out;
        -moz-transition: background-color 300ms ease-out;
        transition: background-color 300ms ease-out;
    }

        button:active, .button:active {
            -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
        }

        button.radius, .button.radius {
            -webkit-border-radius: 4px;
            border-radius: 4px;
        }

        button.round, .button.round {
            -webkit-border-radius: 1000px;
            border-radius: 1000px;
        }
}

@media only screen and (min-width: 700px) {
    button, .button {
        display: inline-block;
    }
}
/* Standard Forms */
form {
    margin: 0 0 1em;
}

    /* Using forms within rows, we need to set some defaults */
    form .row .row {
        margin: 0 -0.5em;
    }

        form .row .row .column,
        form .row .row .columns {
            padding: 0 0.5em;
        }

        form .row .row.collapse {
            margin: 0;
        }

            form .row .row.collapse .column,
            form .row .row.collapse .columns {
                padding: 0;
            }

    form .row input.column,
    form .row input.columns,
    form .row textarea.column,
    form .row textarea.columns {
        padding-left: 0.5em;
    }

/* Label Styles */
label {
    font-size: 0.875em;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-weight: 500;
    margin-bottom: 0.1875em;
}

    label.right {
        float: none;
        text-align: right;
    }

    label.inline {
        margin: 0 0 1em 0;
        padding: 0.625em 0;
    }

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
    display: block;
    position: relative;
    z-index: 2;
    text-align: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    font-size: 0.875em;
    height: 2.3125em;
    line-height: 2.3125em;
}

    /* Adjust padding, alignment and radius if pre/post element is a button */
    .postfix.button {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        text-align: center;
        line-height: 2.125em;
    }

    .prefix.button {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        text-align: center;
        line-height: 2.125em;
    }

        .prefix.button.radius {
            -webkit-border-radius: 0;
            border-radius: 0;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-topleft: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

    .postfix.button.radius {
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .prefix.button.round {
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-border-radius-bottomleft: 1000px;
        -moz-border-radius-topleft: 1000px;
        -webkit-border-bottom-left-radius: 1000px;
        -webkit-border-top-left-radius: 1000px;
        border-bottom-left-radius: 1000px;
        border-top-left-radius: 1000px;
    }

    .postfix.button.round {
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-border-radius-topright: 1000px;
        -moz-border-radius-bottomright: 1000px;
        -webkit-border-top-right-radius: 1000px;
        -webkit-border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
    }

/* Separate prefix and postfix styles when on span so buttons keep their own */
span.prefix {
    background: #f2f2f2;
    border-color: #d9d9d9;
    border-right: none;
    color: #333333;
}

    span.prefix.radius {
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
    }

span.postfix {
    background: #f2f2f2;
    border-color: #cccccc;
    border-left: none;
    color: #333333;
}

    span.postfix.radius {
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

/* Input groups will automatically style first and last elements of the group */
.input-group.radius > *:first-child, .input-group.radius > *:first-child * {
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.input-group.radius > *:last-child, .input-group.radius > *:last-child * {
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.input-group.round > *:first-child, .input-group.round > *:first-child * {
    -moz-border-radius-bottomleft: 1000px;
    -moz-border-radius-topleft: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px;
}

.input-group.round > *:last-child, .input-group.round > *:last-child * {
    -moz-border-radius-topright: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
}

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
    background-color: white;
    font-family: inherit;
    border: 1px solid #cccccc;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 0.875em;
    margin: 0 0 1em 0;
    padding: 0.5em;
    height: 2.3125em;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
    -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="date"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="month"]:focus,
    input[type="week"]:focus,
    input[type="email"]:focus,
    input[type="number"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="time"]:focus,
    input[type="url"]:focus,
    textarea:focus {
        border-color: #999999;
    }

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="date"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="month"]:focus,
    input[type="week"]:focus,
    input[type="email"]:focus,
    input[type="number"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="time"]:focus,
    input[type="url"]:focus,
    textarea:focus {
        background: #fafafa;
        border-color: #999999;
        outline: none;
    }

    input[type="text"][disabled],
    input[type="password"][disabled],
    input[type="date"][disabled],
    input[type="datetime"][disabled],
    input[type="datetime-local"][disabled],
    input[type="month"][disabled],
    input[type="week"][disabled],
    input[type="email"][disabled],
    input[type="number"][disabled],
    input[type="search"][disabled],
    input[type="tel"][disabled],
    input[type="time"][disabled],
    input[type="url"][disabled],
    textarea[disabled] {
        background-color: #dddddd;
    }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
    margin: 0 0 1em 0;
}

/* Normalize file input width */
input[type="file"] {
    width: 100%;
}

/* We add basic fieldset styling */
fieldset {
    border: solid 1px #dddddd;
    padding: 1.25em;
    margin: 1.125em 0;
}

    fieldset legend {
        font-weight: bold;
        background: white;
        padding: 0 0.1875em;
        margin: 0;
        margin-left: -0.1875em;
    }

/* Error Handling */
.error input,
input.error,
.error textarea,
textarea.error {
    border-color: #d25246;
    background-color: rgba(210, 82, 70, 0.1);
}

    .error input:focus,
    input.error:focus,
    .error textarea:focus,
    textarea.error:focus {
        background: #fafafa;
        border-color: #999999;
    }

.error label,
label.error {
    color: #d25246;
}

.error small,
small.error {
    display: block;
    padding: 0.375em 0.25em;
    margin-top: -1.3125em;
    margin-bottom: 1em;
    font-size: 0.75em;
    font-weight: normal;
    background: transparent;
    color: #d25246;
}

/* Custom Checkbox and Radio Inputs */
form.custom .hidden-field {
    margin-left: -99999px;
    position: absolute;
    visibility: hidden;
}

form.custom .custom {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    vertical-align: middle;
    border: solid 1px #cccccc;
    background: white;
}

    form.custom .custom.checkbox {
        -webkit-border-radius: 0px;
        border-radius: 0px;
        padding: -3px;
    }

    form.custom .custom.radio {
        -webkit-border-radius: 1000px;
        border-radius: 1000px;
        padding: 3px;
    }

    form.custom .custom.checkbox:before {
        content: "";
        display: block;
        font-size: 20px;
        color: white;
    }

    form.custom .custom.radio.checked:before {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        -webkit-border-radius: 1000px;
        border-radius: 1000px;
        background: #222222;
        position: relative;
    }

    form.custom .custom.checkbox.checked:before {
        content: "\2A2F";
        color: #222222;
        margin-top: -8px;
        margin-left: 2px;
    }

/* Custom Select Options and Dropdowns */
form.custom {
    /* Custom input, disabled */
}

    form.custom .custom.dropdown {
        display: block;
        position: relative;
        top: 0;
        height: 2.3125em;
        margin-bottom: 1.25em;
        margin-top: 0px;
        padding: 0px;
        width: 100%;
        background: white;
        background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%);
        background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%);
        background: linear-gradient(to bottom, white 0%, #f3f3f3 100%);
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 0.875em;
        vertical-align: top;
    }

        form.custom .custom.dropdown ul {
            overflow-y: auto;
            max-height: 200px;
        }

        form.custom .custom.dropdown .current {
            cursor: default;
            white-space: nowrap;
            line-height: 2.25em;
            color: rgba(0, 0, 0, 0.75);
            text-decoration: none;
            overflow: hidden;
            display: block;
            margin-left: 0.5em;
            margin-right: 2.3125em;
        }

        form.custom .custom.dropdown .selector {
            cursor: default;
            position: absolute;
            width: 2.5em;
            height: 2.3125em;
            display: block;
            right: 0;
            top: 0;
        }

            form.custom .custom.dropdown .selector:after {
                content: "";
                display: block;
                content: "";
                display: block;
                width: 0;
                height: 0;
                border: inset 5px;
                border-color: #aaaaaa transparent transparent transparent;
                border-top-style: solid;
                position: absolute;
                left: 0.9375em;
                top: 50%;
                margin-top: -3px;
            }

        form.custom .custom.dropdown:hover a.selector:after, form.custom .custom.dropdown.open a.selector:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: inset 5px;
            border-color: #222222 transparent transparent transparent;
            border-top-style: solid;
        }

        form.custom .custom.dropdown .disabled {
            color: #888888;
        }

            form.custom .custom.dropdown .disabled:hover {
                background: transparent;
                color: #888888;
            }

                form.custom .custom.dropdown .disabled:hover:after {
                    display: none;
                }

        form.custom .custom.dropdown.open ul {
            display: block;
            z-index: 10;
            min-width: 100%;
            -moz-box-sizing: content-box;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
        }

        form.custom .custom.dropdown.small {
            max-width: 134px;
        }

        form.custom .custom.dropdown.medium {
            max-width: 254px;
        }

        form.custom .custom.dropdown.large {
            max-width: 434px;
        }

        form.custom .custom.dropdown.expand {
            width: 100% !important;
        }

        form.custom .custom.dropdown.open.small ul {
            min-width: 134px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        form.custom .custom.dropdown.open.medium ul {
            min-width: 254px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        form.custom .custom.dropdown.open.large ul {
            min-width: 434px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        form.custom .custom.dropdown ul {
            position: absolute;
            width: auto;
            display: none;
            margin: 0;
            left: -1px;
            top: auto;
            -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1);
            margin: 0;
            padding: 0;
            background: white;
            border: solid 1px #cccccc;
            font-size: 16px;
        }

            form.custom .custom.dropdown ul li {
                color: #555555;
                font-size: 0.875em;
                cursor: default;
                padding-top: 0.25em;
                padding-bottom: 0.25em;
                padding-left: 0.375em;
                padding-right: 2.375em;
                min-height: 1.5em;
                line-height: 1.5em;
                margin: 0;
                white-space: nowrap;
                list-style: none;
            }

                form.custom .custom.dropdown ul li.selected {
                    background: #eeeeee;
                    color: black;
                }

                form.custom .custom.dropdown ul li:hover {
                    background-color: #e4e4e4;
                    color: black;
                }

                form.custom .custom.dropdown ul li.selected:hover {
                    background: #eeeeee;
                    cursor: default;
                    color: black;
                }

            form.custom .custom.dropdown ul.show {
                display: block;
            }

    form.custom .custom.disabled {
        background: #dddddd;
    }

/* Button Groups */
.button-group {
    list-style: none;
    margin: 0;
    *zoom: 1;
}

    .button-group:before, .button-group:after {
        content: " ";
        display: table;
    }

    .button-group:after {
        clear: both;
    }

    .button-group > * {
        margin: 0 0 0 -1px;
        float: left;
    }

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

    .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button {
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
    }

    .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button {
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button {
        -moz-border-radius-bottomleft: 1000px;
        -moz-border-radius-topleft: 1000px;
        -webkit-border-bottom-left-radius: 1000px;
        -webkit-border-top-left-radius: 1000px;
        border-bottom-left-radius: 1000px;
        border-top-left-radius: 1000px;
    }

    .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button {
        -moz-border-radius-topright: 1000px;
        -moz-border-radius-bottomright: 1000px;
        -webkit-border-top-right-radius: 1000px;
        -webkit-border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
    }

    .button-group.even-2 li {
        width: 50%;
    }

        .button-group.even-2 li button, .button-group.even-2 li .button {
            width: 100%;
        }

    .button-group.even-3 li {
        width: 33.33333%;
    }

        .button-group.even-3 li button, .button-group.even-3 li .button {
            width: 100%;
        }

    .button-group.even-4 li {
        width: 25%;
    }

        .button-group.even-4 li button, .button-group.even-4 li .button {
            width: 100%;
        }

    .button-group.even-5 li {
        width: 20%;
    }

        .button-group.even-5 li button, .button-group.even-5 li .button {
            width: 100%;
        }

    .button-group.even-6 li {
        width: 16.66667%;
    }

        .button-group.even-6 li button, .button-group.even-6 li .button {
            width: 100%;
        }

    .button-group.even-7 li {
        width: 14.28571%;
    }

        .button-group.even-7 li button, .button-group.even-7 li .button {
            width: 100%;
        }

    .button-group.even-8 li {
        width: 12.5%;
    }

        .button-group.even-8 li button, .button-group.even-8 li .button {
            width: 100%;
        }

.button-bar {
    *zoom: 1;
}

    .button-bar:before, .button-bar:after {
        content: " ";
        display: table;
    }

    .button-bar:after {
        clear: both;
    }

    .button-bar .button-group {
        float: left;
        margin-right: 0.625em;
    }

        .button-bar .button-group div {
            overflow: hidden;
        }

/* Dropdown Button */
.dropdown.button {
    position: relative;
    padding-right: 3.1875em;
}

    .dropdown.button:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        display: block;
        border-style: solid;
        border-color: white transparent transparent transparent;
        top: 50%;
    }

    .dropdown.button:before {
        border-width: 0.5625em;
        right: 1.5em;
        margin-top: -0.25em;
    }

    .dropdown.button:before {
        border-color: white transparent transparent transparent;
    }

    .dropdown.button.tiny {
        padding-right: 2.1875em;
    }

        .dropdown.button.tiny:before {
            border-width: 0.4375em;
            right: 0.875em;
            margin-top: -0.15625em;
        }

        .dropdown.button.tiny:before {
            border-color: white transparent transparent transparent;
        }

    .dropdown.button.small {
        padding-right: 2.8125em;
    }

        .dropdown.button.small:before {
            border-width: 0.5625em;
            right: 1.125em;
            margin-top: -0.21875em;
        }

        .dropdown.button.small:before {
            border-color: white transparent transparent transparent;
        }

    .dropdown.button.large {
        padding-right: 4em;
    }

        .dropdown.button.large:before {
            border-width: 0.625em;
            right: 1.75em;
            margin-top: -0.3125em;
        }

        .dropdown.button.large:before {
            border-color: white transparent transparent transparent;
        }

    .dropdown.button.secondary:before {
        border-color: #333333 transparent transparent transparent;
    }

/* Split Buttons */
.split.button {
    position: relative;
    padding-right: 4.8em;
}

    .split.button span {
        display: block;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border-left: solid 1px;
    }

        .split.button span:before {
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            display: block;
            border-style: inset;
            left: 50%;
        }

        .split.button span:active {
            background-color: rgba(0, 0, 0, 0.1);
        }

    .split.button span {
        border-left-color: #0a2d53;
    }

    .split.button span {
        width: 3em;
    }

        .split.button span:before {
            border-top-style: solid;
            border-width: 0.5625em;
            top: 1.125em;
            margin-left: -0.5625em;
        }

        .split.button span:before {
            border-color: white transparent transparent transparent;
        }

    .split.button.secondary span {
        border-left-color: #979797;
    }

        .split.button.secondary span:before {
            border-color: white transparent transparent transparent;
        }

    .split.button.alert span {
        border-left-color: #a43228;
    }

    .split.button.success span {
        border-left-color: #296b14;
    }

    .split.button.tiny {
        padding-right: 3.9375em;
    }

        .split.button.tiny span {
            width: 2.84375em;
        }

            .split.button.tiny span:before {
                border-top-style: solid;
                border-width: 0.4375em;
                top: 0.875em;
                margin-left: -0.3125em;
            }

    .split.button.small {
        padding-right: 3.9375em;
    }

        .split.button.small span {
            width: 2.8125em;
        }

            .split.button.small span:before {
                border-top-style: solid;
                border-width: 0.5625em;
                top: 0.84375em;
                margin-left: -0.5625em;
            }

    .split.button.large {
        padding-right: 6em;
    }

        .split.button.large span {
            width: 3.75em;
        }

            .split.button.large span:before {
                border-top-style: solid;
                border-width: 0.625em;
                top: 1.3125em;
                margin-left: -0.5625em;
            }

    .split.button.expand {
        padding-left: 2em;
    }

    .split.button.secondary span:before {
        border-color: #333333 transparent transparent transparent;
    }

    .split.button.radius span {
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .split.button.round span {
        -moz-border-radius-topright: 1000px;
        -moz-border-radius-bottomright: 1000px;
        -webkit-border-top-right-radius: 1000px;
        -webkit-border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
    }

/* Flex Video */
.flex-video {
    position: relative;
    padding-top: 1.5625em;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 1em;
    overflow: hidden;
}

    .flex-video.widescreen {
        padding-bottom: 57.25%;
    }

    .flex-video.vimeo {
        padding-top: 0;
    }

    .flex-video iframe,
    .flex-video object,
    .flex-video embed,
    .flex-video video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* Sections */
.section-container, .section-container.auto {
    width: 100%;
    display: block;
    margin-bottom: 1.25em;
    border: 1px solid #cccccc;
    border-top: none;
}

    .section-container > section, .section-container > .section, .section-container.auto > section, .section-container.auto > .section {
        position: relative;
    }

        .section-container > section > .title, .section-container > .section > .title, .section-container.auto > section > .title, .section-container.auto > .section > .title {
            background-color: #efefef;
            cursor: pointer;
            margin-bottom: 0;
        }

            .section-container > section > .title a, .section-container > .section > .title a, .section-container.auto > section > .title a, .section-container.auto > .section > .title a {
                padding: 0.9375em;
                display: inline-block;
                color: #333333;
                font-size: 0.875em;
                white-space: nowrap;
            }

            .section-container > section > .title:hover, .section-container > .section > .title:hover, .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover {
                background-color: #e2e2e2;
            }

        .section-container > section .content, .section-container > .section .content, .section-container.auto > section .content, .section-container.auto > .section .content {
            display: none;
            padding: 0.9375em;
            background-color: white;
        }

            .section-container > section .content > *:last-child, .section-container > .section .content > *:last-child, .section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child {
                margin-bottom: 0;
            }

            .section-container > section .content > *:first-child, .section-container > .section .content > *:first-child, .section-container.auto > section .content > *:first-child, .section-container.auto > .section .content > *:first-child {
                padding-top: 0;
            }

            .section-container > section .content > *:last-child, .section-container > .section .content > *:last-child, .section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child {
                padding-bottom: 0;
            }

        .section-container > section.active > .content, .section-container > .section.active > .content, .section-container.auto > section.active > .content, .section-container.auto > .section.active > .content {
            display: block;
        }

        .section-container > section.active > .title, .section-container > .section.active > .title, .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title {
            background: #d5d5d5;
        }

            .section-container > section.active > .title a, .section-container > .section.active > .title a, .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a {
                color: #333333;
            }

        .section-container > section > .title, .section-container > .section > .title, .section-container.auto > section > .title, .section-container.auto > .section > .title {
            top: 0;
            width: 100%;
            margin: 0;
            border-top: solid 1px #cccccc;
        }

            .section-container > section > .title a, .section-container > .section > .title a, .section-container.auto > section > .title a, .section-container.auto > .section > .title a {
                width: 100%;
            }

    .section-container.tabs {
        border: 0;
        position: relative;
    }

        .section-container.tabs > section, .section-container.tabs > .section {
            border: 0;
            position: static;
        }

            .section-container.tabs > section > .title, .section-container.tabs > .section > .title {
                background-color: #efefef;
                cursor: pointer;
                margin-bottom: 0;
            }

                .section-container.tabs > section > .title a, .section-container.tabs > .section > .title a {
                    padding: 0.9375em;
                    display: inline-block;
                    color: #333333;
                    font-size: 0.875em;
                    white-space: nowrap;
                }

                .section-container.tabs > section > .title:hover, .section-container.tabs > .section > .title:hover {
                    background-color: #e2e2e2;
                }

            .section-container.tabs > section .content, .section-container.tabs > .section .content {
                display: none;
                padding: 0.9375em;
                background-color: white;
            }

                .section-container.tabs > section .content > *:last-child, .section-container.tabs > .section .content > *:last-child {
                    margin-bottom: 0;
                }

                .section-container.tabs > section .content > *:first-child, .section-container.tabs > .section .content > *:first-child {
                    padding-top: 0;
                }

                .section-container.tabs > section .content > *:last-child, .section-container.tabs > .section .content > *:last-child {
                    padding-bottom: 0;
                }

            .section-container.tabs > section.active > .content, .section-container.tabs > .section.active > .content {
                display: block;
            }

            .section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title {
                background: white;
            }

                .section-container.tabs > section.active > .title a, .section-container.tabs > .section.active > .title a {
                    color: #333333;
                }

            .section-container.tabs > section > .title, .section-container.tabs > .section > .title {
                width: auto;
                border: solid 1px #cccccc;
                border-right: 0;
                border-bottom: 0;
                position: absolute;
                top: 0;
                z-index: 1;
            }

                .section-container.tabs > section > .title a, .section-container.tabs > .section > .title a {
                    width: 100%;
                }

            .section-container.tabs > section:last-child .title, .section-container.tabs > .section:last-child .title {
                border-right: solid 1px #cccccc;
            }

            .section-container.tabs > section .content, .section-container.tabs > .section .content {
                border: solid 1px #cccccc;
                position: absolute;
                z-index: 10;
                display: none;
                top: -1px;
            }

            .section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title {
                z-index: 11;
                border-bottom: 0;
                background-color: white;
            }

            .section-container.tabs > section.active > .content, .section-container.tabs > .section.active > .content {
                position: relative;
            }

@media only screen and (min-width: 700px) {
    .section-container.auto {
        border: 0;
        position: relative;
    }

        .section-container.auto > section, .section-container.auto > .section {
            border: 0;
            position: static;
        }

            .section-container.auto > section > .title, .section-container.auto > .section > .title {
                background-color: #efefef;
                cursor: pointer;
                margin-bottom: 0;
            }

                .section-container.auto > section > .title a, .section-container.auto > .section > .title a {
                    padding: 0.9375em;
                    display: inline-block;
                    color: #333333;
                    font-size: 0.875em;
                    white-space: nowrap;
                }

                .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover {
                    background-color: #e2e2e2;
                }

            .section-container.auto > section .content, .section-container.auto > .section .content {
                display: none;
                padding: 0.9375em;
                background-color: white;
            }

                .section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child {
                    margin-bottom: 0;
                }

                .section-container.auto > section .content > *:first-child, .section-container.auto > .section .content > *:first-child {
                    padding-top: 0;
                }

                .section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child {
                    padding-bottom: 0;
                }

            .section-container.auto > section.active > .content, .section-container.auto > .section.active > .content {
                display: block;
            }

            .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title {
                background: white;
            }

                .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a {
                    color: #333333;
                }

            .section-container.auto > section > .title, .section-container.auto > .section > .title {
                width: auto;
                border: solid 1px #cccccc;
                border-right: 0;
                border-bottom: 0;
                position: absolute;
                top: 0;
                z-index: 1;
            }

                .section-container.auto > section > .title a, .section-container.auto > .section > .title a {
                    width: 100%;
                }

            .section-container.auto > section:last-child .title, .section-container.auto > .section:last-child .title {
                border-right: solid 1px #cccccc;
            }

            .section-container.auto > section .content, .section-container.auto > .section .content {
                border: solid 1px #cccccc;
                position: absolute;
                z-index: 10;
                display: none;
                top: -1px;
            }

            .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title {
                z-index: 11;
                border-bottom: 0;
                background-color: white;
            }

            .section-container.auto > section.active > .content, .section-container.auto > .section.active > .content {
                position: relative;
            }

    .section-container.accordion .section {
        padding-top: 0 !important;
    }

    .section-container.vertical-tabs {
        border: 1px solid #cccccc;
        position: relative;
    }

        .section-container.vertical-tabs section,
        .section-container.vertical-tabs .section {
            padding-top: 0 !important;
            border: 0;
            position: static;
        }

            .section-container.vertical-tabs section > .title,
            .section-container.vertical-tabs .section > .title {
                background-color: #efefef;
                cursor: pointer;
                margin-bottom: 0;
            }

                .section-container.vertical-tabs section > .title a,
                .section-container.vertical-tabs .section > .title a {
                    padding: 0.9375em;
                    display: inline-block;
                    color: #333333;
                    font-size: 0.875em;
                    white-space: nowrap;
                }

                .section-container.vertical-tabs section > .title:hover,
                .section-container.vertical-tabs .section > .title:hover {
                    background-color: #e2e2e2;
                }

            .section-container.vertical-tabs section .content,
            .section-container.vertical-tabs .section .content {
                display: none;
                padding: 0.9375em;
                background-color: white;
            }

                .section-container.vertical-tabs section .content > *:last-child,
                .section-container.vertical-tabs .section .content > *:last-child {
                    margin-bottom: 0;
                }

                .section-container.vertical-tabs section .content > *:first-child,
                .section-container.vertical-tabs .section .content > *:first-child {
                    padding-top: 0;
                }

                .section-container.vertical-tabs section .content > *:last-child,
                .section-container.vertical-tabs .section .content > *:last-child {
                    padding-bottom: 0;
                }

            .section-container.vertical-tabs section.active > .content,
            .section-container.vertical-tabs .section.active > .content {
                display: block;
            }

            .section-container.vertical-tabs section.active > .title,
            .section-container.vertical-tabs .section.active > .title {
                background: #d5d5d5;
            }

                .section-container.vertical-tabs section.active > .title a,
                .section-container.vertical-tabs .section.active > .title a {
                    color: #333333;
                }

            .section-container.vertical-tabs section > .title,
            .section-container.vertical-tabs .section > .title {
                position: absolute;
                border-top: solid 1px #cccccc;
                width: 12.5em;
            }

            .section-container.vertical-tabs section:first-child .title,
            .section-container.vertical-tabs .section:first-child .title {
                border-top: 0;
            }

            .section-container.vertical-tabs section .content,
            .section-container.vertical-tabs .section .content {
                display: block;
                position: relative;
                left: 12.5em;
                border-left: solid 1px #cccccc;
                z-index: 10;
            }

            .section-container.vertical-tabs section.active > .title,
            .section-container.vertical-tabs .section.active > .title {
                background-color: #d5d5d5;
                width: 12.5625em;
                border-right: solid 0 transparent;
                z-index: 11;
            }

            .section-container.vertical-tabs section.active:last-child .title,
            .section-container.vertical-tabs .section.active:last-child .title {
                border-bottom: 0;
            }

    .section-container.vertical-nav {
        border: 0;
        position: relative;
    }

        .section-container.vertical-nav > section, .section-container.vertical-nav > .section {
            padding-top: 0 !important;
            position: relative;
        }

            .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title {
                background-color: #efefef;
                cursor: pointer;
                margin-bottom: 0;
            }

                .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > .title a {
                    padding: 0.9375em;
                    display: inline-block;
                    color: #333333;
                    font-size: 0.875em;
                    white-space: nowrap;
                }

                .section-container.vertical-nav > section > .title:hover, .section-container.vertical-nav > .section > .title:hover {
                    background-color: #e2e2e2;
                }

            .section-container.vertical-nav > section .content, .section-container.vertical-nav > .section .content {
                display: none;
                padding: 0.9375em;
                background-color: white;
            }

                .section-container.vertical-nav > section .content > *:last-child, .section-container.vertical-nav > .section .content > *:last-child {
                    margin-bottom: 0;
                }

                .section-container.vertical-nav > section .content > *:first-child, .section-container.vertical-nav > .section .content > *:first-child {
                    padding-top: 0;
                }

                .section-container.vertical-nav > section .content > *:last-child, .section-container.vertical-nav > .section .content > *:last-child {
                    padding-bottom: 0;
                }

            .section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > .content {
                display: block;
            }

            .section-container.vertical-nav > section.active > .title, .section-container.vertical-nav > .section.active > .title {
                background: #d5d5d5;
            }

                .section-container.vertical-nav > section.active > .title a, .section-container.vertical-nav > .section.active > .title a {
                    color: #333333;
                }

            .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title {
                border-top: none;
                border: solid 1px #cccccc;
            }

                .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > .title a {
                    display: block;
                    width: 100%;
                }

            .section-container.vertical-nav > section .content, .section-container.vertical-nav > .section .content {
                display: none;
            }

            .section-container.vertical-nav > section:first-child .title, .section-container.vertical-nav > .section:first-child .title {
                border-bottom: none;
            }

            .section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > .content {
                display: block;
                position: absolute;
                left: 100%;
                top: 0px;
                z-index: 999;
                min-width: 12.5em;
                border: solid 1px #cccccc;
            }

    .section-container.horizontal-nav {
        position: relative;
        background: #efefef;
        border: 1px solid #cccccc;
    }

        .section-container.horizontal-nav > section, .section-container.horizontal-nav > .section {
            padding-top: 0;
            border: 0;
            position: static;
        }

            .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title {
                background-color: #efefef;
                cursor: pointer;
                margin-bottom: 0;
            }

                .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a {
                    padding: 0.9375em;
                    display: inline-block;
                    color: #333333;
                    font-size: 0.875em;
                    white-space: nowrap;
                }

                .section-container.horizontal-nav > section > .title:hover, .section-container.horizontal-nav > .section > .title:hover {
                    background-color: #e2e2e2;
                }

            .section-container.horizontal-nav > section .content, .section-container.horizontal-nav > .section .content {
                display: none;
                padding: 0.9375em;
                background-color: white;
            }

                .section-container.horizontal-nav > section .content > *:last-child, .section-container.horizontal-nav > .section .content > *:last-child {
                    margin-bottom: 0;
                }

                .section-container.horizontal-nav > section .content > *:first-child, .section-container.horizontal-nav > .section .content > *:first-child {
                    padding-top: 0;
                }

                .section-container.horizontal-nav > section .content > *:last-child, .section-container.horizontal-nav > .section .content > *:last-child {
                    padding-bottom: 0;
                }

            .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > .content {
                display: block;
            }

            .section-container.horizontal-nav > section.active > .title, .section-container.horizontal-nav > .section.active > .title {
                background: #d5d5d5;
            }

                .section-container.horizontal-nav > section.active > .title a, .section-container.horizontal-nav > .section.active > .title a {
                    color: #333333;
                }

            .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title {
                width: auto;
                border: solid 1px #cccccc;
                border-left: 0;
                top: -1px;
                position: absolute;
                z-index: 1;
            }

                .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a {
                    width: 100%;
                }

            .section-container.horizontal-nav > section .content, .section-container.horizontal-nav > .section .content {
                display: none;
            }

            .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > .content {
                display: block;
                position: absolute;
                z-index: 999;
                left: 0;
                top: -2px;
                min-width: 12.5em;
                border: solid 1px #cccccc;
            }
}
/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
    width: 100%;
    background: #111111;
}

.fixed {
    width: 100%;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 99;
}

.top-bar {
    overflow: hidden;
    height: 45px;
    line-height: 45px;
    position: relative;
    background: #111111;
    margin-bottom: 1.875em;
}

    .top-bar ul {
        margin-bottom: 0;
        list-style: none;
    }

    .top-bar .row {
        max-width: none;
    }

    .top-bar form,
    .top-bar input {
        margin-bottom: 0;
    }

    .top-bar input {
        height: 2.45em;
    }

    .top-bar .button {
        padding-top: .5em;
        padding-bottom: .5em;
        margin-bottom: 0;
    }

    .top-bar .title-area {
        position: relative;
    }

    .top-bar .name {
        height: 45px;
        margin: 0;
        font-size: 16px;
    }

        .top-bar .name h1 {
            line-height: 45px;
            font-size: 1.0625em;
            margin: 0;
        }

            .top-bar .name h1 a {
                font-weight: bold;
                color: white;
                width: 50%;
                display: block;
                padding: 0 15px;
            }

    .top-bar .toggle-topbar {
        position: absolute;
        right: 0;
        top: 0;
    }

        .top-bar .toggle-topbar a {
            color: white;
            text-transform: uppercase;
            font-size: 0.8125em;
            font-weight: bold;
            position: relative;
            display: block;
            padding: 0 15px;
            height: 45px;
            line-height: 45px;
        }

        .top-bar .toggle-topbar.menu-icon {
            right: 15px;
            top: 50%;
            margin-top: -16px;
            padding-left: 40px;
        }

            .top-bar .toggle-topbar.menu-icon a {
                text-indent: -48px;
                width: 34px;
                height: 34px;
                line-height: 33px;
                padding: 0;
                color: white;
            }

                .top-bar .toggle-topbar.menu-icon a span {
                    position: absolute;
                    right: 0;
                    display: block;
                    width: 16px;
                    height: 0;
                    -webkit-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
                    box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
                }

    .top-bar.expanded {
        height: auto;
        background: transparent;
    }

        .top-bar.expanded .title-area {
            background: #111111;
        }

        .top-bar.expanded .toggle-topbar a {
            color: #888888;
        }

            .top-bar.expanded .toggle-topbar a span {
                -webkit-box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888;
                box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888;
            }

.top-bar-section {
    left: 0;
    position: relative;
    width: auto;
    -webkit-transition: left 300ms ease-out;
    -moz-transition: left 300ms ease-out;
    transition: left 300ms ease-out;
}

    .top-bar-section ul {
        width: 100%;
        height: auto;
        display: block;
        background: #333333;
        font-size: 16px;
        margin: 0;
    }

    .top-bar-section .divider,
    .top-bar-section [role="separator"] {
        border-bottom: solid 1px #4d4d4d;
        border-top: solid 1px #1a1a1a;
        clear: both;
        height: 1px;
        width: 100%;
    }

    .top-bar-section ul li > a {
        display: block;
        width: 100%;
        color: white;
        padding: 12px 0 12px 0;
        padding-left: 15px;
        font-size: 0.8125em;
        font-weight: bold;
        background: #333333;
    }

        .top-bar-section ul li > a:hover {
            background: #2b2b2b;
        }

        .top-bar-section ul li > a.button {
            background: #125397;
            font-size: 0.8125em;
        }

            .top-bar-section ul li > a.button:hover {
                background: #0d3a69;
            }

            .top-bar-section ul li > a.button.secondary {
                background: #bdbdbd;
            }

                .top-bar-section ul li > a.button.secondary:hover {
                    background: #a4a4a4;
                }

            .top-bar-section ul li > a.button.success {
                background: #41ab20;
            }

                .top-bar-section ul li > a.button.success:hover {
                    background: #318018;
                }

            .top-bar-section ul li > a.button.alert {
                background: #d25246;
            }

                .top-bar-section ul li > a.button.alert:hover {
                    background: #b8392d;
                }

    .top-bar-section ul li.active > a {
        background: #2b2b2b;
    }

    .top-bar-section .has-form {
        padding: 15px;
    }

    .top-bar-section .has-dropdown {
        position: relative;
    }

        .top-bar-section .has-dropdown > a:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: inset 5px;
            border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
            border-left-style: solid;
            margin-right: 15px;
            margin-top: -4.5px;
            position: absolute;
            top: 22px;
            right: 0;
        }

        .top-bar-section .has-dropdown.moved {
            position: static;
        }

            .top-bar-section .has-dropdown.moved > .dropdown {
                visibility: visible;
            }

    .top-bar-section .dropdown {
        position: absolute;
        left: 100%;
        top: 0;
        visibility: hidden;
        z-index: 99;
    }

        .top-bar-section .dropdown li {
            width: 100%;
        }

            .top-bar-section .dropdown li a {
                font-weight: normal;
                padding: 8px 15px;
            }

            .top-bar-section .dropdown li.title h5 {
                margin-bottom: 0;
            }

                .top-bar-section .dropdown li.title h5 a {
                    color: white;
                    line-height: 22.5px;
                    display: block;
                }

        .top-bar-section .dropdown label {
            padding: 8px 15px 2px;
            margin-bottom: 0;
            text-transform: uppercase;
            color: #555555;
            font-weight: bold;
            font-size: 0.625em;
        }

.top-bar-js-breakpoint {
    width: 62.5em !important;
    visibility: hidden;
}

.js-generated {
    display: block;
}

@media only screen and (min-width: 62.5em) {
    /*.row .row { margin-right: 0 !important; }*/
    .top-bar {
        background: #111111;
        *zoom: 1;
        overflow: visible;
    }

        .top-bar:before, .top-bar:after {
            content: " ";
            display: table;
        }

        .top-bar:after {
            clear: both;
        }

        .top-bar .toggle-topbar {
            display: none;
        }

        .top-bar .title-area {
            float: left;
        }

        .top-bar .name h1 a {
            width: auto;
        }

        .top-bar input,
        .top-bar .button {
            line-height: 2em;
            font-size: 0.875em;
            height: 2em;
            padding: 0 10px;
            position: relative;
            top: 8px;
        }

        .top-bar.expanded {
            background: #111111;
        }

    .contain-to-grid .top-bar {
        max-width: 116em;
        margin: 0 auto;
        margin-bottom: 1.875em;
    }

    .top-bar-section {
        -webkit-transition: none 0 0;
        -moz-transition: none 0 0;
        transition: none 0 0;
        left: 0 !important;
    }

        .top-bar-section ul {
            width: auto;
            height: auto !important;
            display: inline;
        }

            .top-bar-section ul li {
                float: left;
            }

                .top-bar-section ul li .js-generated {
                    display: none;
                }

        .top-bar-section li a:not(.button) {
            padding: 0 15px;
            line-height: 45px;
            background: #111111;
        }

            .top-bar-section li a:not(.button):hover {
                background: black;
            }

        .top-bar-section .has-dropdown > a {
            padding-right: 35px !important;
        }

            .top-bar-section .has-dropdown > a:after {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border: inset 5px;
                border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent;
                border-top-style: solid;
                margin-top: -2.5px;
                top: 22.5px;
            }

        .top-bar-section .has-dropdown.moved {
            position: relative;
        }

            .top-bar-section .has-dropdown.moved > .dropdown {
                visibility: hidden;
            }

        .top-bar-section .has-dropdown:hover > .dropdown, .top-bar-section .has-dropdown:active > .dropdown {
            visibility: visible;
        }

        .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
            border: none;
            content: "\00bb";
            margin-top: -15px;
            right: 5px;
        }

        .top-bar-section .dropdown {
            left: 0;
            top: auto;
            background: transparent;
            min-width: 100%;
        }

            .top-bar-section .dropdown li a {
                color: white;
                line-height: 1;
                white-space: nowrap;
                padding: 7px 15px;
                background: #1e1e1e;
            }

            .top-bar-section .dropdown li label {
                white-space: nowrap;
                background: #1e1e1e;
            }

            .top-bar-section .dropdown li .dropdown {
                left: 100%;
                top: 0;
            }

        .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
            border-bottom: none;
            border-top: none;
            border-right: solid 1px #2b2b2b;
            border-left: solid 1px black;
            clear: none;
            height: 45px;
            width: 0px;
        }

        .top-bar-section .has-form {
            background: #111111;
            padding: 0 15px;
            height: 45px;
        }

        .top-bar-section ul.right li .dropdown {
            left: auto;
            right: 0;
        }

            .top-bar-section ul.right li .dropdown li .dropdown {
                right: 100%;
            }
}

.orbit-container {
    overflow: hidden;
    width: 100%;
    position: relative;
    background: whitesmoke;
}

    .orbit-container .orbit-slides-container {
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
    }

        .orbit-container .orbit-slides-container img {
            display: block;
        }

        .orbit-container .orbit-slides-container > * {
            position: relative;
            float: left;
            height: 100%;
        }

            .orbit-container .orbit-slides-container > * .orbit-caption {
                position: absolute;
                bottom: 0;
                background-color: black;
                background-color: rgba(0, 0, 0, 0.6);
                color: #fff;
                width: 100%;
                padding: 10px 14px;
                font-size: 0.875em;
            }

                .orbit-container .orbit-slides-container > * .orbit-caption * {
                    color: white;
                }

    .orbit-container .orbit-slide-number {
        position: absolute;
        top: 10px;
        left: 10px;
        font-size: 12px;
        color: white;
        background: rgba(0, 0, 0, 0);
    }

        .orbit-container .orbit-slide-number span {
            font-weight: 700;
            padding: 0.3125em;
        }

    .orbit-container .orbit-timer {
        position: absolute;
        top: 10px;
        right: 10px;
        height: 6px;
        width: 100px;
    }

        .orbit-container .orbit-timer .orbit-progress {
            height: 100%;
            background-color: black;
            background-color: rgba(0, 0, 0, 0.6);
            display: block;
            width: 0%;
        }

        .orbit-container .orbit-timer > span {
            display: none;
            position: absolute;
            top: 10px;
            right: 0px;
            width: 11px;
            height: 14px;
            border: solid 4px black;
            border-top: none;
            border-bottom: none;
        }

        .orbit-container .orbit-timer.paused > span {
            right: -6px;
            top: 9px;
            width: 11px;
            height: 14px;
            border: inset 8px;
            border-right-style: solid;
            border-color: transparent transparent transparent black;
        }

    .orbit-container:hover .orbit-timer > span {
        display: block;
    }

    .orbit-container .orbit-prev,
    .orbit-container .orbit-next {
        position: absolute;
        top: 50%;
        margin-top: -25px;
        background-color: black;
        background-color: rgba(0, 0, 0, 0.6);
        width: 50px;
        height: 60px;
        line-height: 50px;
        color: white;
        text-indent: -9999px !important;
    }

        .orbit-container .orbit-prev > span,
        .orbit-container .orbit-next > span {
            position: absolute;
            top: 50%;
            margin-top: -16px;
            display: block;
            width: 0;
            height: 0;
            border: inset 16px;
        }

    .orbit-container .orbit-prev {
        left: 0;
    }

        .orbit-container .orbit-prev > span {
            border-right-style: solid;
            border-color: transparent;
            border-right-color: #fff;
        }

        .orbit-container .orbit-prev:hover > span {
            border-right-color: #ccc;
        }

    .orbit-container .orbit-next {
        right: 0;
    }

        .orbit-container .orbit-next > span {
            border-color: transparent;
            border-left-style: solid;
            border-left-color: #fff;
            left: 50%;
            margin-left: -8px;
        }

        .orbit-container .orbit-next:hover > span {
            border-left-color: #ccc;
        }

.orbit-bullets {
    margin: 0 auto 30px auto;
    overflow: hidden;
    position: relative;
    top: 10px;
}

    .orbit-bullets li {
        display: block;
        width: 18px;
        height: 18px;
        background: #999999;
        float: left;
        margin-right: 6px;
        border: solid 2px #222222;
        -webkit-border-radius: 1000px;
        border-radius: 1000px;
    }

        .orbit-bullets li.active {
            background: #222222;
        }

        .orbit-bullets li:last-child {
            margin-right: 0;
        }

.touch .orbit-container .orbit-prev,
.touch .orbit-container .orbit-next {
    display: none;
}

.touch .orbit-bullets {
    display: none;
}

@media only screen and (min-width: 700px) {
    .touch .orbit-container .orbit-prev,
    .touch .orbit-container .orbit-next {
        display: inherit;
    }

    .touch .orbit-bullets {
        display: block;
    }
}

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: black;
    background: rgba(0, 0, 0, 0.45);
    z-index: 98;
    display: none;
    top: 0;
    left: 0;
}

.reveal-modal {
    visibility: hidden;
    display: none;
    position: absolute;
    left: 50%;
    z-index: 99;
    height: auto;
    background-color: #fff;
    margin-left: -40%;
    width: 80%;
    background-color: white;
    padding: 1.25em;
    border: solid 1px #666666;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    top: 50px;
}

    .reveal-modal .column,
    .reveal-modal .columns {
        min-width: 0;
    }

    .reveal-modal > :first-child {
        margin-top: 0;
    }

    .reveal-modal > :last-child {
        margin-bottom: 0;
    }

    .reveal-modal .close-reveal-modal {
        font-size: 1.375em;
        line-height: 1;
        position: absolute;
        top: 0.5em;
        right: 0.6875em;
        color: #aaaaaa;
        font-weight: bold;
        cursor: pointer;
    }

@media only screen and (min-width: 700px) {
    .reveal-modal {
        padding: 1.875em;
        top: 6.25em;
    }

        .reveal-modal.tiny {
            margin-left: -15%;
            width: 30%;
        }

        .reveal-modal.small {
            margin-left: -20%;
            width: 40%;
        }

        .reveal-modal.medium {
            margin-left: -30%;
            width: 60%;
        }

        .reveal-modal.large {
            margin-left: -35%;
            width: 70%;
        }

        .reveal-modal.xlarge {
            margin-left: -47.5%;
            width: 95%;
        }
}

@media print {
    .reveal-modal {
        background: white !important;
    }
}
/* Foundation Joyride */
.joyride-list {
    display: none;
}

/* Default styles for the container */
.joyride-tip-guide {
    display: none;
    position: absolute;
    background: black;
    color: white;
    z-index: 101;
    top: 0;
    left: 2.5%;
    font-family: inherit;
    font-weight: normal;
    width: 95%;
}

.lt-ie9 .joyride-tip-guide {
    max-width: 800px;
    left: 50%;
    margin-left: -400px;
}

.joyride-content-wrapper {
    width: 100%;
    padding: 1.125em 1.25em 1.5em;
}

    .joyride-content-wrapper .button {
        margin-bottom: 0 !important;
    }

/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide .joyride-nub {
    display: block;
    position: absolute;
    left: 22px;
    width: 0;
    height: 0;
    border: inset 14px;
}

    .joyride-tip-guide .joyride-nub.top {
        border-top-style: solid;
        border-color: black;
        border-top-color: transparent !important;
        border-left-color: transparent !important;
        border-right-color: transparent !important;
        top: -28px;
    }

    .joyride-tip-guide .joyride-nub.bottom {
        border-bottom-style: solid;
        border-color: black !important;
        border-bottom-color: transparent !important;
        border-left-color: transparent !important;
        border-right-color: transparent !important;
        bottom: -28px;
    }

    .joyride-tip-guide .joyride-nub.right {
        right: -28px;
    }

    .joyride-tip-guide .joyride-nub.left {
        left: -28px;
    }

/* Typography */
.joyride-tip-guide h1,
.joyride-tip-guide h2,
.joyride-tip-guide h3,
.joyride-tip-guide h4,
.joyride-tip-guide h5,
.joyride-tip-guide h6 {
    line-height: 1.25;
    margin: 0;
    font-weight: bold;
    color: white;
}

.joyride-tip-guide p {
    margin: 0 0 1.125em 0;
    font-size: 0.875em;
    line-height: 1.3;
}

.joyride-timer-indicator-wrap {
    width: 50px;
    height: 3px;
    border: solid 1px #555555;
    position: absolute;
    right: 1.0625em;
    bottom: 1em;
}

.joyride-timer-indicator {
    display: block;
    width: 0;
    height: inherit;
    background: #666666;
}

.joyride-close-tip {
    position: absolute;
    right: 12px;
    top: 10px;
    color: #777777 !important;
    text-decoration: none;
    font-size: 30px;
    font-weight: normal;
    line-height: 0.5 !important;
}

    .joyride-close-tip:hover, .joyride-close-tip:focus {
        color: #eeeeee !important;
    }

.joyride-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: transparent;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
    cursor: pointer;
}

.joyride-expose-wrapper {
    background-color: #ffffff;
    position: absolute;
    border-radius: 3px;
    z-index: 102;
    -moz-box-shadow: 0px 0px 30px white;
    -webkit-box-shadow: 0px 0px 15px white;
    box-shadow: 0px 0px 15px white;
}

.joyride-expose-cover {
    background: transparent;
    border-radius: 3px;
    position: absolute;
    z-index: 9999;
    top: 0px;
    left: 0px;
}

/* Styles for screens that are atleast 700px; */
@media only screen and (min-width: 700px) {
    .joyride-tip-guide {
        width: 300px;
        left: inherit;
    }

        .joyride-tip-guide .joyride-nub.bottom {
            border-color: black !important;
            border-bottom-color: transparent !important;
            border-left-color: transparent !important;
            border-right-color: transparent !important;
            bottom: -28px;
        }

        .joyride-tip-guide .joyride-nub.right {
            border-color: black !important;
            border-top-color: transparent !important;
            border-right-color: transparent !important;
            border-bottom-color: transparent !important;
            top: 22px;
            left: auto;
            right: -28px;
        }

        .joyride-tip-guide .joyride-nub.left {
            border-color: black !important;
            border-top-color: transparent !important;
            border-left-color: transparent !important;
            border-bottom-color: transparent !important;
            top: 22px;
            left: -28px;
            right: auto;
        }
}
/* Clearing Styles */
[data-clearing] {
    *zoom: 1;
    margin-bottom: 0;
    list-style: none;
}

    [data-clearing]:before, [data-clearing]:after {
        content: " ";
        display: table;
    }

    [data-clearing]:after {
        clear: both;
    }

    [data-clearing] li {
        float: left;
        margin-right: 10px;
    }

.clearing-blackout {
    background: #111111;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 998;
}

    .clearing-blackout .clearing-close {
        display: block;
    }

.clearing-container {
    position: relative;
    z-index: 998;
    height: 100%;
    overflow: hidden;
    margin: 0;
}

.visible-img {
    height: 95%;
    position: relative;
}

    .visible-img img {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -50%;
        max-height: 100%;
        max-width: 100%;
    }

.clearing-caption {
    color: white;
    line-height: 1.3;
    margin-bottom: 0;
    text-align: center;
    bottom: 0;
    background: #111111;
    width: 100%;
    padding: 10px 30px;
    position: absolute;
    left: 0;
}

.clearing-close {
    z-index: 999;
    padding-left: 20px;
    padding-top: 10px;
    font-size: 40px;
    line-height: 1;
    color: white;
    display: none;
}

    .clearing-close:hover, .clearing-close:focus {
        color: #ccc;
    }

.clearing-assembled .clearing-container {
    height: 100%;
}

    .clearing-assembled .clearing-container .carousel > ul {
        display: none;
    }

@media only screen and (min-width: 700px) {
    .clearing-main-prev,
    .clearing-main-next {
        position: absolute;
        height: 100%;
        width: 40px;
        top: 0;
    }

        .clearing-main-prev > span,
        .clearing-main-next > span {
            position: absolute;
            top: 50%;
            display: block;
            width: 0;
            height: 0;
            border: solid 16px;
        }

    .clearing-main-prev {
        left: 0;
    }

        .clearing-main-prev > span {
            left: 5px;
            border-color: transparent;
            border-right-color: white;
        }

    .clearing-main-next {
        right: 0;
    }

        .clearing-main-next > span {
            border-color: transparent;
            border-left-color: white;
        }

        .clearing-main-prev.disabled,
        .clearing-main-next.disabled {
            opacity: 0.5;
        }

    .clearing-feature ~ li {
        display: none;
    }

    .clearing-assembled .clearing-container .carousel {
        background: #111111;
        height: 150px;
        margin-top: 5px;
    }

        .clearing-assembled .clearing-container .carousel > ul {
            display: block;
            z-index: 999;
            width: 200%;
            height: 100%;
            margin-left: 0;
            position: relative;
            left: 0;
        }

            .clearing-assembled .clearing-container .carousel > ul li {
                display: block;
                width: 175px;
                height: inherit;
                padding: 0;
                float: left;
                overflow: hidden;
                margin-right: 1px;
                position: relative;
                cursor: pointer;
                opacity: 0.4;
            }

                .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
                    min-height: 100%;
                    height: 100%;
                    max-width: none;
                }

                .clearing-assembled .clearing-container .carousel > ul li a.th {
                    border: none;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                    display: block;
                }

                .clearing-assembled .clearing-container .carousel > ul li img {
                    cursor: pointer !important;
                    min-width: 100% !important;
                }

                .clearing-assembled .clearing-container .carousel > ul li.visible {
                    opacity: 1;
                }

    .clearing-assembled .clearing-container .visible-img {
        background: #111111;
        overflow: hidden;
        height: 75%;
    }

    .clearing-close {
        position: absolute;
        top: 10px;
        right: 20px;
        padding-left: 0;
        padding-top: 0;
    }
}
/* Foundation Alerts */
.alert-box {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-weight: normal;
    margin-bottom: 1.25em;
    position: relative;
    padding: 0.6875em 1.3125em 0.75em 0.6875em;
    font-size: 0.875em;
    background-color: #125397;
    border-color: #13589f;
    color: white;
}

    .alert-box .close {
        font-size: 1.375em;
        padding: 5px 4px 4px;
        line-height: 0;
        position: absolute;
        top: 0.4375em;
        right: 0.3125em;
        color: #333333;
        opacity: 0.3;
    }

        .alert-box .close:hover, .alert-box .close:focus {
            opacity: 0.5;
        }

    .alert-box.radius {
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .alert-box.round {
        -webkit-border-radius: 1000px;
        border-radius: 1000px;
    }

    .alert-box.success {
        background-color: #41ab20;
        border-color: #318018;
        color: white;
    }

    .alert-box.alert {
        background-color: #d25246;
        border-color: #b8392d;
        color: white;
    }

    .alert-box.secondary {
        background-color: #bdbdbd;
        border-color: #a4a4a4;
        color: #242424;
    }

/* Breadcrumbs */
.breadcrumbs {
    display: block;
    padding: 0.5625em 0.875em 0.5625em;
    overflow: hidden;
    margin-left: 0;
    list-style: none;
    border-style: solid;
    border-width: 1px;
    background-color: #cacaca;
    border-color: #b0b0b0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .breadcrumbs > * {
        margin: 0;
        float: left;
        font-size: 0.6875em;
        text-transform: uppercase;
        color: #125397;
    }

        .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
            text-decoration: underline;
        }

        .breadcrumbs > * a,
        .breadcrumbs > * span {
            text-transform: uppercase;
            color: #125397;
        }

        .breadcrumbs > *.current {
            cursor: default;
            color: #333333;
        }

            .breadcrumbs > *.current a {
                cursor: default;
                color: #333333;
            }

            .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
                text-decoration: none;
            }

        .breadcrumbs > *.unavailable {
            color: #999999;
        }

            .breadcrumbs > *.unavailable a {
                color: #999999;
            }

                .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
                .breadcrumbs > *.unavailable a:focus {
                    text-decoration: none;
                    color: #999999;
                    cursor: default;
                }

        .breadcrumbs > *:before {
            content: "/";
            color: #aaaaaa;
            margin: 0 0.75em;
            position: relative;
            top: 1px;
        }

        .breadcrumbs > *:first-child:before {
            content: " ";
            margin: 0;
        }

/* Keystroke Characters */
.keystroke,
kbd {
    background-color: #ededed;
    border-color: #dbdbdb;
    color: #222222;
    border-style: solid;
    border-width: 1px;
    margin: 0;
    font-family: "Consolas", "Menlo", "Courier", monospace;
    font-size: 0.9375em;
    padding: 0.125em 0.25em 0em;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* Labels */
.label {
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    padding: 0.1875em 0.625em 0.25em;
    font-size: 0.875em;
    background-color: #125397;
    color: white;
}

    .label.radius {
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .label.round {
        -webkit-border-radius: 1000px;
        border-radius: 1000px;
    }

    .label.alert {
        background-color: #d25246;
        color: white;
    }

    .label.success {
        background-color: #41ab20;
        color: white;
    }

    .label.secondary {
        background-color: #bdbdbd;
        color: #333333;
    }

/* Inline Lists */
.inline-list {
    margin: 0 auto 1.0625em auto;
    margin-left: -1.375em;
    margin-right: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

    .inline-list > li {
        list-style: none;
        float: left;
        margin-left: 1.375em;
        display: block;
    }

        .inline-list > li > * {
            display: block;
        }

/* Pagination */
.pagination {
    display: block;
    height: 1.5em;
    margin-left: -0.3125em;
}

    .pagination li {
        display: block;
        float: left;
        height: 1.5em;
        color: #222222;
        font-size: 0.875em;
        margin-left: 0.3125em;
    }

        .pagination li a {
            display: block;
            padding: 0.0625em 0.4375em 0.0625em;
            color: #999999;
        }

            .pagination li:hover a,
            .pagination li a:focus {
                background: #e6e6e6;
            }

        .pagination li.unavailable a {
            cursor: default;
            color: #999999;
        }

            .pagination li.unavailable:hover a, .pagination li.unavailable a:focus {
                background: transparent;
            }

        .pagination li.current a {
            background: #125397;
            color: white;
            font-weight: bold;
            cursor: default;
        }

            .pagination li.current a:hover, .pagination li.current a:focus {
                background: #125397;
            }

.pagination-centered {
    text-align: center;
}

    .pagination-centered ul > li {
        float: none;
        display: inline-block;
    }

/* Panels */
.panel {
    border-style: solid;
    border-width: 1px;
    border-color: #d9d9d9;
    margin-bottom: 1.25em;
    padding: 1.25em;
    background: #f2f2f2;
}

    .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
        color: #333333;
    }

    .panel > :first-child {
        margin-top: 0;
    }

    .panel > :last-child {
        margin-bottom: 0;
    }

    .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
        line-height: 1;
        margin-bottom: 0.625em;
    }

        .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
            line-height: 1.4;
        }

    .panel.callout {
        border-style: solid;
        border-width: 1px;
        border-color: #0d3a69;
        margin-bottom: 1.25em;
        padding: 1.25em;
        background: #125397;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    }

        .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p {
            color: white;
        }

        .panel.callout > :first-child {
            margin-top: 0;
        }

        .panel.callout > :last-child {
            margin-bottom: 0;
        }

        .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
            line-height: 1;
            margin-bottom: 0.625em;
        }

            .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
                line-height: 1.4;
            }

    .panel.radius {
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

/* Pricing Tables */
.pricing-table {
    border: solid 1px #dddddd;
    margin-left: 0;
    margin-bottom: 1.25em;
}

    .pricing-table * {
        list-style: none;
        line-height: 1;
    }

    .pricing-table .title {
        background-color: #dddddd;
        padding: 0.9375em 1.25em;
        text-align: center;
        color: #333333;
        font-weight: bold;
        font-size: 1em;
    }

    .pricing-table .price {
        background-color: #eeeeee;
        padding: 0.9375em 1.25em;
        text-align: center;
        color: #333333;
        font-weight: normal;
        font-size: 1.25em;
    }

    .pricing-table .description {
        background-color: white;
        padding: 0.9375em;
        text-align: center;
        color: #777777;
        font-size: 0.75em;
        font-weight: normal;
        line-height: 1.4;
        border-bottom: dotted 1px #dddddd;
    }

    .pricing-table .bullet-item {
        background-color: white;
        padding: 0.9375em;
        text-align: center;
        color: #333333;
        font-size: 0.875em;
        font-weight: normal;
        border-bottom: dotted 1px #dddddd;
    }

    .pricing-table .cta-button {
        background-color: whitesmoke;
        text-align: center;
        padding: 1.25em 1.25em 0;
    }

/* Progress Bar */
.progress {
    background-color: transparent;
    height: 1.5625em;
    border: 1px solid #cccccc;
    padding: 0.125em;
    margin-bottom: 0.625em;
}

    .progress .meter {
        background: #125397;
        height: 100%;
        display: block;
    }

    .progress.secondary .meter {
        background: #bdbdbd;
        height: 100%;
        display: block;
    }

    .progress.success .meter {
        background: #41ab20;
        height: 100%;
        display: block;
    }

    .progress.alert .meter {
        background: #d25246;
        height: 100%;
        display: block;
    }

    .progress.radius {
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

        .progress.radius .meter {
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }

    .progress.round {
        -webkit-border-radius: 1000px;
        border-radius: 1000px;
    }

        .progress.round .meter {
            -webkit-border-radius: 999px;
            border-radius: 999px;
        }

/* Side Nav */
.side-nav {
    display: block;
    margin: 0;
    padding: 0.875em 0;
    list-style-type: none;
    list-style-position: inside;
}

    .side-nav li {
        margin: 0 0 0.4375em 0;
        font-size: 0.875em;
    }

        .side-nav li a {
            display: block;
            color: #125397;
        }

        .side-nav li.active > a:first-child {
            color: #4d4d4d;
            font-weight: bold;
        }

        .side-nav li.divider {
            border-top: 1px solid;
            height: 0;
            padding: 0;
            list-style: none;
            border-top-color: #e6e6e6;
        }

/* Side Nav */
.sub-nav {
    display: block;
    width: auto;
    overflow: hidden;
    margin: -0.25em 0 1.125em;
    padding-top: 0.25em;
    margin-right: 0;
    margin-left: -0.5625em;
}

    .sub-nav dt,
    .sub-nav dd {
        float: left;
        display: inline;
        margin-left: 0.5625em;
        margin-bottom: 0.625em;
        font-weight: normal;
        font-size: 0.875em;
    }

        .sub-nav dt a,
        .sub-nav dd a {
            color: #999999;
            text-decoration: none;
        }

        .sub-nav dt.active a,
        .sub-nav dd.active a {
            -webkit-border-radius: 1000px;
            border-radius: 1000px;
            font-weight: bold;
            background: #125397;
            padding: 0.1875em 0.5625em;
            cursor: default;
            color: white;
        }

/* Foundation Switches */
@media only screen {
    div.switch {
        position: relative;
        width: 100%;
        padding: 0;
        display: block;
        overflow: hidden;
        border-style: solid;
        border-width: 1px;
        margin-bottom: 1.25em;
        -webkit-animation: webkitSiblingBugfix infinite 1s;
        height: 36px;
        background: white;
        border-color: #cccccc;
    }

        div.switch label {
            position: relative;
            left: 0;
            z-index: 2;
            float: left;
            width: 50%;
            height: 100%;
            margin: 0;
            font-weight: bold;
            text-align: left;
            -webkit-transition: all 0.1s ease-out;
            -moz-transition: all 0.1s ease-out;
            transition: all 0.1s ease-out;
        }

        div.switch input {
            position: absolute;
            z-index: 3;
            opacity: 0;
            width: 100%;
            height: 100%;
            -moz-appearance: none;
        }

            div.switch input:hover, div.switch input:focus {
                cursor: pointer;
            }

        div.switch > span {
            position: absolute;
            top: -1px;
            left: -1px;
            z-index: 1;
            display: block;
            padding: 0;
            border-width: 1px;
            border-style: solid;
            -webkit-transition: all 0.1s ease-out;
            -moz-transition: all 0.1s ease-out;
            transition: all 0.1s ease-out;
        }

        div.switch input:not(:checked) + label {
            opacity: 0;
        }

        div.switch input:checked {
            display: none !important;
        }

        div.switch input {
            left: 0;
            display: block !important;
        }

            div.switch input:first-of-type + label,
            div.switch input:first-of-type + span + label {
                left: -50%;
            }

            div.switch input:first-of-type:checked + label,
            div.switch input:first-of-type:checked + span + label {
                left: 0%;
            }

            div.switch input:last-of-type + label,
            div.switch input:last-of-type + span + label {
                right: -50%;
                left: auto;
                text-align: right;
            }

            div.switch input:last-of-type:checked + label,
            div.switch input:last-of-type:checked + span + label {
                right: 0%;
                left: auto;
            }

        div.switch span.custom {
            display: none !important;
        }

        div.switch label {
            padding: 0 0.375em;
            line-height: 2.3em;
            font-size: 0.875em;
        }

        div.switch input:first-of-type:checked ~ span {
            left: 100%;
            margin-left: -2.1875em;
        }

        div.switch > span {
            width: 2.25em;
            height: 2.25em;
        }

        div.switch > span {
            border-color: #b3b3b3;
            background: white;
            background: -moz-linear-gradient(top, white 0%, #f2f2f2 100%);
            background: -webkit-linear-gradient(top, white 0%, #f2f2f2 100%);
            background: linear-gradient(to bottom, white 0%, #f2f2f2 100%);
            -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #dcf7d3, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke;
            box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #dcf7d3, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke;
        }

        div.switch:hover > span, div.switch:focus > span {
            background: white;
            background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%);
            background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%);
            background: linear-gradient(to bottom, white 0%, #e6e6e6 100%);
        }

        div.switch:active {
            background: transparent;
        }

        div.switch.large {
            height: 44px;
        }

            div.switch.large label {
                padding: 0 0.375em;
                line-height: 2.3em;
                font-size: 1.0625em;
            }

            div.switch.large input:first-of-type:checked ~ span {
                left: 100%;
                margin-left: -2.6875em;
            }

            div.switch.large > span {
                width: 2.75em;
                height: 2.75em;
            }

        div.switch.small {
            height: 28px;
        }

            div.switch.small label {
                padding: 0 0.375em;
                line-height: 2.1em;
                font-size: 0.75em;
            }

            div.switch.small input:first-of-type:checked ~ span {
                left: 100%;
                margin-left: -1.6875em;
            }

            div.switch.small > span {
                width: 1.75em;
                height: 1.75em;
            }

        div.switch.tiny {
            height: 22px;
        }

            div.switch.tiny label {
                padding: 0 0.375em;
                line-height: 1.9em;
                font-size: 0.6875em;
            }

            div.switch.tiny input:first-of-type:checked ~ span {
                left: 100%;
                margin-left: -1.3125em;
            }

            div.switch.tiny > span {
                width: 1.375em;
                height: 1.375em;
            }

        div.switch.radius {
            -webkit-border-radius: 4px;
            border-radius: 4px;
        }

            div.switch.radius > span {
                -webkit-border-radius: 3px;
                border-radius: 3px;
            }

        div.switch.round {
            -webkit-border-radius: 1000px;
            border-radius: 1000px;
        }

            div.switch.round > span {
                -webkit-border-radius: 999px;
                border-radius: 999px;
            }

            div.switch.round label {
                padding: 0 0.5625em;
            }

    @-webkit-keyframes webkitSiblingBugfix {
        from {
            position: relative;
        }

        to {
            position: relative;
        }
    }
}

[data-magellan-expedition] {
    background: white;
    z-index: 50;
    min-width: 100%;
    padding: 10px;
}

    [data-magellan-expedition] .sub-nav {
        margin-bottom: 0;
    }

        [data-magellan-expedition] .sub-nav dd {
            margin-bottom: 0;
        }

/* Tables */
table {
    background: white;
    margin-bottom: 1.25em;
    border: solid 1px #dddddd;
}

    table thead,
    table tfoot {
        background: whitesmoke;
        font-weight: bold;
    }

        table thead tr th,
        table thead tr td,
        table tfoot tr th,
        table tfoot tr td {
            padding: 0.5em 0.625em 0.625em;
            font-size: 0.875em;
            color: #222222;
            text-align: left;
        }

    table tr th,
    table tr td {
        padding: 0.5625em 0.625em;
        font-size: 0.875em;
        color: #222222;
    }

    table tr.even, table tr.alt, table tr:nth-of-type(even) {
        background: #f9f9f9;
    }

    table thead tr th,
    table tfoot tr th,
    table tbody tr td,
    table tr td,
    table tfoot tr td {
        display: table-cell;
        line-height: 1.125em;
    }

/* Image Thumbnails */
.th {
    line-height: 0;
    display: inline-block;
    border: solid 4px white;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

    .th:hover, .th:focus {
        -webkit-box-shadow: 0 0 6px 1px rgba(18, 83, 151, 0.5);
        box-shadow: 0 0 6px 1px rgba(18, 83, 151, 0.5);
    }

    .th.radius {
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

a.th {
    display: block;
}

/* Tooltips */
.has-tip {
    border-bottom: dotted 1px #cccccc;
    cursor: help;
    font-weight: bold;
    color: #333333;
}

    .has-tip:hover, .has-tip:focus {
        border-bottom: dotted 1px #07213c;
        color: #125397;
    }

    .has-tip.tip-left, .has-tip.tip-right {
        float: none !important;
    }

.tooltip {
    display: none;
    position: absolute;
    z-index: 999;
    font-weight: bold;
    font-size: 0.9375em;
    line-height: 1.3;
    padding: 0.5em;
    max-width: 85%;
    left: 50%;
    width: 100%;
    color: white;
    background: black;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .tooltip > .nub {
        display: block;
        left: 5px;
        position: absolute;
        width: 0;
        height: 0;
        border: solid 5px;
        border-color: transparent transparent black transparent;
        top: -10px;
    }

    .tooltip.opened {
        color: #125397 !important;
        border-bottom: dotted 1px #07213c !important;
    }

.tap-to-close {
    display: block;
    font-size: 0.625em;
    color: #888888;
    font-weight: normal;
}

@media only screen and (min-width: 700px) {
    .tooltip > .nub {
        border-color: transparent transparent black transparent;
        top: -10px;
    }

    .tooltip.tip-top > .nub {
        border-color: black transparent transparent transparent;
        top: auto;
        bottom: -10px;
    }

    .tooltip.tip-left, .tooltip.tip-right {
        float: none !important;
    }

        .tooltip.tip-left > .nub {
            border-color: transparent transparent transparent black;
            right: -10px;
            left: auto;
            top: 50%;
            margin-top: -5px;
        }

        .tooltip.tip-right > .nub {
            border-color: transparent black transparent transparent;
            right: auto;
            left: -10px;
            top: 50%;
            margin-top: -5px;
        }
}

@media only screen and (max-width: 699px) {
    .f-dropdown {
        max-width: 100%;
        left: 0;
    }
}
/* Foundation Dropdowns */
.f-dropdown {
    position: absolute;
    top: -9999px;
    list-style: none;
    padding: 1.25em;
    width: 100%;
    height: auto;
    max-height: none;
    background: white;
    border: solid 1px #cccccc;
    font-size: 16px;
    z-index: 99;
    margin-top: 2px;
    max-width: 200px;
}

    .f-dropdown *:first-child {
        margin-top: 0;
    }

    .f-dropdown *:last-child {
        margin-bottom: 0;
    }

    .f-dropdown:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        border-color: transparent transparent white transparent;
        border-bottom-style: solid;
        position: absolute;
        top: -12px;
        left: 10px;
        z-index: 99;
    }

    .f-dropdown:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 7px;
        border-color: transparent transparent #cccccc transparent;
        border-bottom-style: solid;
        position: absolute;
        top: -14px;
        left: 9px;
        z-index: 98;
    }

    .f-dropdown.right:before {
        left: auto;
        right: 10px;
    }

    .f-dropdown.right:after {
        left: auto;
        right: 9px;
    }

    .f-dropdown li {
        font-size: 0.875em;
        cursor: pointer;
        line-height: 1.125em;
        margin: 0;
    }

        .f-dropdown li:hover, .f-dropdown li:focus {
            background: #eeeeee;
        }

        .f-dropdown li a {
            display: block;
            padding: 0.3125em 0.625em;
            color: #555555;
        }

    .f-dropdown.content {
        position: absolute;
        top: -9999px;
        list-style: none;
        padding: 1.25em;
        width: 100%;
        height: auto;
        max-height: none;
        background: white;
        border: solid 1px #cccccc;
        font-size: 16px;
        z-index: 99;
        max-width: 200px;
    }

        .f-dropdown.content *:first-child {
            margin-top: 0;
        }

        .f-dropdown.content *:last-child {
            margin-bottom: 0;
        }

    .f-dropdown.tiny {
        max-width: 200px;
    }

    .f-dropdown.small {
        max-width: 300px;
    }

    .f-dropdown.medium {
        max-width: 500px;
    }

    .f-dropdown.large {
        max-width: 800px;
    }

a i {
    margin-right: 5px;
}

.summary {
    min-height: 45px;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.d-flex {
    display: flex;
}

.align-items-center {
    align-items: center
}
// New grid containing medium styles
/* Grid HTML Classes */
.row {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5em;
  width: 100%;
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse .column,
  .row.collapse .columns {
    padding-left: 0;
    padding-right: 0;
    float: left; }
  .row .row {
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    max-width: none;
    width: auto;
    *zoom: 1; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      margin-left: 0;
      margin-right: 0;
      max-width: none;
      width: auto;
      *zoom: 1; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  width: 100%;
  float: left;
  position: relative; }

@media only screen {
  .small-1 {
    width: 8.33333%; }

  .small-2 {
    width: 16.66667%; }

  .small-3 {
    width: 25%; }

  .small-4 {
    width: 33.33333%; }

  .small-5 {
    width: 41.66667%; }

  .small-6 {
    width: 50%; }

  .small-7 {
    width: 58.33333%; }

  .small-8 {
    width: 66.66667%; }

  .small-9 {
    width: 75%; }

  .small-10 {
    width: 83.33333%; }

  .small-11 {
    width: 91.66667%; }

  .small-12 {
    width: 100%; }

  .small-offset-0 {
    margin-left: 0%; }

  .small-offset-1 {
    margin-left: 8.33333%; }

  .small-offset-2 {
    margin-left: 16.66667%; }

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

  .small-offset-4 {
    margin-left: 33.33333%; }

  .small-offset-5 {
    margin-left: 41.66667%; }

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

  .small-offset-7 {
    margin-left: 58.33333%; }

  .small-offset-8 {
    margin-left: 66.66667%; }

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

  .small-offset-10 {
    margin-left: 83.33333%; }

  [class*="column"] + [class*="column"]:last-child {
    float: right; }

  [class*="column"] + [class*="column"].end {
    float: left; }

  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important; } }
@media only screen and (min-width: 640px) {
  .medium-1 {
    width: 8.33333%; }

  .medium-2 {
    width: 16.66667%; }

  .medium-3 {
    width: 25%; }

  .medium-4 {
    width: 33.33333%; }

  .medium-5 {
    width: 41.66667%; }

  .medium-6 {
    width: 50%; }

  .medium-7 {
    width: 58.33333%; }

  .medium-8 {
    width: 66.66667%; }

  .medium-9 {
    width: 75%; }

  .medium-10 {
    width: 83.33333%; }

  .medium-11 {
    width: 91.66667%; }

  .medium-12 {
    width: 100%; }

  .medium-offset-0 {
    margin-left: 0%; }

  .medium-offset-1 {
    margin-left: 8.33333%; }

  .medium-offset-2 {
    margin-left: 16.66667%; }

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

  .medium-offset-4 {
    margin-left: 33.33333%; }

  .medium-offset-5 {
    margin-left: 41.66667%; }

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

  .medium-offset-7 {
    margin-left: 58.33333%; }

  .medium-offset-8 {
    margin-left: 66.66667%; }

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

  .medium-offset-10 {
    margin-left: 83.33333%; }

  .medium-offset-11 {
    margin-left: 91.66667%; }

  .medium-push-1 {
    left: 8.33333%;
    right: auto; }

  .medium-pull-1 {
    right: 8.33333%;
    left: auto; }

  .medium-push-2 {
    left: 16.66667%;
    right: auto; }

  .medium-pull-2 {
    right: 16.66667%;
    left: auto; }

  .medium-push-3 {
    left: 25%;
    right: auto; }

  .medium-pull-3 {
    right: 25%;
    left: auto; }

  .medium-push-4 {
    left: 33.33333%;
    right: auto; }

  .medium-pull-4 {
    right: 33.33333%;
    left: auto; }

  .medium-push-5 {
    left: 41.66667%;
    right: auto; }

  .medium-pull-5 {
    right: 41.66667%;
    left: auto; }

  .medium-push-6 {
    left: 50%;
    right: auto; }

  .medium-pull-6 {
    right: 50%;
    left: auto; }

  .medium-push-7 {
    left: 58.33333%;
    right: auto; }

  .medium-pull-7 {
    right: 58.33333%;
    left: auto; }

  .medium-push-8 {
    left: 66.66667%;
    right: auto; }

  .medium-pull-8 {
    right: 66.66667%;
    left: auto; }

  .medium-push-9 {
    left: 75%;
    right: auto; }

  .medium-pull-9 {
    right: 75%;
    left: auto; }

  .medium-push-10 {
    left: 83.33333%;
    right: auto; }

  .medium-pull-10 {
    right: 83.33333%;
    left: auto; }

  .medium-push-11 {
    left: 91.66667%;
    right: auto; }

  .medium-pull-11 {
    right: 91.66667%;
    left: auto; }

  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important; }

  .column.medium-uncentered,
  .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; } }
@media only screen and (min-width: 1024px) {
  .large-1 {
    width: 8.33333%; }

  .large-2 {
    width: 16.66667%; }

  .large-3 {
    width: 25%; }

  .large-4 {
    width: 33.33333%; }

  .large-5 {
    width: 41.66667%; }

  .large-6 {
    width: 50%; }

  .large-7 {
    width: 58.33333%; }

  .large-8 {
    width: 66.66667%; }

  .large-9 {
    width: 75%; }

  .large-10 {
    width: 83.33333%; }

  .large-11 {
    width: 91.66667%; }

  .large-12 {
    width: 100%; }

  .large-offset-0 {
    margin-left: 0%; }

  .large-offset-1 {
    margin-left: 8.33333%; }

  .large-offset-2 {
    margin-left: 16.66667%; }

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

  .large-offset-4 {
    margin-left: 33.33333%; }

  .large-offset-5 {
    margin-left: 41.66667%; }

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

  .large-offset-7 {
    margin-left: 58.33333%; }

  .large-offset-8 {
    margin-left: 66.66667%; }

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

  .large-offset-10 {
    margin-left: 83.33333%; }

  .large-offset-11 {
    margin-left: 91.66667%; }

  .large-push-1 {
    left: 8.33333%;
    right: auto; }

  .large-pull-1 {
    right: 8.33333%;
    left: auto; }

  .large-push-2 {
    left: 16.66667%;
    right: auto; }

  .large-pull-2 {
    right: 16.66667%;
    left: auto; }

  .large-push-3 {
    left: 25%;
    right: auto; }

  .large-pull-3 {
    right: 25%;
    left: auto; }

  .large-push-4 {
    left: 33.33333%;
    right: auto; }

  .large-pull-4 {
    right: 33.33333%;
    left: auto; }

  .large-push-5 {
    left: 41.66667%;
    right: auto; }

  .large-pull-5 {
    right: 41.66667%;
    left: auto; }

  .large-push-6 {
    left: 50%;
    right: auto; }

  .large-pull-6 {
    right: 50%;
    left: auto; }

  .large-push-7 {
    left: 58.33333%;
    right: auto; }

  .large-pull-7 {
    right: 58.33333%;
    left: auto; }

  .large-push-8 {
    left: 66.66667%;
    right: auto; }

  .large-pull-8 {
    right: 66.66667%;
    left: auto; }

  .large-push-9 {
    left: 75%;
    right: auto; }

  .large-pull-9 {
    right: 75%;
    left: auto; }

  .large-push-10 {
    left: 83.33333%;
    right: auto; }

  .large-pull-10 {
    right: 83.33333%;
    left: auto; }

  .large-push-11 {
    left: 91.66667%;
    right: auto; }

  .large-pull-11 {
    right: 91.66667%;
    left: auto; }

  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important; }

  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; } }

.p-lr-2p {
    padding-left: 2%;
    padding-right: 2%;
}

.m-b-1em {
    margin-bottom: 1em!important;
}

.ui-accordion-content {
    height: auto !important;
}
/*
 *	main.css
 *	varsion: 1.0 (2013-05-07)
 */
* {
    outline: 0;
}

a {
    text-decoration: none;
    color: #164f99;
}

    a:active {
        background: none;
    }

    a img {
        border: 0px;
    }

    a#logo img {
        margin: 15px;
    }

input[type="checkbox"] {
    display: none;
}

html, body {
    background: #ececea !important;
}

body, #wrapper {
}

#wrapper {
    overflow: hidden;
    padding-top: 110px;
}

.round-container {
    background: #FFF;
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 20px;
}

h1 {
    font-size: 1.5em;
    font-weight: bold !important;
}

    h1.on-grid {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 15px;
        float: left;
    }

.last-update-label {
    margin-left: 10px;
    margin-top: 6px;
    white-space: normal
}

#template-context-controls {
    clear: both;
    margin-left: 15px;
}

    #template-context-controls a {
        margin-right: 15px;
        float: left;
    }

#gridTemplateContextPanel input {
    margin-right: 10px;
}

input[type="checkbox"] + label span {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    background: url(/Content/themes/apster/images/check.png) -17px top no-repeat;
    cursor: pointer;
}

input[type="checkbox"]:checked + label span {
    background: url(/Content/themes/apster/images/check.png) center no-repeat;
}

input[type="checkbox"] + label span {
    padding: 0;
}

input[type="text"], input[type="password"], select {
    padding: 5px 10px;
}

input[type="text"], input[type="password"], input[type="checkbox"] + label span {
    border: 1px solid #cbcbcb;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

input[type="checkbox"].disabled + label span {
    background-color: #efefef !important;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    border: 1px solid #cbcbcb;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-appearance: textfield;
}

.error input[type="text"], .error input[type="password"], .error input[type="checkbox"],
input[type="text"].error, input[type="password"].error, input[type="checkbox"].error {
    border-color: #d25246;
    background-color: rgba(210, 82, 70, 0.1) !important;
}

td small.error {
    margin-top: -8px;
}

input[type="button"], input[type="submit"], button {
    top: 0px;
    right: 0px;
}
/* off - foundation is in use
	background-color: #164f99;
	border: 0px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	cursor: pointer;
}
input[type="button"]:hover, input[type="submit"]:hover, button:hover {
    background-color: #1f5fb1;
}
*/

input.spinner {
    width: 50px;
}

td input[type="text"], td input[type="password"], input.spinner, section .content td .button {
    margin-top: 5px;
    margin-bottom: 5px;
}

.ui-dialog .ui-dialog-content {
    width: 100%;
    height: 100%;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: none !important;
    background: none !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none !important;
    background: none !important;
}

ul.tabs-nav li a {
    outline: 0;
}

a.ui-spinner-button {
    cursor: pointer !important;
}

a:active.ui-spinner-button.ui-spinner-up.ui-corner-tr.ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-state-hover.ui-state-active {
    background: transparent !important;
}

.ui-spinner .ui-icon {
    /*margin-top: 0 !important;
    top: 8px !important;*/
    margin-top: -7px !important;
    left: 4px !important;
    height: 15px;
}

.ui-spinner a.ui-spinner-button {
    margin-right: 5px;
    background-color: transparent !important;
}

.ui-icon-triangle-1-n {
    background: transparent url(/Content/themes/apster/images/arrows-up-down.png) 0 6px no-repeat !important;
}

.ui-icon-triangle-1-s {
    background: transparent url(/Content/themes/apster/images/arrows-up-down.png) 0 -7px no-repeat !important;
}

a.ui-spinner-button:active {
    background-color: transparent !important;
}

.ui-widget-header {
    border: none !important;
    background: none !important;
}

.ui-state-default .ui-corner-top .ui-state-hover .ui-tabs-active .ui-state-active {
    height: 45px !important;
    border-top: 1px solid #d5d2cf !important;
    border-left: 1px solid #d5d2cf !important;
    border-right: 1px solid #d5d2cf !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background-color: #fff !important;
}

.ui-tabs .ui-tabs-panel {
    background-color: #fff !important;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(164, 156, 149, 1);
    box-shadow: 0px 1px 3px 0px rgba(164, 156, 149, 1);
    border-bottom-left-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    -webkit-border-bottom-left-radius: 2px !important;
    -webkit-border-bottom-right-radius: 2px !important;
    padding: 50px !important;
}

.ui-tabs .ui-tabs-nav li a {
    color: #074379 !important;
    outline: 0;
}

.tabs-description {
    padding: 7px !important;
}

.alertify-log {
    background: #fcfcfc !important;
    background: rgba(252, 252, 252, 1) !important;
    border: 4px solid #e1e8f2;
    border-collapse: separate;
    border-spacing: 0px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(164, 156, 149, 1);
    box-shadow: 0px 1px 3px 0px rgba(164, 156, 149, 1);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #171717 !important;
    text-shadow: none !important;
}

.alertify-log-error {
    background: #fcfcfc url(/Content/images/icon-alert.png) 10px no-repeat !important;
    padding-left: 51px !important;
    /*border-color: #D25246 !important;*/
}

.alertify-log-success {
    background: #fcfcfc url(/Content/images/icon-success.png) 10px no-repeat !important;
    padding-left: 51px !important;
    /*border-color: #41AB20 !important;*/
}

.brakiTemplate {
    background: rgba(255, 255, 0, 0.4);
}

.trudnoDostepneTemplate {
    background: rgba(47, 47, 157, 0.4);
}

.campaignTemplate {
    background: rgba(0,128,0,0.4);
}

#tabs {
    max-width: 1000px;
    margin: 0 auto;
}

#aktualnaHurtownia span {
    display: block;
    font-weight: bold;
    font-size: 24px;
}

tr.deleted {
    text-decoration: line-through;
}

#listaUzytkownikow table {
    border: none !important;
}

    #listaUzytkownikow table thead, #listaUzytkownikow table tfoot {
        background: none !important;
    }

    #listaUzytkownikow table tr {
        border-bottom: 1px solid #e3e3e3;
    }

.styled-select {
    height: 2em;
    /*background: #fff url(/Content/themes/apster/images/arrow-navy-select.png) no-repeat right;*/
    overflow: hidden !important;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #cbcbcb;
}

    .styled-select:after {
        bottom: 42px;
        content: "\f107";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        display: block;
        height: 0;
        width: 0px;
        left: 95%;
        margin-left: -15px;
        overflow: visible;
        position: relative;
        font-size: 20px;
        color: #009EE3;
        pointer-events: none;
    }

    .styled-select.small {
        width: 240px;
    }

    .styled-select.tiny {
        width: 80px;
    }

    .styled-select select {
        background: transparent;
        padding: 5px;
        font-size: 14px;
        border: 0;
        border-radius: 0;
        height: 34px;
        -webkit-appearance: none;
    }

        .styled-select select > button {
            visibility: hidden;
        }

.styled-file {
    background-color: #fff;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 34px;
    -webkit-appearance: none;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(164, 156, 149, 1) inset;
    box-shadow: 0px 1px 3px 0px rgba(164, 156, 149, 1) inset;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 250px !important;
}

#listaUzytkownikow table thead tr th, #listaUzytkownikow table tbody tr td {
    padding: 25px;
}

#listaUzytkownikow table thead tr th {
    font-weight: normal;
}

#listaUzytkownikow table tr td {
    font-size: 18px;
}

table {
    empty-cells: show;
}

    table.common {
        width: 100%;
        margin-bottom: 30px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border-collapse: separate;
        border-spacing: 0px;
        -webkit-box-shadow: 0px 1px 3px 0px rgba(164, 156, 149, 1);
        box-shadow: 0px 1px 3px 0px rgba(164, 156, 149, 1);
    }

        table.common thead th {
            padding: 10px !important;
            background-color: #f8f6f4;
            border-top: 2px solid #ffffff;
            border-bottom: 1px solid #ffc2a7 !important;
            font-weight: normal !important;
            font-size: 16px;
            color: #074379;
            text-align: center;
        }

        table.common tbody td {
            padding: 6px 15px;
            background-color: #ffffff !important;
            text-align: center;
            font-size: 16px;
            border-right: 1px dashed #dddddd;
        }

            table.common tbody td:last-child {
                border: none;
            }

            table.common tbody td span {
                text-align: left;
            }

        table.common tbody tr:nth-child(even) td {
            background-color: #f8f6f4 !important;
        }

        table.common tbody tr:last-child td:first-child {
            /* left bottom */
            -webkit-border-radius: 0px 0px 0px 3px;
            border-radius: 0px 0px 0px 3px;
        }

        table.common tbody tr:last-child td:last-child {
            /* right bottom */
            -webkit-border-radius: 0px 0px 3px 0px;
            border-radius: 0px 0px 3px 0px;
        }

        table.common thead tr:first-child th:first-child {
            /* left top */
            -webkit-border-radius: 3px 0px 0px 0px;
            border-radius: 3px 0px 0px 0px;
        }

        table.common thead tr:first-child th:last-child {
            /* right top */
            -webkit-border-radius: 0px 3px 0px 0px;
            border-radius: 0px 3px 0px 0px;
        }

.common-name {
    text-align: left !important;
}

.table-action {
    height: 28px;
}

table#data a.button.group {
    text-align: left;
    color: #333;
    margin: 2px 0;
    overflow: hidden;
}

table#data a.button.mapped, table#data a.button.secondary.mapped {
    background-color: #c2eeb5;
    border-color: #83c26f;
}

table#data a.button.group span {
    padding-left: 10px;
    display: inline-block;
}

table#data td .f-dropdown.group {
    text-align: left;
    padding: 0;
}

    table#data td .f-dropdown.group a {
        font-weight: normal;
        color: #333;
    }

#select-registration-type span {
    margin-bottom: 15px;
}

#select-registration-type div {
    padding: 15px;
}

    #select-registration-type div a {
        background: url(/Content/images/arrow-right-navy.png) no-repeat left;
        font-size: 18px;
        padding-left: 15px;
    }

button, .button {
    position: inherit;
}

    button.add-to-cart {
        display: inline-block;
        width: 60px;
        height: 27px;
        margin-left: 5px;
        background-color: #164F99;
        background-image: url(/Content/themes/apster/images/add-to-cart.png);
        background-repeat: no-repeat;
        background-position: 34px;
        border: 0px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        padding: 0 22px 0 0;
        color: #fff;
        font-weight: normal;
        top: 2px !important;
        position: relative;
    }

@-moz-document url-prefix() {
    button.add-to-cart {
        top: 4px !important;
        position: relative;
    }
}

button.add-to-cart:disabled {
    display: inline-block;
    width: 60px;
    height: 27px;
    margin-left: 5px;
    background-color: #bebebc !important;
    background-image: url(/Content/themes/apster/images/add-to-cart-disabled.png);
    background-repeat: no-repeat;
    background-position: 34px;
    border: 0px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 0 22px 0 0;
    color: #000 !important;
    opacity: 0.5 !important;
}

button.add-to-cart:hover {
    background-color: #1f5fb1;
}

button.remove-from-cart {
    display: inline-block;
    width: 39px;
    height: 27px;
    margin-left: 5px;
    background-color: #164F99;
    background-image: url(/Content/themes/apster/images/remove-from-cart.png);
    background-repeat: no-repeat;
    background-position: 8px 4px;
    border: 0px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 0 22px 0 0;
    color: #fff;
    text-indent: -9999px;
}

    button.remove-from-cart .disabled {
        background-color: #bebebc;
    }

    button.remove-from-cart:hover {
        background-color: #1f5fb1;
    }

button.view-package {
    display: inline-block;
    width: 39px;
    height: 27px;
    margin-left: 5px;
    background-color: #164F99;
    background-image: url(/Content/themes/apster/images/view-package.png);
    background-repeat: no-repeat;
    background-position: 8px 4px;
    border: 0px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 0 22px 0 0;
    color: #fff;
    text-indent: -9999px;
}

    button.view-package .disabled {
        background-color: #bebebc;
    }

    button.view-package:hover {
        background-color: #1f5fb1;
    }

button.edit-package {
    display: inline-block;
    width: 39px;
    height: 27px;
    margin-left: 5px;
    background-color: #164F99;
    background-image: url(/Content/themes/apster/images/edit-package.png);
    background-repeat: no-repeat;
    background-position: 8px 4px;
    border: 0px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 0 22px 0 0;
    color: #fff;
    text-indent: -9999px;
}

    button.edit-package .disabled {
        background-color: #bebebc;
    }

    button.edit-package:hover {
        background-color: #1f5fb1;
    }

button.add-to-template {
    width: 39px;
    height: 28px;
    display: inline-block;
    background-color: transparent !important;
    background-image: url(/Content/themes/apster/images/add-to-template.png);
    background-repeat: no-repeat;
    background-position: center;
    border: 0;
}

button.remove-from-template {
    width: 39px;
    height: 28px;
    display: inline-block;
    background-color: transparent !important;
    background-image: url(/Content/themes/apster/images/remove-from-template.png);
    background-repeat: no-repeat;
    background-position: center;
    border: 0;
}

    button.add-to-cart:active, button.add-to-template:active, button.remove-from-template:active {
        border: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    button.add-to-template .disabled, button.remove-from-template .disabled {
        opacity: 0.5;
    }

input.spinner.disabled {
    background-color: #dddddd !important;
    color: #000;
    font-weight: bold;
}

.tooltip {
    color: #fff !important;
    background: #074379 !important;
    /*border: 2px solid #fff;*/
    box-shadow: 0px 1px 3px 0px rgba(164, 156, 149, 1);
    -webkit-box-shadow: 0px 1px 3px 0px rgba(164, 156, 149, 1);
    z-index: 10000;
}

.has-tip {
    border-bottom: none !important;
}

.push-right {
    float: right;
}

.push-left {
    float: left;
}

.clear {
    clear: both;
}

.field-validation-error {
    color: #D25246;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 10px;
}

.input-validation-error, input.input-validation-error {
    border-color: #D25246 !important;
    background: rgba(210, 82, 70, 0.1) !important;
    margin-bottom: 0 !important;
}

.validation-summary-errors {
    color: #D25246;
    font-weight: bold;
}

.promotions {
    width: 730px;
    display: none
}

    .promotions.show {
        display: block
    }

    .promotions li {
        display: inline-block;
        background-color: #fff;
        border: 1px solid #164f99;
        -webkit-box-shadow: 0px 1px 3px 0px rgba(164, 156, 149, 1);
        box-shadow: 0px 1px 3px 0px rgba(164, 156, 149, 1);
        border-radius: 4px;
        -webkit-border-radius: 4px;
        padding: 15px;
        margin: 5px;
    }

        .promotions li span {
            display: block;
        }

        .promotions li:hover {
            background-color: #164f99;
            border-color: #ffffff;
        }

            .promotions li:hover .offer-brochure-icon {
                background-color: #164f99;
            }

            .promotions li:hover h2 {
                color: #ffffff;
            }

        .promotions li a {
            display: block !important;
        }

        .promotions li .has-tip {
            cursor: pointer !important;
        }

#promotions {
    width: 970px;
    margin: 0 auto;
}

.promotions-list {
    display: none;
}

    .promotions-list.show {
        display: block;
    }

.pricing-table .regular-price, .regular-price {
    text-decoration: line-through;
}

.pricing-table .best-price {
    font-weight: bold;
    font-size: 1.5em;
    color: #41ab20;
}

.offer-brochure-image {
    position: relative;
}

.offer-brochure-icon {
    background: #ffffff url(/Content/themes/apster/images/icon-pdf.png) no-repeat;
    position: absolute;
    width: 48px;
    height: 48px;
    top: 0;
    right: 0;
    padding-left: 10px;
    padding-top: 10px;
}

.promotions li span.label {
    -webkit-border-top-right-radius: 0px !important;
    -webkit-border-top-left-radius: 0px !important;
    -moz-border-radius-topright: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

#issues-right {
    z-index: 10005;
    width: 48px !important;
    height: 48px !important;
    position: fixed;
    bottom: 75px;
    right: -6px !important;
}

.issues-icon {
    background: transparent url(/Content/images/issues.png) top center no-repeat !important;
    width: 48px !important;
    height: 48px !important;
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-indent: -9999px;
}

#localhost-test {
    position: fixed;
    bottom: 130px;
    right: 0;
    z-index: 10005;
}

    #localhost-test span {
        display: block;
    }

    #localhost-test .on, #localhost-test .off {
    }

.joyride-tip-guide {
    width: 300px !important;
}

.fileinput-button {
    float: left;
}

#fileupload-tip {
    position: relative;
    top: 15px;
    margin-left: 15px;
}

#ustawienia-rotacja p {
    margin-top: 10px;
}

#captcha-wrapper input {
    display: inline-block !important;
}

#footer-menu {
    text-align: center;
}

    #footer-menu ul {
        list-style-type: none;
    }

        #footer-menu ul li {
            margin: 15px;
            display: inline;
        }

.footer-divider hr {
    height: 1px;
    background-color: #5d5d5c;
    border-top: 1px solid #d6d6d6;
}

.row.footer {
    min-width: 0 !important;
}

#grupa-neuca img {
    float: right;
}

ol {
    margin-left: 25px !important;
    font-size: 90% !important;
}

.large-block-grid-12, .large-block-grid-1 {
    margin: 0 0 -10px 0 !important;
    text-align: center;
}

@media only screen and (min-width: 640px) and (max-width: 1024px) {
    #cart {
        font-size: 12px !important;
    }

    #basket-loading {
        font-size: 8px !important;
    }

    .cart-total,
    .cart-currency,
    #top-nav li a,
    #top-nav li a span,
    #profile-info div#profile-name span,
    #button-logout {
        font-size: 16px !important;
    }

    .add-to-cart {
        top: -8px !important;
    }

    .row {
        width: 100%;
        max-width: 980px !important;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 978px) {
    .row {
        width: 100%;
        min-width: 980px;
        margin: 0 auto;
    }

    #okCancelDialog .row, .no-login .row {
        min-width: 0;
    }

    .joyride-list, .joyride-tip-guide {
        display: none !important;
    }
}

.label.warning {
    background-color: rgb(229, 208, 22);
    color: white;
}

.label.partially-completed {
    background-color: rgb(22, 229, 129);
    color: white;
}

.wait-in-place {
    text-align: center;
}

#programs-info {
    padding: 5px;
}

    #programs-info a {
        font-size: 14px;
    }

.joyride-tip-guide {
    z-index: 99999;
}

h1 .label,
h2 .label,
h3 .label,
h4 .label,
h5 .label,
h6 .label {
    text-shadow: 0px 1px 1px #333;
}

    h1 .label.secondary,
    h2 .label.secondary,
    h3 .label.secondary,
    h4 .label.secondary,
    h5 .label.secondary,
    h6 .label.secondary {
        text-shadow: 0px 1px 1px #fff;
    }

.ie-warning {
    display: none;
}

dl dt {
    position: relative;
}

    dl dt > a {
        position: absolute;
        top: -86px;
    }

table td .button {
    margin: 0;
}

#security-settings table td {
    vertical-align: top;
}

#security-settings table {
    width: 100%;
}

#security-settings th.roles {
    width: 175px;
}

#security-settings .pharmacies-column input[type="checkbox"] + label {
    display: table-row;
}

    #security-settings .pharmacies-column input[type="checkbox"] + label span {
        background-color: transparent !important;
        border: none;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: table-cell;
        vertical-align: top;
        padding-bottom: 5px;
    }

        #security-settings .pharmacies-column input[type="checkbox"] + label span.pharmacy-name {
            width: auto !important;
            height: auto !important;
        }

    #security-settings .pharmacies-column input[type="checkbox"] + label > span > span {
        display: inline-block;
        padding: 0;
        background-color: #ffffff !important;
        border: 1px solid #cbcbcb;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: inset 2px 2px 2px 1px rgba(203, 203, 203, 0.5);
        box-shadow: inset 2px 2px 2px 1px rgba(203, 203, 203, 0.5);
    }

#security-settings .pharmacies-column input[type="checkbox"]:checked + label span {
    background: none;
}

#security-settings .pharmacies-column input[type="checkbox"]:checked + label > span > span {
    background: url(/Content/themes/apster/images/check.png) center no-repeat;
}

#security-settings .pharmacies-column input[type="checkbox"] + label.pharmacy > span > span {
    margin-left: 10px;
}

.accBox {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.accBoxBorder {
    border: 1px solid #D9D9D9;
    padding-top: 5px;
    border-radius: 4px;
}

/*.accBoxPadding {
    padding-top: 5px;
}*/

.text-small {
    font-size: small;
}

.text-smaller {
    font-size: smaller;
}
.nav-toggle{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;z-index:2;margin-right:.5rem;margin-left:.5rem;}.nav-toggle:hover{opacity:.8;}.nav-toggle .nav-toggle-bar{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;margin-top:0;color:#009ee3;}.nav-toggle.expanded .nav-toggle-bar{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;display:none;}.nav{-webkit-transition:left .5s ease;-moz-transition:left .5s ease;-ms-transition:left .5s ease;-o-transition:left .5s ease;transition:left .5s ease;background:#fff;color:#009ee3;font-size:2rem;height:100vh;left:-40rem;padding:6rem 2rem 2rem 2rem;position:fixed;top:0;min-width:20rem;width:auto;z-index:99999;}.nav.expanded{left:0;outline:9999px solid rgba(0,0,0,.5);}.nav ul{list-style:none;margin:0;}.nav ul li .active{padding-left:20px;border-left:5px solid #009ee3;}.greedy{display:flex;align-content:center;flex-grow:1;flex-shrink:1;}.hidden{visibility:hidden;}.links{display:flex;justify-content:flex-start;flex:1;overflow:hidden;}.links .li{flex:none;}hidden-links.hidden{display:none;}#more{align-self:center;}.logo{min-width:240px;}.overlay{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:2;cursor:pointer;pointer-events:none;}
/*
 *	top-bar.css
 *	varsion: 1.0 (2013-05-09)
 */
 
#top-bar	{
	/* padding: 8px 440px 8px 250px; */
	height: 77px;
	background: #ffffff;
	border-bottom: 1px solid #ccd8e3;
    min-width: 980px;
    width: 100%;
    top: 0;
    z-index: 1001;
}

.no-login #top-bar {
    min-width: 0;
}

#search-form, #search-form input[type="text"]	{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
}

#search-form input[type="text"]	{
	width: 100%;
	padding: 8px 20px 8px 50px;
	background-image: url(/Content/themes/apster/images/loupe.png);
	background-repeat: no-repeat;
	background-position: 20px 10px;
	font-size: 16px;
}

#search-form input[type="submit"]:hover	{ background-color: #1f5fb1; }

#profile-info	{
	padding-right: 25px;
	border-right: 1px solid #ccd8e3;
	color: #000000;
	height: 76px;
}
#profile-info div#profile-name	{ font-size: 14px; cursor: pointer; line-height: 18px; }
#profile-info div#profile-name span { display: block; }
#top-nav li a span#top-subnav	{
	padding-right: 25px;
	background-image: url(/Content/themes/apster/images/arrow-navy.png);
	background-repeat: no-repeat;
	background-position: right 12px;
	font-size: 18px;
	color: #003d75;
}
#profile-name {
    background-image: url(/Content/themes/apster/images/arrow-navy.png);
    background-repeat: no-repeat;
    background-position: right 35px;
    padding-top: 25px;   
}
#profile-info div#profile-name span {
    padding-right: 25px;
    text-align: right;
    font-size: 18px;
    color: #003d75;
    height: 100%;
}

#profile-settings	{
	position: absolute;
	display: none;
	right: -1px;
	top: 60px;
	background: #ffffff;
	border-top: 0px;
	border-right: 1px solid #CCD8E3;
	border-bottom: 1px solid #CCD8E3;
	border-left: 1px solid #CCD8E3;
	z-index: 9;
}

#profile-info:hover #profile-settings	{ display: block; }

#cart {
    display: block;
	padding-left: 50px;
    padding-top: 17px;
	background-image: url(/Content/themes/apster/images/cart.png);
	background-repeat: no-repeat;
	background-position: 0px 17px;
	font-size: 14px;
	color: #003d75;
    border-right: 1px solid #ccd8e3;
    height: 76px;
}
#cart span {
    display: block;
}
#cart .price-container	{
	font-size: 22px;
	color: #555555;
}
#basket-loading {
    position: relative;
    top: -55px;
    left: 50px;
}

.cart-total { float: left; }

#button-logout {
    display: block;
    padding-left: 50px;
    padding-top: 26px;
    background-image: url(/Content/themes/apster/images/logout.png);
    background-repeat: no-repeat;
    background-position: 0px 19px;
    font-size: 18px;
    color: #003d75;
    height: 60px;
}

#joy-fifteenth {
    position: absolute;
    top: 0;
    left: 0;
}

#button-logout span	{
	display: block;
	font-size: 22px;
	color: #555555;
}
/*
 *	rollovers.css
 *	varsion: 1.0 (2013-05-09)
 */
 
#top-nav	{
	list-style-type: none;
	padding: 0px;
	-webkit-box-shadow:  0px 1px 1px 0px rgba(255, 255, 255, 1);
	box-shadow:  0px 1px 1px 0px rgba(255, 255, 255, 1);
}
#top-nav li	{
	display: inline-block;
	vertical-align: top;
	padding: 15px 0px;
}
#top-nav li.active	{
	background-image: url(/Content/themes/apster/images/arrow-active-navigation.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#top-nav li:last-child a	{ border-right: 0px; }
#top-nav li a	{
	display: block;
	padding: 3px 20px 3px 16px;
	font-size: 18px;
	color: #074379;
}
#top-nav ul li a:hover ul { display: block; }
#top-nav li ul, #profile-settings	{
	display: none;
	position: absolute;
	list-style-type: none;
	padding: 0px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #ffffff;
	-webkit-box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.2);
	box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.2);
	z-index: 9;
}
#top-nav li ul	{ top: 60px; width: 530px; border: 1px solid #164f99; }
#top-nav li ul li { padding: 0; float: left; border-bottom: 1px dashed #e2e2e2; }
#top-nav li ul li:nth-child(3n+3) { border-left: 1px dashed #ececec; }
#top-nav li ul li:first-child, #top-nav li ul li:nth-child(3n+4) { border-right: 1px dashed #ececec; }
#top-nav li ul li a:hover { background-color: #164f99; color: #ffffff; }
#profile-settings	{ top: 60px; width: 315px; border: 1px solid #164f99; }
#top-nav li ul a, #profile-settings a	{
	display: block;
	padding: 15px 20px;
	font-size: 18px;
	color: #164f99;
}
#top-nav li ul a {
    width: 175px;
    padding: 15px;
    min-height: 80px;
    max-height: 80px;
}
#top-nav li ul li:first-child a
#top-nav li ul a:hover, #profile-settings a:hover	{
	background-color: #164f99;
	color: #ffffff;
}
#profile-settings li:first-child a:hover	{
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
}
#profile-settings li:last-child a:hover	{
	border: 0px;
	-webkit-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
}
#top-nav li:hover ul	{ display: block; }
li.logout a	{ color: #d35345 !important; }
li.logout:hover a	{ background: #d35345 !important; color: #ffffff !important; }
/*
 *	filters.css
 *	varsion: 1.0 (2013-05-09)
 */
#filters	{
	color: #171717;
    padding-top: 10px;
    padding-bottom: 10px;
}

#filters > *	{
	display: block;
	vertical-align: middle;
}
#filters > h1	{
	font-size: 28px !important;
	font-weight: normal !important;
	color: #303030;
}

#filters-form div, #filters-form label, #filters-form span {
    float: left;
}
#filters-form div {   
    margin-right: 10px;
    padding-top: 2px;
    height: 40px;
}
#filters-form label	{
	display: inline-block;
	cursor: pointer;
}
#filters-form label {
    padding-top: 8px;
}
#filters-form label, #filters-form input 
{
    float: left;
    margin-right: 8px;
}
#filter-form span {
    float: right;
}
#filters-form > fieldset	{
	display: inline-block;
	height: 28px;
	padding: 0px 10px;
	border: 0px;
	border-right: 1px solid #d4d4d2;
}
#filters-form > fieldset:first-child, #filters-form > fieldset:last-child	{
	padding: 0px;
	border: 0px;
}
#filters-form input[type="text"]	{ width: 50px; height: 32px; }
#filters-form input[type="checkbox"]	{ margin: 7px 5px 5px; }

#filters-form input[type=checkbox]:checked {
	content: url(/Content/themes/apster/images/check.png);
}
#filters-form #filters-datagrid	{
	padding: 7px 17px;
	background-color: #bebebc;
	border: 0px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	cursor: pointer;
}
#filters-form #filters-datagrid.active	{
	background-color: #164f99;
	color: #ffffff;
}

#filters-form .ui-spinner a {
    right: 8px !important;
    background-color: transparent !important; 
}
.ui-spinner a { background-color: transparent !important; }
#filters-form .ui-spinner a.ui-spinner-up { top: -6px; }
#filters-form .ui-spinner a.ui-spinner-down { bottom: 8px; }
#filters-form .ui-spinner-button { overflow: visible; }

#filter-phrase-alert { position: absolute; top: 30px;z-index: 999; }

@-moz-document url-prefix()  
{
    #filters-form .ui-spinner .ui-icon
    {
        top: 8px !important;
        left: -4px !important;
        position: relative;
    }
}
#brakiPanel { float: right; }
.frontend-form {
    margin-top: 25px !important;
}

.page-like-form {
    width: 960px !important;
}

.frontend-form .row {
    margin-left: 0 !important;
}

.dialog-body {
    width: 416px;
    display: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-collapse: separate;
    border-spacing: 0px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(164, 156, 149, 1);
    box-shadow: 0px 1px 3px 0px rgba(164, 156, 149, 1);
    margin: 0 auto;
    top: 90px;
}

    .dialog-body .row {
        min-width: 0 !important;
    }

.dialog-header, .dialog-footer {
    height: 68px;
    background-color: #fff;
    padding: 25px;
    padding-bottom: 4rem !important;
}

.dialog-header-title {
    font-size: 20px;
    /*border-right: 1px solid #ccd8e3;*/
    height: 40px;
    margin-top: 0.75rem;
}

.dialog-header-title-short {
    font-size: 20px;
    border: none;
}

.dialog-header-close {
    cursor: default;
    margin-top: 0.75rem;
}

    .dialog-header-close img {
        float: right;
    }

.dialog-content {
    background-color: #fff;
    border-top: 1px solid #ccd8e3;
    border-bottom: 1px solid #ccd8e3;
    padding: 25px;
}

.dialog-footer {
    text-align: right;
}

.dialog-footer-link {
    float: left;
}

.dialog-content label.inline {
    padding: 0.825em 0;
    margin: 0 0 0.5em;
}

.dialog-content label.right-space {
    margin-right: 5px;
}

.dialog-content label.left-space {
    margin-left: 5px;
}

.dialog-visible {
    display: block;
}

.draggable-area {
    cursor: move;
}

.total-price-header, .packet-quantity span {
    font-size: 18px !important;
}

.total-price-header {
    margin-bottom: 5px
}

    .total-price-header strong {
        text-decoration: underline;
    }

.package-name {
    font-weight: bold;
}

.packet-quantity {
    float: right;
    top: -8px;
    position: relative;
}

.totalPriceHeaderStrike {
    text-decoration: line-through;
}

.promotion-level {
    display: block;
    padding: 5px;
}

.totalPromoPriceHeader {
    background-color: #41AB20;
    color: #ffffff;
    clear: both;
}

.limit-level {
    background-color: #D25246;
    color: #fff;
}

#dialog-lista button {
    margin: 5px;
}

#mapping-tabs div#all {
    height: 300px;
    overflow-y: scroll;
}

#modal-sap-nr, #modal-kbd {
    top: 90px;
}

    #modal-sap-nr p {
        text-align: center !important;
    }

.validation-summary-valid {
    display: none;
}

table.common thead th, table.common tbody td {
    padding: 6px !important;
}
.loader {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: gray;
    background-color: rgba(131, 131, 131, 0.4);
    text-align: center;
    font-size: 75px;
    color: #fff;
    line-height: 100px;
    visibility: hidden;
}

.loader {
    font-weight: normal;
}

.loader div.inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #000000;
    background-color: rgba(0,0,0,0.75);
    padding: 25px;
    border-radius: 4px;
}

.loader div.center {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; /* Only IE 8+ */
    position: relative;
}

.loader a {
    font-size: 16px !important;
}

.loader img {
    display: block;
    margin: 0 auto;
    width: 220px;
    height: 19px;
}

.loader .center img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -110px;
    margin-top: -10px;
}


.loader span {
    font-size: 14px;
}

.wait {
    background-image: url(/Content/images/wait.gif) !important;
}

.wait-disabled {
    background-image: url(/Content/images/wait-disabled.gif) !important;
    opacity: 1 !important;
    -moz-opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
/*!
 * Bootstrap v2.0.4
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
*/


.feedback-review label {
    font-size: 14px;
}

.feedback-body .feedback-error {
    color: #b94a48;
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.feedback-body .feedback-error:focus {
    border-color: #953b39;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}



.feedback-body p a {
    color: #0088cc;
    text-decoration: none;
}
.feedback-body p a:hover {
    color: #005580;
    text-decoration: underline;
}

.feedback-modal h3 {
    line-height: 27px;
    font-size: 18px;
    margin: 0;
    font-weight: bold;
    color: #333;
    text-rendering: optimizelegibility;
}

.feedback-modal {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #333;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 2050;
    max-height: 500px;
    overflow: auto;
    width: 560px;
    margin: -250px 0 0 -280px;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    /* IE6-7 */

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;


    -webkit-transition: all 2s ease 0s;
    -moz-transition: all 2s ease 0s;  
    -ms-transition: all 2s ease 0s; 
    -o-transition: all 2s ease 0s;

}

.feedback-modal .feedback-close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.feedback-modal .feedback-close:hover {
    color: #000000;
    text-decoration: none;
    opacity: 0.4;
    filter: alpha(opacity=40);
    cursor: pointer;
}

.feedback-btn {
    display: inline-block;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    *margin-left: .3em;
}
.feedback-btn:hover,
.feedback-btn:active,
.feedback-btn.active,
.feedback-btn.disabled,
.feedback-btn[disabled] {
    background-color: #e6e6e6;
}
.feedback-btn:active, .feedback-btn.active {
    background-color: #cccccc \9;
}
.feedback-btn:first-child {
    *margin-left: 0;
}
.feedback-btn:hover {
    color: #333333;
    text-decoration: none;
    background-color: #e6e6e6;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}
.feedback-btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.feedback-btn.active, .feedback-btn:active {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #e6e6e6;
    background-color: #d9d9d9 \9;
    outline: 0;
}
.feedback-btn.disabled, .feedback-btn[disabled] {
    cursor: default;
    background-image: none;
    background-color: #e6e6e6;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.feedback-btn-small {
    padding: 5px 9px;
    font-size: 11px;
    line-height: 16px;
}
.feedback-btn-small [class^="icon-"] {
    margin-top: -1px;
}


.feedback-btn-inverse,
.feedback-btn-inverse:hover {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #ffffff;
}

.feedback-btn-inverse {
    background-color: #393939;
    background-image: -moz-linear-gradient(top, #454545, #262626);
    background-image: -ms-linear-gradient(top, #454545, #262626);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#262626));
    background-image: -webkit-linear-gradient(top, #454545, #262626);
    background-image: -o-linear-gradient(top, #454545, #262626);
    background-image: linear-gradient(top, #454545, #262626);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#262626', GradientType=0);
    border-color: #262626 #262626 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.feedback-btn-inverse:hover,
.feedback-btn-inverse:active,
.feedback-btn-inverse.active,
.feedback-btn-inverse.disabled,
.feedback-btn-inverse[disabled] {
    background-color: #262626;
}
.feedback-btn-inverse:active, .feedback-btn-inverse.active {
    background-color: #0c0c0c \9;
}
button.feedback-btn, input[type="submit"].feedback-btn {
    *padding-top: 2px;
    *padding-bottom: 2px;
}
button.feedback-btn::-moz-focus-inner, input[type="submit"].feedback-btn::-moz-focus-inner {
    padding: 0;
    border: 0;
}
button.feedback-btn.large, input[type="submit"].feedback-btn.large {
    *padding-top: 7px;
    *padding-bottom: 7px;
}
button.feedback-btn.small, input[type="submit"].feedback-btn.small {
    *padding-top: 3px;
    *padding-bottom: 3px;
}

.feedback-btn .caret {
    margin-top: 7px;
    margin-left: 0;
}
.feedback-btn:hover .caret, .open.btn-group .caret {
    opacity: 1;
    filter: alpha(opacity=100);
}

.feedback-btn-inverse .caret {
    border-top-color: #ffffff;
    opacity: 0.75;
    filter: alpha(opacity=75);
}
.feedback-btn-small .caret {
    margin-top: 4px;
}

.feedback-bottom-right {
    bottom:5px;
    right:5px;
}



.feedback-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
}
.feedback-header .feedback-close {
    margin-top: 2px;
}
.feedback-body {
    padding: 15px;
}
.feedback-body .modal-form {
    margin-bottom: 0;
}

.feedback-body textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
    overflow: auto;
    vertical-align: top;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    display: inline-block;
    width: 520px;
    height: 100px;
    padding: 4px;
    margin-bottom: 9px;
    font-size: 13px;
    line-height: 18px;
    color: #555555;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

.feedback-body textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */

}

.feedback-footer {
    padding: 5px 14px 15px 15px;
    line-height:20px;
    text-align: right;
    margin-bottom: 0;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
    *zoom: 1;
}
.feedback-footer:before, .feedback-footer:after {
    display: table;
    content: "";
}
.feedback-footer:after {
    clear: both;
}
.feedback-footer .feedback-btn {
    float: right;
    margin-left: 5px;
    margin-bottom: 0;
}


.feedback-glass {
    position:fixed;
    z-index:2000;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background: #777;
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    filter: alpha(opacity=50);
}

.feedback-canvas {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index:1999;
}


#feedback-blackout-element {
    background: #000;
    opacity: 0.8; 
    position:absolute;

}


.feedback-highlight-element, .feedback-highlighted {
    position:absolute;

    -webkit-border-radius: 4px;
    border-radius: 4px;

    z-index: 2000;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

    -webkit-box-shadow: 0px 0px 8px 0px #000;
    box-shadow: 0px 0px 8px 0px #000;

}

.feedback-highlight-element {
    pointer-events:none;
}

#feedback-highlight-close {
    background: #ccc;
    border:1px solid black;
    text-align:center;
    line-height:20px;
    font-size:20px;
    font-weight:bold;
    width:20px;
    height:20px;
    position:absolute;
    cursor:pointer;
    margin-left:-12px;
    margin-top:-12px;

    z-index:2001;

    -webkit-border-radius: 10px;
    border-radius: 10px;


    -webkit-box-shadow: 0px 0px 4px 0px #615e5e;
    box-shadow: 0px 0px 4px 0px #615e5e;

    background-color: #c5c5c5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#999999));
    background-image: -webkit-linear-gradient(top, #c5c5c5, #999999);
    background-image:    -moz-linear-gradient(top, #c5c5c5, #999999);
    background-image:      -o-linear-gradient(top, #c5c5c5, #999999);
    background-image:         linear-gradient(to bottom, #c5c5c5, #999999);


}

.feedback-blackedout {
    background: #000;
    position:absolute;
    z-index: 2000;
}

#feedback-highlight-container {
    position:absolute;
    top:0;
    left:0;
    pointer-events:none;
    z-index:2010;
}

.feedback-animate-toside {

    top: 100%;
    left:100%;
    width: 300px;
    margin-left:-320px;
}

.feedback-animate-review {
    -webkit-transition: all 2s ease 0s;
    -moz-transition: all 2s ease 0s;  
    -ms-transition: all 2s ease 0s; 
    -o-transition: all 2s ease 0s;

    top: 50%;
    left:50%;
    width: 600px;

    margin-left:-300px;
    margin-top: -200px;
}

.feedback-canvas-complete {

    -webkit-filter:blur(5px);
}

.feedback-body canvas {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #636363;
    -webkit-box-shadow: 0px 0px 12px 0px #615e5e;
    box-shadow: 0px 0px 12px 0px #615e5e;
    position:absolute;
}

.feedback-browser {
    margin-left:330px;
}


.feedback-loader {
    text-align: center;    
}
.feedback-loader span {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin: 50px auto;
    background: black;
    border-radius: 50px;
    -webkit-animation: feedback-loader 0.9s infinite alternate;
    -moz-animation: feedback-loader 0.9s infinite alternate;
}
.feedback-loader span:nth-of-type(2) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
}
.feedback-loader span:nth-of-type(3) {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}
@-webkit-keyframes feedback-loader {
  0% {
    width: 10px;
    height: 10px;
    opacity: 0.9;
    -webkit-transform: translateY(0);
  }
  100% {
    width: 24px;
    height: 24px;
    opacity: 0.1;
    -webkit-transform: translateY(-21px);
  }
}
@-moz-keyframes feedback-loader {
  0% {
    width: 10px;
    height: 10px;
    opacity: 0.9;
    -moz-transform: translateY(0);
  }
  100% {
    width: 24px;
    height: 24px;
    opacity: 0.1;
    -moz-transform: translateY(-21px);
  }
}

.hidden { display: none; }
@charset "UTF-8";
/*
 * jQuery File Upload UI Plugin CSS 8.1
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
}
.progress-animated .bar {
  background: url(/Content/themes/base/img/progressbar.gif) !important;
  filter: none;
}
.fileupload-loading {
  float: right;
  width: 32px;
  height: 32px;
  background: url(/Content/themes/base/img/loading.gif) center no-repeat;
  background-size: contain;
  display: none;
}
.fileupload-processing .fileupload-loading {
  display: block;
}
.files audio,
.files video {
  max-width: 300px;
}
.dataTables_filter.search {
    font-size: 18px;
}

    input.search, .dataTables_filter.search input {
        padding-left: 40px;
        background: url(/Content/themes/pdr/images/loupe.png) no-repeat 10px 6px;
    }

table.common tbody tr:nth-child(even) table tr:nth-of-type(odd) td {
    background: #fff !important;
}

#wrapper {
    min-width: 980px;
    min-height: calc(100vh - 170px);
    padding-bottom: 20px;
    padding-top: 30px;
}

.columns.right {
    text-align: right;
}

.separator {
    border-right: 1px solid #CCD8E3;
}

.documents h3 {
    display: inline-block;
    font-size: 1.5em;
    font-weight: bold !important;
}

.ui-tooltip {
    background: white;
}

.summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.summary dl {
    display: flex;
    align-items: center;
    margin: 0 0 0 11px;
    padding: 4px 0;
    vertical-align: middle;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.summary * {
    display: inline-block;
}

.summary .block * {
    display: block;
}

.summary dt {
    padding: 0 0 0 13px;
    margin: 0;
    font-weight: normal;
    line-height: 1;
}

.summary dd {
    font-weight: bold;
    padding: 0 13px;
    margin: 0;
    line-height: 1;
}

    .summary dd a {
        font-weight: normal;
    }

.summary .block dt {
    margin-top: 0.25em;
}

.summary .block dd {
    margin-bottom: 0.25em;
}

.export {
    /*font-size: 14px;
    margin-top: 10px;*/
}

    .export > span {
        display: inline-block;
        vertical-align: middle;
    }

    .export > ul {
        padding: 0;
        margin: 0 0 0 7px;
        list-style: none;
        display: inline-block;
        vertical-align: middle;
    }

        .export > ul > li {
            display: inline-block;
        }

            .export > ul > li > a {
                display: block;
                line-height: 1.25;
                padding: 0 7px;
            }

.export:hover .dropdown-menu {
    display: block;
}

.filters, #filters.filters {
    background: #FFF;
    border: 1px solid #DDD;
    border-bottom: none;
    -webkit-top-left-border-radius: 5px;
    -moz-top-left-border-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-top-right-border-radius: 5px;
    -moz-top-right-border-radius: 5px;
    border-top-right-radius: 5px;
    padding: 0.9375em 0.9375em 0.9375em 0.9375em;
}

    .filters input[type=text] {
        display: inline;
        width: 120px;
        margin: 0.625em 0;
    }

    .filters input#global_search {
        width: 100%;
        padding-left: 40px;
        background: url(/Content/themes/pdr/images/loupe.png) no-repeat 12px 12px;
        height: 3em;
    }

    .filters label {
        display: inline-block;
        font-size: 1em;
        margin: 0;
        padding: 1em 0;
    }

        .filters label.checkbox {
            display: inline-block;
            padding: 0 0 0.25em 0;
        }

    .filters .first label.checkbox {
        padding-top: 1em;
    }

    .filters .filterChooser > span {
        display: inline-block;
        font-size: 1em;
        margin: 0;
        padding: 1em 0;
    }

    .filters #chosenPharmacies .chosen {
        display: none;
    }

#cleanAllFilters {
    display: block;
    margin-bottom: 10px;
}

.alert-box.no-margin {
    margin: 0;
}

#modal-pharmsel .dialog-content {
    padding-bottom: 40px;
}

#modal-so-selection .dataTables_filter, #modal-pharmsel .dataTables_filter {
    margin-right: 0.9375em;
}

.ui-datepicker.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff url(/Content/themes/base/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
}

.ui-datepicker-trigger {
    position: relative;
    left: -20px;
    cursor: pointer;
}

.data {
    background: #FFF;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    border-left: 1px solid #DDD;
    -webkit-bottom-left-border-radius: 5px;
    -moz-bottom-left-border-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-bottom-right-border-radius: 5px;
    -moz-bottom-right-border-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .data.solo {
        border-top: 1px solid #DDD;
        -webkit-top-left-border-radius: 5px;
        -moz-top-left-border-radius: 5px;
        border-top-left-radius: 5px;
        -webkit-top-right-border-radius: 5px;
        -moz-top-right-border-radius: 5px;
        border-top-right-radius: 5px;
    }

        .data.solo > span {
            display: inline-block;
            margin: 0.9375em;
        }

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #fff;
}

.data table {
    border-left: none;
    border-right: none;
    border-color: #ddd;
}

.data table {
    width: 100% !important;
}

    .data table.dataTable > thead > tr > th {
        padding: 10px;
        background-color: #F8F6F4;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        font-weight: normal;
        font-size: 16px;
        color: #009EE3;
        text-align: center;
    }

        .data table.dataTable > thead > tr > th:not(.sorting_disabled):hover {
            color: #949393;
        }

    .data table.dataTable tr.odd {
        background-color: #fff;
    }

        .data table.dataTable tr.odd:hover {
            background-color: #d0e6e6;
        }

        .data table.dataTable tr.odd td.sorting_1 {
            background-color: #fff;
        }

    .data table.dataTable tr.even {
        background-color: #F8F6F4;
    }

        .data table.dataTable tr.even:hover {
            background-color: #d0e6e6;
        }

        .data table.dataTable tr.even td.sorting_1 {
            background-color: #F8F6F4;
        }

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background-color: #d0e6e6;
}

    .data table.dataTable tr.settlementInProg-kp {
        background-color: lightblue !important;
    }

        .data table.dataTable tr.settlementInProg-kp:hover {
            background-color: lightblue !important;
        }

        .data table.dataTable tr.settlementInProg-kp td.sorting_1 {
            background-color: lightblue !important;
        }

    .data table.dataTable tr.settlementInProg-tl {
        background-color: #ade6e6 !important;
    }

        .data table.dataTable tr.settlementInProg-tl:hover {
            background-color: #ade6e6 !important;
        }

        .data table.dataTable tr.settlementInProg-tl td.sorting_1 {
            background-color: #ade6e6 !important;
        }

.fa.lateness {
    color: #ffac29;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffac29), color-stop(100%,#ffed03)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffac29 0%,#ffed03 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(transparent, transparent); /* Opera 11.10+ */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.data table.dataTable tr td {
    border-right: 1px dashed #DDD
}

    .data table.dataTable tr td:last-child {
        border-right: none
    }

.data table.dataTable .sorting {
    background: none;
    cursor: pointer;
}

.data table.dataTable .sorting_asc {
    background: none;
    cursor: pointer;
}

    .data table.dataTable .sorting_asc:after {
        bottom: 1px;
        content: "\f0d8";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        display: block;
        height: 0;
        width: 24px;
        left: 50%;
        margin-left: -11px;
        overflow: visible;
        position: relative;
        font-size: 24px;
    }

.data table.dataTable .sorting_desc {
    background: none;
    cursor: pointer;
}

    .data table.dataTable .sorting_desc:after {
        bottom: -6px;
        content: "\f0d7";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        display: block;
        height: 0;
        width: 24px;
        left: 50%;
        margin-left: -11px;
        overflow: visible;
        position: relative;
        font-size: 24px;
    }

.data table.dataTable td.documentType {
    text-align: center;
}

.data table.dataTable td.financial {
    text-align: right;
}

.dataTables_empty {
    text-align: center;
    padding: 20px;
}

.blue_button {
    -moz-box-shadow: inset 0px 1px 0px 0px #58c0ec;
    -webkit-box-shadow: inset 0px 1px 0px 0px #58c0ec;
    box-shadow: inset 0px 1px 0px 0px #58c0ec;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #58c0ec), color-stop(1, #58c0ec) );
    background: -moz-linear-gradient( center top, #58c0ec 5%, #58c0ec 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58c0ec', endColorstr='#58c0ec');
    background-color: #58c0ec;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    text-indent: 0;
    border: 1px solid #58c0ec;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    height: 45px;
    line-height: 45px;
    width: 140px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #58c0ec;
}

    .blue_button:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #58c0ec), color-stop(1, #58c0ec) );
        background: -moz-linear-gradient( center top, #58c0ec 5%, #58c0ec 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58c0ec', endColorstr='#58c0ec');
        background-color: #58c0ec;
    }

    .blue_button:active {
        position: relative;
        top: 1px;
    }

.data .paginate_enabled_next,
.data .paginate_enabled_previous {
    height: auto;
    padding: 10px 20px;
    margin: 0;
    display: inline-block;
    background: none;
    font-size: 1.125em;
    color: #009EE3 !important;
}

    .data .paginate_enabled_previous:before {
        content: '\00ab\00a0';
    }

    .data .paginate_enabled_next:after {
        content: '\00a0\00bb';
    }

    .data .paginate_enabled_next:hover,
    .data .paginate_enabled_previous:hover {
        background: none;
        color: #949393 !important;
    }

.data .paginate_disabled_previous,
.data .paginate_disabled_next {
    display: none;
}

#limitTerms ul, #limitTerms ol {
    margin-left: 40px;
    list-style-type: lower-alpha;
}

tfoot.pagging {
    text-align: right;
}

    tfoot.pagging td {
        text-align: right;
    }

        tfoot.pagging td span {
            font-size: 1.3em;
        }

            tfoot.pagging td span.page {
                padding: 0 3px;
            }

.navbar {
    margin: 0px;
    padding-left: 7px;
    padding-right: 0px;
    border-width: 0px;
    border-radius: 0px;
    box-shadow: none;
    min-height: 45px;
    background: white none repeat scroll 0% 0%;
    border-bottom: 1px solid #CCD8E3;
    border-top: 1px solid #CCD8E3
}

.navbar-fixed-bottom {
    bottom: 0px;
    margin-bottom: 0px;
    border-width: 1px 0px 0px;
}

.navbar-fixed-bottom, .navbar-fixed-top {
    border-radius: 0px;
    position: fixed;
    right: 0px;
    left: 0px;
    z-index: 1030;
    transform: translate3d(0px, 0px, 0px);
}

.row_isPartialPayment input[type="checkbox"] + label span {
    background-color: #b22222 !important;
}

.row_disabled input[type="checkbox"] + label span {
    background-color: #778899 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #009EE3 !important
}

table.dataTable.no-footer {
    border-bottom: 1px solid #ddd !important;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 1rem;
    z-index: 1;
    right: 0;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content * {
    display: block;
}

.badge {
    display: inline-block;
    padding: 3px 6px;
    font-size: 10px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #009ee3;
    border-radius: 50%;
    position: relative;
    bottom: 12px;
    right: 7px;
    pointer-events: none;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.btn-xs .badge, .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px;
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #fff;
    background-color: #fff;
}

.list-group-item > .badge {
    float: right;
}

.list-group-item > .badge + .badge {
    margin-right: 5px;
}

.nav-pills > li > a > .badge {
    margin-left: 3px;
}

a.badge:hover, a.badge:focus {
    color: #f1f1f1;
    text-decoration: none;
    cursor: pointer;
}


.alertify-show,
.alertify-log {
	-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
	-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	   -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	    -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	     -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	        transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}
.alertify-hide {
	-webkit-transition: all 250ms cubic-bezier(0.600, 0, 0.735, 0.045); /* older webkit */
	-webkit-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	   -moz-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	    -ms-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	     -o-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	        transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-log-hide {
	-webkit-transition: all 500ms cubic-bezier(0.600, 0, 0.735, 0.045); /* older webkit */
	-webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	   -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	    -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	     -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	        transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-cover {
	position: fixed; z-index: 99999;
	top: 0; right: 0; bottom: 0; left: 0;
}
	.alertify-cover-hidden {
		display: none;
	}
.alertify {
	position: fixed; z-index: 99999;
	top: 50px; left: 50%;
	width: 550px;
	margin-left: -275px;
	opacity: 1;
}
	.alertify-hidden {
		-webkit-transform: translate(0,-150px);
		   -moz-transform: translate(0,-150px);
		    -ms-transform: translate(0,-150px);
		     -o-transform: translate(0,-150px);
		        transform: translate(0,-150px);
		opacity: 0;
		display: none;
	}
	/* overwrite display: none; for everything except IE6-8 */
	:root *> .alertify-hidden { display: block; }
.alertify-logs {
	position: fixed;
	z-index: 5000;
	bottom: 10px;
	right: 10px;
	width: 300px;
}
.alertify-logs-hidden {
	display: none;
}
	.alertify-log {
		display: block;
		margin-top: 10px;
		position: relative;
		right: -300px;
		opacity: 0;
	}
	.alertify-log-show {
		right: 0;
		opacity: 1;
	}
	.alertify-log-hide {
		-webkit-transform: translate(300px, 0);
		   -moz-transform: translate(300px, 0);
		    -ms-transform: translate(300px, 0);
		     -o-transform: translate(300px, 0);
		        transform: translate(300px, 0);
		opacity: 0;
	}
	.alertify-dialog {
		padding: 25px;
	}
		.alertify-resetFocus {
			border: 0;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px;
		}
		.alertify-inner {
			text-align: center;
		}
		.alertify-text {
			margin-bottom: 15px;
			width: 100%;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
			font-size: 100%;
		}
		.alertify-buttons {
		}
			.alertify-button,
			.alertify-button:hover,
			.alertify-button:active,
			.alertify-button:visited {
				background: none;
				text-decoration: none;
				border: none;
				/* line-height and font-size for input button */
				line-height: 1.5;
				font-size: 100%;
				display: inline-block;
				cursor: pointer;
				margin-left: 5px;
			}

.alertify-isHidden {
	visibility: hidden;
}

@media only screen and (max-width: 680px) {
	.alertify,
	.alertify-logs {
		width: 90%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.alertify {
		left: 5%;
		margin: 0;
	}
}

/**
 * Default Look and Feel
 */
.alertify,
.alertify-log {
	font-family: sans-serif;
}
.alertify {
	background: #FFF;
	/*border: 10px solid #333; /* browsers that don't support rgba */
	/*border: 10px solid rgba(0,0,0,.7);*/
	border-radius: 8px;
	box-shadow: 0 3px 3px rgba(0,0,0,.3);
	-webkit-background-clip: padding;     /* Safari 4? Chrome 6? */
	   -moz-background-clip: padding;     /* Firefox 3.6 */
	        background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
}
	.alertify-text {
		border: 1px solid #CCC;
		padding: 10px;
		border-radius: 4px;
	}
	.alertify-button {
		border-radius: 4px;
		color: #FFF;
		font-weight: normal;
		padding: 6px 15px;
		text-decoration: none;
		text-shadow: 1px 1px 0 rgba(0,0,0,.5);
		box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5);
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:    -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:     -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:      -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:         linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
	}
	.alertify-button:hover,
	.alertify-button:focus {
		outline: none;
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:         linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
	}
	.alertify-button:focus {
		/*box-shadow: 0 0 15px #2B72D5;*/
	}
	.alertify-button:active {
		position: relative;
		box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
	}
		.alertify-button-cancel,
		.alertify-button-cancel:hover,
		.alertify-button-cancel:focus {
			background-color: #FE1A00;
			border: 1px solid #D83526;
		}
		.alertify-button-ok,
		.alertify-button-ok:hover,
		.alertify-button-ok:focus {
			background-color: #5CB811;
		    color: #FFF;
			/*border: 1px solid #3B7808;*/
		}

.alertify-log {
	background: #1F1F1F;
	background: rgba(0,0,0,.9);
	padding: 15px;
	border-radius: 4px;
	color: #FFF;
	text-shadow: -1px -1px 0 rgba(0,0,0,.5);
}
	.alertify-log-error {
		background: #FE1A00;
		background: rgba(254,26,0,.9);
	}
	.alertify-log-success {
		background: #5CB811;
		background: rgba(92,184,17,.9);
	}
a {
    color: #009EE3;
}

a:hover {
    color: #949393;
}

#top-bar.pdr > div > div > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    #top-bar.pdr > div > div > ul > li {
        height: 76px;
        display: inline-block;
        font-size: 22px;
        vertical-align: top;

    }

#top-bar.pdr > div > div > ul > li.small {
    font-size: 16px;
}

#top-bar.pdr > div > div > ul > li > a {
    display: block;
    height: 76px;
    line-height: 76px;
    padding: 0 10px;
    text-align: center;
}

#top-bar.pdr > div > div > ul > li > a.active {
    display: block!important;
    background: url(/Content/themes/pdr/images/menu-marker.png) no-repeat bottom center; 
}

#top-bar.pdr > div > div > ul > li > a.logo {
    padding: 0;
}

#top-bar.pdr > div > div > ul > li > a:hover {
    color: #949393;
}

#top-bar.pdr a.dropdown-link {
    background: url(/Content/themes/apster/images/arrow-navy.png) no-repeat right 34px;
    margin-right: 20px;
    padding-right: 25px;
}

#top-bar.pdr a.dropdown-link i {
    margin-right: 7px;
}
/*#top-bar.pdr a.settings:before {
    content: url(/Content/themes/pdr/images/settings.png);
    position: relative;
    top: 6px;
    margin-right: 10px;
}*/
    ul.dropdown-menu {
        display: none;
        position: relative;
        background-color: #fff;
        list-style-type: none;
        padding: 20px 0;
        margin: 0;
        text-align: left;
        border-right: 1px solid #CCD8E3;
        border-bottom: 1px solid #CCD8E3;
        border-left: 1px solid #CCD8E3;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        z-index: 999;
    }

#top-bar.pdr li:hover .dropdown-menu {
    display: block;
}

ul.dropdown-menu li > a {
    display: block;
    padding: 0 20px;
    margin: 0;
    font-size: 15px;
    line-height: 1;
}

ul.dropdown-menu hr {
    margin: 10px 20px;
    border-color: #CCD8E3;
}
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-8bits, .la-ball-8bits > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-8bits {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-8bits.la-dark {
        color: #333
    }

    .la-ball-8bits > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-8bits {
    width: 12px;
    height: 12px
}

    .la-ball-8bits > div {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 4px;
        height: 4px;
        border-radius: 0;
        opacity: 0;
        -webkit-transform: translate(100%, 100%);
        -moz-transform: translate(100%, 100%);
        -ms-transform: translate(100%, 100%);
        -o-transform: translate(100%, 100%);
        transform: translate(100%, 100%);
        -webkit-animation: ball-8bits 1s 0s ease infinite;
        -moz-animation: ball-8bits 1s 0s ease infinite;
        -o-animation: ball-8bits 1s 0s ease infinite;
        animation: ball-8bits 1s 0s ease infinite
    }

        .la-ball-8bits > div:nth-child(1) {
            -webkit-animation-delay: -.9375s;
            -moz-animation-delay: -.9375s;
            -o-animation-delay: -.9375s;
            animation-delay: -.9375s
        }

        .la-ball-8bits > div:nth-child(2) {
            -webkit-animation-delay: -.875s;
            -moz-animation-delay: -.875s;
            -o-animation-delay: -.875s;
            animation-delay: -.875s
        }

        .la-ball-8bits > div:nth-child(3) {
            -webkit-animation-delay: -.8125s;
            -moz-animation-delay: -.8125s;
            -o-animation-delay: -.8125s;
            animation-delay: -.8125s
        }

        .la-ball-8bits > div:nth-child(4) {
            -webkit-animation-delay: -.75s;
            -moz-animation-delay: -.75s;
            -o-animation-delay: -.75s;
            animation-delay: -.75s
        }

        .la-ball-8bits > div:nth-child(5) {
            -webkit-animation-delay: -.6875s;
            -moz-animation-delay: -.6875s;
            -o-animation-delay: -.6875s;
            animation-delay: -.6875s
        }

        .la-ball-8bits > div:nth-child(6) {
            -webkit-animation-delay: -.625s;
            -moz-animation-delay: -.625s;
            -o-animation-delay: -.625s;
            animation-delay: -.625s
        }

        .la-ball-8bits > div:nth-child(7) {
            -webkit-animation-delay: -.5625s;
            -moz-animation-delay: -.5625s;
            -o-animation-delay: -.5625s;
            animation-delay: -.5625s
        }

        .la-ball-8bits > div:nth-child(8) {
            -webkit-animation-delay: -.5s;
            -moz-animation-delay: -.5s;
            -o-animation-delay: -.5s;
            animation-delay: -.5s
        }

        .la-ball-8bits > div:nth-child(9) {
            -webkit-animation-delay: -.4375s;
            -moz-animation-delay: -.4375s;
            -o-animation-delay: -.4375s;
            animation-delay: -.4375s
        }

        .la-ball-8bits > div:nth-child(10) {
            -webkit-animation-delay: -.375s;
            -moz-animation-delay: -.375s;
            -o-animation-delay: -.375s;
            animation-delay: -.375s
        }

        .la-ball-8bits > div:nth-child(11) {
            -webkit-animation-delay: -.3125s;
            -moz-animation-delay: -.3125s;
            -o-animation-delay: -.3125s;
            animation-delay: -.3125s
        }

        .la-ball-8bits > div:nth-child(12) {
            -webkit-animation-delay: -.25s;
            -moz-animation-delay: -.25s;
            -o-animation-delay: -.25s;
            animation-delay: -.25s
        }

        .la-ball-8bits > div:nth-child(13) {
            -webkit-animation-delay: -.1875s;
            -moz-animation-delay: -.1875s;
            -o-animation-delay: -.1875s;
            animation-delay: -.1875s
        }

        .la-ball-8bits > div:nth-child(14) {
            -webkit-animation-delay: -.125s;
            -moz-animation-delay: -.125s;
            -o-animation-delay: -.125s;
            animation-delay: -.125s
        }

        .la-ball-8bits > div:nth-child(15) {
            -webkit-animation-delay: -.0625s;
            -moz-animation-delay: -.0625s;
            -o-animation-delay: -.0625s;
            animation-delay: -.0625s
        }

        .la-ball-8bits > div:nth-child(16) {
            -webkit-animation-delay: 0s;
            -moz-animation-delay: 0s;
            -o-animation-delay: 0s;
            animation-delay: 0s
        }

        .la-ball-8bits > div:nth-child(1) {
            top: -100%;
            left: 0
        }

        .la-ball-8bits > div:nth-child(2) {
            top: -100%;
            left: 33.3333333333%
        }

        .la-ball-8bits > div:nth-child(3) {
            top: -66.6666666667%;
            left: 66.6666666667%
        }

        .la-ball-8bits > div:nth-child(4) {
            top: -33.3333333333%;
            left: 100%
        }

        .la-ball-8bits > div:nth-child(5) {
            top: 0;
            left: 100%
        }

        .la-ball-8bits > div:nth-child(6) {
            top: 33.3333333333%;
            left: 100%
        }

        .la-ball-8bits > div:nth-child(7) {
            top: 66.6666666667%;
            left: 66.6666666667%
        }

        .la-ball-8bits > div:nth-child(8) {
            top: 100%;
            left: 33.3333333333%
        }

        .la-ball-8bits > div:nth-child(9) {
            top: 100%;
            left: 0
        }

        .la-ball-8bits > div:nth-child(10) {
            top: 100%;
            left: -33.3333333333%
        }

        .la-ball-8bits > div:nth-child(11) {
            top: 66.6666666667%;
            left: -66.6666666667%
        }

        .la-ball-8bits > div:nth-child(12) {
            top: 33.3333333333%;
            left: -100%
        }

        .la-ball-8bits > div:nth-child(13) {
            top: 0;
            left: -100%
        }

        .la-ball-8bits > div:nth-child(14) {
            top: -33.3333333333%;
            left: -100%
        }

        .la-ball-8bits > div:nth-child(15) {
            top: -66.6666666667%;
            left: -66.6666666667%
        }

        .la-ball-8bits > div:nth-child(16) {
            top: -100%;
            left: -33.3333333333%
        }

    .la-ball-8bits.la-sm {
        width: 6px;
        height: 6px
    }

        .la-ball-8bits.la-sm > div {
            width: 2px;
            height: 2px
        }

    .la-ball-8bits.la-2x {
        width: 24px;
        height: 24px
    }

        .la-ball-8bits.la-2x > div {
            width: 8px;
            height: 8px
        }

    .la-ball-8bits.la-3x {
        width: 36px;
        height: 36px
    }

        .la-ball-8bits.la-3x > div {
            width: 12px;
            height: 12px
        }

@-webkit-keyframes ball-8bits {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    51% {
        opacity: 0
    }
}

@-moz-keyframes ball-8bits {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    51% {
        opacity: 0
    }
}

@-o-keyframes ball-8bits {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    51% {
        opacity: 0
    }
}

@keyframes ball-8bits {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    51% {
        opacity: 0
    }
}


.la-ball-atom, .la-ball-atom > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-atom {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-atom.la-dark {
        color: #333
    }

    .la-ball-atom > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-atom {
    width: 32px;
    height: 32px
}

    .la-ball-atom > div:nth-child(1) {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        width: 60%;
        height: 60%;
        background: #aaa;
        border-radius: 100%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-animation: ball-atom-shrink 4.5s infinite linear;
        -moz-animation: ball-atom-shrink 4.5s infinite linear;
        -o-animation: ball-atom-shrink 4.5s infinite linear;
        animation: ball-atom-shrink 4.5s infinite linear
    }

    .la-ball-atom > div:not(:nth-child(1)) {
        position: absolute;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        background: none;
        -webkit-animation: ball-atom-zindex 1.5s 0s infinite steps(2, end);
        -moz-animation: ball-atom-zindex 1.5s 0s infinite steps(2, end);
        -o-animation: ball-atom-zindex 1.5s 0s infinite steps(2, end);
        animation: ball-atom-zindex 1.5s 0s infinite steps(2, end)
    }

        .la-ball-atom > div:not(:nth-child(1)):before {
            position: absolute;
            top: 0;
            left: 0;
            width: 10px;
            height: 10px;
            margin-top: -5px;
            margin-left: -5px;
            content: "";
            background: currentColor;
            border-radius: 50%;
            opacity: .75;
            -webkit-animation: ball-atom-position 1.5s 0s infinite ease,ball-atom-size 1.5s 0s infinite ease;
            -moz-animation: ball-atom-position 1.5s 0s infinite ease,ball-atom-size 1.5s 0s infinite ease;
            -o-animation: ball-atom-position 1.5s 0s infinite ease,ball-atom-size 1.5s 0s infinite ease;
            animation: ball-atom-position 1.5s 0s infinite ease,ball-atom-size 1.5s 0s infinite ease
        }

    .la-ball-atom > div:nth-child(2) {
        -webkit-animation-delay: .75s;
        -moz-animation-delay: .75s;
        -o-animation-delay: .75s;
        animation-delay: .75s
    }

        .la-ball-atom > div:nth-child(2):before {
            -webkit-animation-delay: 0s,-1.125s;
            -moz-animation-delay: 0s,-1.125s;
            -o-animation-delay: 0s,-1.125s;
            animation-delay: 0s,-1.125s
        }

    .la-ball-atom > div:nth-child(3) {
        -webkit-transform: rotate(120deg);
        -moz-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        -o-transform: rotate(120deg);
        transform: rotate(120deg);
        -webkit-animation-delay: -.25s;
        -moz-animation-delay: -.25s;
        -o-animation-delay: -.25s;
        animation-delay: -.25s
    }

        .la-ball-atom > div:nth-child(3):before {
            -webkit-animation-delay: -1s,-0.75s;
            -moz-animation-delay: -1s,-0.75s;
            -o-animation-delay: -1s,-0.75s;
            animation-delay: -1s,-0.75s
        }

    .la-ball-atom > div:nth-child(4) {
        -webkit-transform: rotate(240deg);
        -moz-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        -o-transform: rotate(240deg);
        transform: rotate(240deg);
        -webkit-animation-delay: .25s;
        -moz-animation-delay: .25s;
        -o-animation-delay: .25s;
        animation-delay: .25s
    }

        .la-ball-atom > div:nth-child(4):before {
            -webkit-animation-delay: -0.5s,-0.125s;
            -moz-animation-delay: -0.5s,-0.125s;
            -o-animation-delay: -0.5s,-0.125s;
            animation-delay: -0.5s,-0.125s
        }

    .la-ball-atom.la-sm {
        width: 16px;
        height: 16px
    }

        .la-ball-atom.la-sm > div:not(:nth-child(1)):before {
            width: 4px;
            height: 4px;
            margin-top: -2px;
            margin-left: -2px
        }

    .la-ball-atom.la-2x {
        width: 64px;
        height: 64px
    }

        .la-ball-atom.la-2x > div:not(:nth-child(1)):before {
            width: 20px;
            height: 20px;
            margin-top: -10px;
            margin-left: -10px
        }

    .la-ball-atom.la-3x {
        width: 96px;
        height: 96px
    }

        .la-ball-atom.la-3x > div:not(:nth-child(1)):before {
            width: 30px;
            height: 30px;
            margin-top: -15px;
            margin-left: -15px
        }

@-webkit-keyframes ball-atom-position {
    50% {
        top: 100%;
        left: 100%
    }
}

@-moz-keyframes ball-atom-position {
    50% {
        top: 100%;
        left: 100%
    }
}

@-o-keyframes ball-atom-position {
    50% {
        top: 100%;
        left: 100%
    }
}

@keyframes ball-atom-position {
    50% {
        top: 100%;
        left: 100%
    }
}

@-webkit-keyframes ball-atom-size {
    50% {
        -webkit-transform: scale(0.5, 0.5);
        transform: scale(0.5, 0.5)
    }
}

@-moz-keyframes ball-atom-size {
    50% {
        -moz-transform: scale(0.5, 0.5);
        transform: scale(0.5, 0.5)
    }
}

@-o-keyframes ball-atom-size {
    50% {
        -o-transform: scale(0.5, 0.5);
        transform: scale(0.5, 0.5)
    }
}

@keyframes ball-atom-size {
    50% {
        -webkit-transform: scale(0.5, 0.5);
        -moz-transform: scale(0.5, 0.5);
        -o-transform: scale(0.5, 0.5);
        transform: scale(0.5, 0.5)
    }
}

@-webkit-keyframes ball-atom-zindex {
    50% {
        z-index: 10
    }
}

@-moz-keyframes ball-atom-zindex {
    50% {
        z-index: 10
    }
}

@-o-keyframes ball-atom-zindex {
    50% {
        z-index: 10
    }
}

@keyframes ball-atom-zindex {
    50% {
        z-index: 10
    }
}

@-webkit-keyframes ball-atom-shrink {
    50% {
        -webkit-transform: translate(-50%, -50%) scale(0.8, 0.8);
        transform: translate(-50%, -50%) scale(0.8, 0.8)
    }
}

@-moz-keyframes ball-atom-shrink {
    50% {
        -moz-transform: translate(-50%, -50%) scale(0.8, 0.8);
        transform: translate(-50%, -50%) scale(0.8, 0.8)
    }
}

@-o-keyframes ball-atom-shrink {
    50% {
        -o-transform: translate(-50%, -50%) scale(0.8, 0.8);
        transform: translate(-50%, -50%) scale(0.8, 0.8)
    }
}

@keyframes ball-atom-shrink {
    50% {
        -webkit-transform: translate(-50%, -50%) scale(0.8, 0.8);
        -moz-transform: translate(-50%, -50%) scale(0.8, 0.8);
        -o-transform: translate(-50%, -50%) scale(0.8, 0.8);
        transform: translate(-50%, -50%) scale(0.8, 0.8)
    }
}


.la-ball-beat, .la-ball-beat > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-beat {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-beat.la-dark {
        color: #333
    }

    .la-ball-beat > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-beat {
    width: 54px;
    height: 18px
}

    .la-ball-beat > div {
        width: 10px;
        height: 10px;
        margin: 4px;
        border-radius: 100%;
        -webkit-animation: ball-beat 0.7s -0.15s infinite linear;
        -moz-animation: ball-beat 0.7s -0.15s infinite linear;
        -o-animation: ball-beat 0.7s -0.15s infinite linear;
        animation: ball-beat 0.7s -0.15s infinite linear
    }

        .la-ball-beat > div:nth-child(2n-1) {
            -webkit-animation-delay: -.5s;
            -moz-animation-delay: -.5s;
            -o-animation-delay: -.5s;
            animation-delay: -.5s
        }

    .la-ball-beat.la-sm {
        width: 26px;
        height: 8px
    }

        .la-ball-beat.la-sm > div {
            width: 4px;
            height: 4px;
            margin: 2px
        }

    .la-ball-beat.la-2x {
        width: 108px;
        height: 36px
    }

        .la-ball-beat.la-2x > div {
            width: 20px;
            height: 20px;
            margin: 8px
        }

    .la-ball-beat.la-3x {
        width: 162px;
        height: 54px
    }

        .la-ball-beat.la-3x > div {
            width: 30px;
            height: 30px;
            margin: 12px
        }

@-webkit-keyframes ball-beat {
    50% {
        opacity: .2;
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes ball-beat {
    50% {
        opacity: .2;
        -moz-transform: scale(0.75);
        transform: scale(0.75)
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes ball-beat {
    50% {
        opacity: .2;
        -o-transform: scale(0.75);
        transform: scale(0.75)
    }

    100% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-beat {
    50% {
        opacity: .2;
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        -o-transform: scale(0.75);
        transform: scale(0.75)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}


.la-ball-circus, .la-ball-circus > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-circus {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-circus.la-dark {
        color: #333
    }

    .la-ball-circus > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-circus {
    width: 16px;
    height: 16px
}

    .la-ball-circus > div {
        position: absolute;
        top: 0;
        left: -100%;
        display: block;
        width: 16px;
        width: 100%;
        height: 16px;
        height: 100%;
        border-radius: 100%;
        opacity: .5;
        -webkit-animation: ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1),ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);
        -moz-animation: ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1),ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);
        -o-animation: ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1),ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);
        animation: ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1),ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1)
    }

        .la-ball-circus > div:nth-child(1) {
            -webkit-animation-delay: 0s,-0.5s;
            -moz-animation-delay: 0s,-0.5s;
            -o-animation-delay: 0s,-0.5s;
            animation-delay: 0s,-0.5s
        }

        .la-ball-circus > div:nth-child(2) {
            -webkit-animation-delay: -0.5s,-1s;
            -moz-animation-delay: -0.5s,-1s;
            -o-animation-delay: -0.5s,-1s;
            animation-delay: -0.5s,-1s
        }

        .la-ball-circus > div:nth-child(3) {
            -webkit-animation-delay: -1s,-1.5s;
            -moz-animation-delay: -1s,-1.5s;
            -o-animation-delay: -1s,-1.5s;
            animation-delay: -1s,-1.5s
        }

        .la-ball-circus > div:nth-child(4) {
            -webkit-animation-delay: -1.5s,-2s;
            -moz-animation-delay: -1.5s,-2s;
            -o-animation-delay: -1.5s,-2s;
            animation-delay: -1.5s,-2s
        }

        .la-ball-circus > div:nth-child(5) {
            -webkit-animation-delay: -2s,-2.5s;
            -moz-animation-delay: -2s,-2.5s;
            -o-animation-delay: -2s,-2.5s;
            animation-delay: -2s,-2.5s
        }

    .la-ball-circus.la-sm {
        width: 8px;
        height: 8px
    }

        .la-ball-circus.la-sm > div {
            width: 8px;
            height: 8px
        }

    .la-ball-circus.la-2x {
        width: 32px;
        height: 32px
    }

        .la-ball-circus.la-2x > div {
            width: 32px;
            height: 32px
        }

    .la-ball-circus.la-3x {
        width: 48px;
        height: 48px
    }

        .la-ball-circus.la-3x > div {
            width: 48px;
            height: 48px
        }

@-webkit-keyframes ball-circus-position {
    50% {
        left: 100%
    }
}

@-moz-keyframes ball-circus-position {
    50% {
        left: 100%
    }
}

@-o-keyframes ball-circus-position {
    50% {
        left: 100%
    }
}

@keyframes ball-circus-position {
    50% {
        left: 100%
    }
}

@-webkit-keyframes ball-circus-size {
    50% {
        -webkit-transform: scale(0.3, 0.3);
        transform: scale(0.3, 0.3)
    }
}

@-moz-keyframes ball-circus-size {
    50% {
        -moz-transform: scale(0.3, 0.3);
        transform: scale(0.3, 0.3)
    }
}

@-o-keyframes ball-circus-size {
    50% {
        -o-transform: scale(0.3, 0.3);
        transform: scale(0.3, 0.3)
    }
}

@keyframes ball-circus-size {
    50% {
        -webkit-transform: scale(0.3, 0.3);
        -moz-transform: scale(0.3, 0.3);
        -o-transform: scale(0.3, 0.3);
        transform: scale(0.3, 0.3)
    }
}


.la-ball-climbing-dot, .la-ball-climbing-dot > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-climbing-dot {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-climbing-dot.la-dark {
        color: #333
    }

    .la-ball-climbing-dot > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-climbing-dot {
    width: 42px;
    height: 32px
}

    .la-ball-climbing-dot > div:nth-child(1) {
        position: absolute;
        bottom: 32%;
        left: 18%;
        width: 14px;
        height: 14px;
        border-radius: 100%;
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation: ball-climbing-dot-jump 0.6s ease-in-out infinite;
        -moz-animation: ball-climbing-dot-jump 0.6s ease-in-out infinite;
        -o-animation: ball-climbing-dot-jump 0.6s ease-in-out infinite;
        animation: ball-climbing-dot-jump 0.6s ease-in-out infinite
    }

    .la-ball-climbing-dot > div:not(:nth-child(1)) {
        position: absolute;
        top: 0;
        right: 0;
        width: 14px;
        height: 2px;
        border-radius: 0;
        -webkit-transform: translate(60%, 0);
        -moz-transform: translate(60%, 0);
        -ms-transform: translate(60%, 0);
        -o-transform: translate(60%, 0);
        transform: translate(60%, 0);
        -webkit-animation: ball-climbing-dot-steps 1.8s linear infinite;
        -moz-animation: ball-climbing-dot-steps 1.8s linear infinite;
        -o-animation: ball-climbing-dot-steps 1.8s linear infinite;
        animation: ball-climbing-dot-steps 1.8s linear infinite
    }

        .la-ball-climbing-dot > div:not(:nth-child(1)):nth-child(2) {
            -webkit-animation-delay: 0ms;
            -moz-animation-delay: 0ms;
            -o-animation-delay: 0ms;
            animation-delay: 0ms
        }

        .la-ball-climbing-dot > div:not(:nth-child(1)):nth-child(3) {
            -webkit-animation-delay: -600ms;
            -moz-animation-delay: -600ms;
            -o-animation-delay: -600ms;
            animation-delay: -600ms
        }

        .la-ball-climbing-dot > div:not(:nth-child(1)):nth-child(4) {
            -webkit-animation-delay: -1200ms;
            -moz-animation-delay: -1200ms;
            -o-animation-delay: -1200ms;
            animation-delay: -1200ms
        }

    .la-ball-climbing-dot.la-sm {
        width: 20px;
        height: 16px
    }

        .la-ball-climbing-dot.la-sm > div:nth-child(1) {
            width: 6px;
            height: 6px
        }

        .la-ball-climbing-dot.la-sm > div:not(:nth-child(1)) {
            width: 6px;
            height: 1px
        }

    .la-ball-climbing-dot.la-2x {
        width: 84px;
        height: 64px
    }

        .la-ball-climbing-dot.la-2x > div:nth-child(1) {
            width: 28px;
            height: 28px
        }

        .la-ball-climbing-dot.la-2x > div:not(:nth-child(1)) {
            width: 28px;
            height: 4px
        }

    .la-ball-climbing-dot.la-3x {
        width: 126px;
        height: 96px
    }

        .la-ball-climbing-dot.la-3x > div:nth-child(1) {
            width: 42px;
            height: 42px
        }

        .la-ball-climbing-dot.la-3x > div:not(:nth-child(1)) {
            width: 42px;
            height: 6px
        }

@-webkit-keyframes ball-climbing-dot-jump {
    0% {
        -webkit-transform: scale(1, 0.7);
        transform: scale(1, 0.7)
    }

    20% {
        -webkit-transform: scale(0.7, 1.2);
        transform: scale(0.7, 1.2)
    }

    40% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    50% {
        bottom: 125%
    }

    46% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    80% {
        -webkit-transform: scale(0.7, 1.2);
        transform: scale(0.7, 1.2)
    }

    90% {
        -webkit-transform: scale(0.7, 1.2);
        transform: scale(0.7, 1.2)
    }

    100% {
        -webkit-transform: scale(1, 0.7);
        transform: scale(1, 0.7)
    }
}

@-moz-keyframes ball-climbing-dot-jump {
    0% {
        -moz-transform: scale(1, 0.7);
        transform: scale(1, 0.7)
    }

    20% {
        -moz-transform: scale(0.7, 1.2);
        transform: scale(0.7, 1.2)
    }

    40% {
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    50% {
        bottom: 125%
    }

    46% {
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    80% {
        -moz-transform: scale(0.7, 1.2);
        transform: scale(0.7, 1.2)
    }

    90% {
        -moz-transform: scale(0.7, 1.2);
        transform: scale(0.7, 1.2)
    }

    100% {
        -moz-transform: scale(1, 0.7);
        transform: scale(1, 0.7)
    }
}

@-o-keyframes ball-climbing-dot-jump {
    0% {
        -o-transform: scale(1, 0.7);
        transform: scale(1, 0.7)
    }

    20% {
        -o-transform: scale(0.7, 1.2);
        transform: scale(0.7, 1.2)
    }

    40% {
        -o-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    50% {
        bottom: 125%
    }

    46% {
        -o-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    80% {
        -o-transform: scale(0.7, 1.2);
        transform: scale(0.7, 1.2)
    }

    90% {
        -o-transform: scale(0.7, 1.2);
        transform: scale(0.7, 1.2)
    }

    100% {
        -o-transform: scale(1, 0.7);
        transform: scale(1, 0.7)
    }
}

@keyframes ball-climbing-dot-jump {
    0% {
        -webkit-transform: scale(1, 0.7);
        -moz-transform: scale(1, 0.7);
        -o-transform: scale(1, 0.7);
        transform: scale(1, 0.7)
    }

    20% {
        -webkit-transform: scale(0.7, 1.2);
        -moz-transform: scale(0.7, 1.2);
        -o-transform: scale(0.7, 1.2);
        transform: scale(0.7, 1.2)
    }

    40% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    50% {
        bottom: 125%
    }

    46% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    80% {
        -webkit-transform: scale(0.7, 1.2);
        -moz-transform: scale(0.7, 1.2);
        -o-transform: scale(0.7, 1.2);
        transform: scale(0.7, 1.2)
    }

    90% {
        -webkit-transform: scale(0.7, 1.2);
        -moz-transform: scale(0.7, 1.2);
        -o-transform: scale(0.7, 1.2);
        transform: scale(0.7, 1.2)
    }

    100% {
        -webkit-transform: scale(1, 0.7);
        -moz-transform: scale(1, 0.7);
        -o-transform: scale(1, 0.7);
        transform: scale(1, 0.7)
    }
}

@-webkit-keyframes ball-climbing-dot-steps {
    0% {
        top: 0;
        right: 0;
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        top: 100%;
        right: 100%;
        opacity: 0
    }
}

@-moz-keyframes ball-climbing-dot-steps {
    0% {
        top: 0;
        right: 0;
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        top: 100%;
        right: 100%;
        opacity: 0
    }
}

@-o-keyframes ball-climbing-dot-steps {
    0% {
        top: 0;
        right: 0;
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        top: 100%;
        right: 100%;
        opacity: 0
    }
}

@keyframes ball-climbing-dot-steps {
    0% {
        top: 0;
        right: 0;
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        top: 100%;
        right: 100%;
        opacity: 0
    }
}


.la-ball-clip-rotate-multiple, .la-ball-clip-rotate-multiple > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-clip-rotate-multiple {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-clip-rotate-multiple.la-dark {
        color: #333
    }

    .la-ball-clip-rotate-multiple > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-clip-rotate-multiple {
    width: 32px;
    height: 32px
}

    .la-ball-clip-rotate-multiple > div {
        position: absolute;
        top: 50%;
        left: 50%;
        background: transparent;
        border-style: solid;
        border-width: 2px;
        border-radius: 100%;
        -webkit-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
        -moz-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
        -o-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
        animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite
    }

        .la-ball-clip-rotate-multiple > div:first-child {
            position: absolute;
            width: 32px;
            height: 32px;
            border-right-color: transparent;
            border-left-color: transparent
        }

        .la-ball-clip-rotate-multiple > div:last-child {
            width: 16px;
            height: 16px;
            border-top-color: transparent;
            border-bottom-color: transparent;
            -webkit-animation-duration: .5s;
            -moz-animation-duration: .5s;
            -o-animation-duration: .5s;
            animation-duration: .5s;
            -webkit-animation-direction: reverse;
            -moz-animation-direction: reverse;
            -o-animation-direction: reverse;
            animation-direction: reverse
        }

    .la-ball-clip-rotate-multiple.la-sm {
        width: 16px;
        height: 16px
    }

        .la-ball-clip-rotate-multiple.la-sm > div {
            border-width: 1px
        }

            .la-ball-clip-rotate-multiple.la-sm > div:first-child {
                width: 16px;
                height: 16px
            }

            .la-ball-clip-rotate-multiple.la-sm > div:last-child {
                width: 8px;
                height: 8px
            }

    .la-ball-clip-rotate-multiple.la-2x {
        width: 64px;
        height: 64px
    }

        .la-ball-clip-rotate-multiple.la-2x > div {
            border-width: 4px
        }

            .la-ball-clip-rotate-multiple.la-2x > div:first-child {
                width: 64px;
                height: 64px
            }

            .la-ball-clip-rotate-multiple.la-2x > div:last-child {
                width: 32px;
                height: 32px
            }

    .la-ball-clip-rotate-multiple.la-3x {
        width: 96px;
        height: 96px
    }

        .la-ball-clip-rotate-multiple.la-3x > div {
            border-width: 6px
        }

            .la-ball-clip-rotate-multiple.la-3x > div:first-child {
                width: 96px;
                height: 96px
            }

            .la-ball-clip-rotate-multiple.la-3x > div:last-child {
                width: 48px;
                height: 48px
            }

@-webkit-keyframes ball-clip-rotate-multiple-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    50% {
        -webkit-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@-moz-keyframes ball-clip-rotate-multiple-rotate {
    0% {
        -moz-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    50% {
        -moz-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }

    100% {
        -moz-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@-o-keyframes ball-clip-rotate-multiple-rotate {
    0% {
        -o-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    50% {
        -o-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }

    100% {
        -o-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes ball-clip-rotate-multiple-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -moz-transform: translate(-50%, -50%) rotate(0deg);
        -o-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    50% {
        -webkit-transform: translate(-50%, -50%) rotate(180deg);
        -moz-transform: translate(-50%, -50%) rotate(180deg);
        -o-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        -moz-transform: translate(-50%, -50%) rotate(360deg);
        -o-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}


.la-ball-clip-rotate-pulse, .la-ball-clip-rotate-pulse > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-clip-rotate-pulse {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-clip-rotate-pulse.la-dark {
        color: #333
    }

    .la-ball-clip-rotate-pulse > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-clip-rotate-pulse {
    width: 32px;
    height: 32px
}

    .la-ball-clip-rotate-pulse > div {
        position: absolute;
        top: 50%;
        left: 50%;
        border-radius: 100%
    }

        .la-ball-clip-rotate-pulse > div:first-child {
            position: absolute;
            width: 32px;
            height: 32px;
            background: transparent;
            border-style: solid;
            border-width: 2px;
            border-right-color: transparent;
            border-left-color: transparent;
            -webkit-animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
            -moz-animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
            -o-animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
            animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite
        }

        .la-ball-clip-rotate-pulse > div:last-child {
            width: 16px;
            height: 16px;
            -webkit-animation: ball-clip-rotate-pulse-scale 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
            -moz-animation: ball-clip-rotate-pulse-scale 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
            -o-animation: ball-clip-rotate-pulse-scale 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
            animation: ball-clip-rotate-pulse-scale 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite
        }

    .la-ball-clip-rotate-pulse.la-sm {
        width: 16px;
        height: 16px
    }

        .la-ball-clip-rotate-pulse.la-sm > div:first-child {
            width: 16px;
            height: 16px;
            border-width: 1px
        }

        .la-ball-clip-rotate-pulse.la-sm > div:last-child {
            width: 8px;
            height: 8px
        }

    .la-ball-clip-rotate-pulse.la-2x {
        width: 64px;
        height: 64px
    }

        .la-ball-clip-rotate-pulse.la-2x > div:first-child {
            width: 64px;
            height: 64px;
            border-width: 4px
        }

        .la-ball-clip-rotate-pulse.la-2x > div:last-child {
            width: 32px;
            height: 32px
        }

    .la-ball-clip-rotate-pulse.la-3x {
        width: 96px;
        height: 96px
    }

        .la-ball-clip-rotate-pulse.la-3x > div:first-child {
            width: 96px;
            height: 96px;
            border-width: 6px
        }

        .la-ball-clip-rotate-pulse.la-3x > div:last-child {
            width: 48px;
            height: 48px
        }

@-webkit-keyframes ball-clip-rotate-pulse-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    50% {
        -webkit-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@-moz-keyframes ball-clip-rotate-pulse-rotate {
    0% {
        -moz-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    50% {
        -moz-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }

    100% {
        -moz-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@-o-keyframes ball-clip-rotate-pulse-rotate {
    0% {
        -o-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    50% {
        -o-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }

    100% {
        -o-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes ball-clip-rotate-pulse-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -moz-transform: translate(-50%, -50%) rotate(0deg);
        -o-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    50% {
        -webkit-transform: translate(-50%, -50%) rotate(180deg);
        -moz-transform: translate(-50%, -50%) rotate(180deg);
        -o-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        -moz-transform: translate(-50%, -50%) rotate(360deg);
        -o-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@-webkit-keyframes ball-clip-rotate-pulse-scale {
    0%,100% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }

    30% {
        opacity: .3;
        -webkit-transform: translate(-50%, -50%) scale(0.15);
        transform: translate(-50%, -50%) scale(0.15)
    }
}

@-moz-keyframes ball-clip-rotate-pulse-scale {
    0%,100% {
        opacity: 1;
        -moz-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }

    30% {
        opacity: .3;
        -moz-transform: translate(-50%, -50%) scale(0.15);
        transform: translate(-50%, -50%) scale(0.15)
    }
}

@-o-keyframes ball-clip-rotate-pulse-scale {
    0%,100% {
        opacity: 1;
        -o-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }

    30% {
        opacity: .3;
        -o-transform: translate(-50%, -50%) scale(0.15);
        transform: translate(-50%, -50%) scale(0.15)
    }
}

@keyframes ball-clip-rotate-pulse-scale {
    0%,100% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(1);
        -moz-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }

    30% {
        opacity: .3;
        -webkit-transform: translate(-50%, -50%) scale(0.15);
        -moz-transform: translate(-50%, -50%) scale(0.15);
        -o-transform: translate(-50%, -50%) scale(0.15);
        transform: translate(-50%, -50%) scale(0.15)
    }
}


.la-ball-clip-rotate, .la-ball-clip-rotate > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-clip-rotate {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-clip-rotate.la-dark {
        color: #333
    }

    .la-ball-clip-rotate > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-clip-rotate {
    width: 32px;
    height: 32px
}

    .la-ball-clip-rotate > div {
        width: 32px;
        height: 32px;
        background: transparent;
        border-width: 2px;
        border-bottom-color: transparent;
        border-radius: 100%;
        -webkit-animation: ball-clip-rotate 0.75s linear infinite;
        -moz-animation: ball-clip-rotate 0.75s linear infinite;
        -o-animation: ball-clip-rotate 0.75s linear infinite;
        animation: ball-clip-rotate 0.75s linear infinite
    }

    .la-ball-clip-rotate.la-sm {
        width: 16px;
        height: 16px
    }

        .la-ball-clip-rotate.la-sm > div {
            width: 16px;
            height: 16px;
            border-width: 1px
        }

    .la-ball-clip-rotate.la-2x {
        width: 64px;
        height: 64px
    }

        .la-ball-clip-rotate.la-2x > div {
            width: 64px;
            height: 64px;
            border-width: 4px
        }

    .la-ball-clip-rotate.la-3x {
        width: 96px;
        height: 96px
    }

        .la-ball-clip-rotate.la-3x > div {
            width: 96px;
            height: 96px;
            border-width: 6px
        }

@-webkit-keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes ball-clip-rotate {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes ball-clip-rotate {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}


.la-ball-elastic-dots, .la-ball-elastic-dots > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-elastic-dots {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-elastic-dots.la-dark {
        color: #333
    }

    .la-ball-elastic-dots > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-elastic-dots {
    width: 120px;
    height: 10px;
    font-size: 0;
    text-align: center
}

    .la-ball-elastic-dots > div {
        display: inline-block;
        width: 10px;
        height: 10px;
        white-space: nowrap;
        border-radius: 100%;
        -webkit-animation: ball-elastic-dots-anim 1s infinite;
        -moz-animation: ball-elastic-dots-anim 1s infinite;
        -o-animation: ball-elastic-dots-anim 1s infinite;
        animation: ball-elastic-dots-anim 1s infinite
    }

    .la-ball-elastic-dots.la-sm {
        width: 60px;
        height: 4px
    }

        .la-ball-elastic-dots.la-sm > div {
            width: 4px;
            height: 4px
        }

    .la-ball-elastic-dots.la-2x {
        width: 240px;
        height: 20px
    }

        .la-ball-elastic-dots.la-2x > div {
            width: 20px;
            height: 20px
        }

    .la-ball-elastic-dots.la-3x {
        width: 360px;
        height: 30px
    }

        .la-ball-elastic-dots.la-3x > div {
            width: 30px;
            height: 30px
        }

@-webkit-keyframes ball-elastic-dots-anim {
    0%,100% {
        margin: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        margin: 0 5%;
        -webkit-transform: scale(0.65);
        transform: scale(0.65)
    }
}

@-moz-keyframes ball-elastic-dots-anim {
    0%,100% {
        margin: 0;
        -moz-transform: scale(1);
        transform: scale(1)
    }

    50% {
        margin: 0 5%;
        -moz-transform: scale(0.65);
        transform: scale(0.65)
    }
}

@-o-keyframes ball-elastic-dots-anim {
    0%,100% {
        margin: 0;
        -o-transform: scale(1);
        transform: scale(1)
    }

    50% {
        margin: 0 5%;
        -o-transform: scale(0.65);
        transform: scale(0.65)
    }
}

@keyframes ball-elastic-dots-anim {
    0%,100% {
        margin: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    50% {
        margin: 0 5%;
        -webkit-transform: scale(0.65);
        -moz-transform: scale(0.65);
        -o-transform: scale(0.65);
        transform: scale(0.65)
    }
}


.la-ball-fall, .la-ball-fall > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-fall {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-fall.la-dark {
        color: #333
    }

    .la-ball-fall > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-fall {
    width: 54px;
    height: 18px
}

    .la-ball-fall > div {
        width: 10px;
        height: 10px;
        margin: 4px;
        border-radius: 100%;
        opacity: 0;
        -webkit-animation: ball-fall 1s ease-in-out infinite;
        -moz-animation: ball-fall 1s ease-in-out infinite;
        -o-animation: ball-fall 1s ease-in-out infinite;
        animation: ball-fall 1s ease-in-out infinite
    }

        .la-ball-fall > div:nth-child(1) {
            -webkit-animation-delay: -200ms;
            -moz-animation-delay: -200ms;
            -o-animation-delay: -200ms;
            animation-delay: -200ms
        }

        .la-ball-fall > div:nth-child(2) {
            -webkit-animation-delay: -100ms;
            -moz-animation-delay: -100ms;
            -o-animation-delay: -100ms;
            animation-delay: -100ms
        }

        .la-ball-fall > div:nth-child(3) {
            -webkit-animation-delay: 0ms;
            -moz-animation-delay: 0ms;
            -o-animation-delay: 0ms;
            animation-delay: 0ms
        }

    .la-ball-fall.la-sm {
        width: 26px;
        height: 8px
    }

        .la-ball-fall.la-sm > div {
            width: 4px;
            height: 4px;
            margin: 2px
        }

    .la-ball-fall.la-2x {
        width: 108px;
        height: 36px
    }

        .la-ball-fall.la-2x > div {
            width: 20px;
            height: 20px;
            margin: 8px
        }

    .la-ball-fall.la-3x {
        width: 162px;
        height: 54px
    }

        .la-ball-fall.la-3x > div {
            width: 30px;
            height: 30px;
            margin: 12px
        }

@-webkit-keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        transform: translateY(-145%)
    }

    10% {
        opacity: .5
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    90% {
        opacity: .5
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
        transform: translateY(145%)
    }
}

@-moz-keyframes ball-fall {
    0% {
        opacity: 0;
        -moz-transform: translateY(-145%);
        transform: translateY(-145%)
    }

    10% {
        opacity: .5
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    80% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    90% {
        opacity: .5
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(145%);
        transform: translateY(145%)
    }
}

@-o-keyframes ball-fall {
    0% {
        opacity: 0;
        -o-transform: translateY(-145%);
        transform: translateY(-145%)
    }

    10% {
        opacity: .5
    }

    20% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    80% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    90% {
        opacity: .5
    }

    100% {
        opacity: 0;
        -o-transform: translateY(145%);
        transform: translateY(145%)
    }
}

@keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        -moz-transform: translateY(-145%);
        -o-transform: translateY(-145%);
        transform: translateY(-145%)
    }

    10% {
        opacity: .5
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    90% {
        opacity: .5
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
        -moz-transform: translateY(145%);
        -o-transform: translateY(145%);
        transform: translateY(145%)
    }
}


.la-ball-fussion, .la-ball-fussion > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-fussion {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-fussion.la-dark {
        color: #333
    }

    .la-ball-fussion > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-fussion {
    width: 8px;
    height: 8px
}

    .la-ball-fussion > div {
        position: absolute;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-animation: ball-fussion-ball1 1s 0s ease infinite;
        -moz-animation: ball-fussion-ball1 1s 0s ease infinite;
        -o-animation: ball-fussion-ball1 1s 0s ease infinite;
        animation: ball-fussion-ball1 1s 0s ease infinite
    }

        .la-ball-fussion > div:nth-child(1) {
            top: 0;
            left: 50%;
            z-index: 1
        }

        .la-ball-fussion > div:nth-child(2) {
            top: 50%;
            left: 100%;
            z-index: 2;
            -webkit-animation-name: ball-fussion-ball2;
            -moz-animation-name: ball-fussion-ball2;
            -o-animation-name: ball-fussion-ball2;
            animation-name: ball-fussion-ball2
        }

        .la-ball-fussion > div:nth-child(3) {
            top: 100%;
            left: 50%;
            z-index: 1;
            -webkit-animation-name: ball-fussion-ball3;
            -moz-animation-name: ball-fussion-ball3;
            -o-animation-name: ball-fussion-ball3;
            animation-name: ball-fussion-ball3
        }

        .la-ball-fussion > div:nth-child(4) {
            top: 50%;
            left: 0;
            z-index: 2;
            -webkit-animation-name: ball-fussion-ball4;
            -moz-animation-name: ball-fussion-ball4;
            -o-animation-name: ball-fussion-ball4;
            animation-name: ball-fussion-ball4
        }

    .la-ball-fussion.la-sm {
        width: 4px;
        height: 4px
    }

        .la-ball-fussion.la-sm > div {
            width: 6px;
            height: 6px
        }

    .la-ball-fussion.la-2x {
        width: 16px;
        height: 16px
    }

        .la-ball-fussion.la-2x > div {
            width: 24px;
            height: 24px
        }

    .la-ball-fussion.la-3x {
        width: 24px;
        height: 24px
    }

        .la-ball-fussion.la-3x > div {
            width: 36px;
            height: 36px
        }

@-webkit-keyframes ball-fussion-ball1 {
    0% {
        opacity: .35
    }

    50% {
        top: -100%;
        left: 200%;
        opacity: 1
    }

    100% {
        top: 50%;
        left: 100%;
        z-index: 2;
        opacity: .35
    }
}

@-moz-keyframes ball-fussion-ball1 {
    0% {
        opacity: .35
    }

    50% {
        top: -100%;
        left: 200%;
        opacity: 1
    }

    100% {
        top: 50%;
        left: 100%;
        z-index: 2;
        opacity: .35
    }
}

@-o-keyframes ball-fussion-ball1 {
    0% {
        opacity: .35
    }

    50% {
        top: -100%;
        left: 200%;
        opacity: 1
    }

    100% {
        top: 50%;
        left: 100%;
        z-index: 2;
        opacity: .35
    }
}

@keyframes ball-fussion-ball1 {
    0% {
        opacity: .35
    }

    50% {
        top: -100%;
        left: 200%;
        opacity: 1
    }

    100% {
        top: 50%;
        left: 100%;
        z-index: 2;
        opacity: .35
    }
}

@-webkit-keyframes ball-fussion-ball2 {
    0% {
        opacity: .35
    }

    50% {
        top: 200%;
        left: 200%;
        opacity: 1
    }

    100% {
        top: 100%;
        left: 50%;
        z-index: 1;
        opacity: .35
    }
}

@-moz-keyframes ball-fussion-ball2 {
    0% {
        opacity: .35
    }

    50% {
        top: 200%;
        left: 200%;
        opacity: 1
    }

    100% {
        top: 100%;
        left: 50%;
        z-index: 1;
        opacity: .35
    }
}

@-o-keyframes ball-fussion-ball2 {
    0% {
        opacity: .35
    }

    50% {
        top: 200%;
        left: 200%;
        opacity: 1
    }

    100% {
        top: 100%;
        left: 50%;
        z-index: 1;
        opacity: .35
    }
}

@keyframes ball-fussion-ball2 {
    0% {
        opacity: .35
    }

    50% {
        top: 200%;
        left: 200%;
        opacity: 1
    }

    100% {
        top: 100%;
        left: 50%;
        z-index: 1;
        opacity: .35
    }
}

@-webkit-keyframes ball-fussion-ball3 {
    0% {
        opacity: .35
    }

    50% {
        top: 200%;
        left: -100%;
        opacity: 1
    }

    100% {
        top: 50%;
        left: 0;
        z-index: 2;
        opacity: .35
    }
}

@-moz-keyframes ball-fussion-ball3 {
    0% {
        opacity: .35
    }

    50% {
        top: 200%;
        left: -100%;
        opacity: 1
    }

    100% {
        top: 50%;
        left: 0;
        z-index: 2;
        opacity: .35
    }
}

@-o-keyframes ball-fussion-ball3 {
    0% {
        opacity: .35
    }

    50% {
        top: 200%;
        left: -100%;
        opacity: 1
    }

    100% {
        top: 50%;
        left: 0;
        z-index: 2;
        opacity: .35
    }
}

@keyframes ball-fussion-ball3 {
    0% {
        opacity: .35
    }

    50% {
        top: 200%;
        left: -100%;
        opacity: 1
    }

    100% {
        top: 50%;
        left: 0;
        z-index: 2;
        opacity: .35
    }
}

@-webkit-keyframes ball-fussion-ball4 {
    0% {
        opacity: .35
    }

    50% {
        top: -100%;
        left: -100%;
        opacity: 1
    }

    100% {
        top: 0;
        left: 50%;
        z-index: 1;
        opacity: .35
    }
}

@-moz-keyframes ball-fussion-ball4 {
    0% {
        opacity: .35
    }

    50% {
        top: -100%;
        left: -100%;
        opacity: 1
    }

    100% {
        top: 0;
        left: 50%;
        z-index: 1;
        opacity: .35
    }
}

@-o-keyframes ball-fussion-ball4 {
    0% {
        opacity: .35
    }

    50% {
        top: -100%;
        left: -100%;
        opacity: 1
    }

    100% {
        top: 0;
        left: 50%;
        z-index: 1;
        opacity: .35
    }
}

@keyframes ball-fussion-ball4 {
    0% {
        opacity: .35
    }

    50% {
        top: -100%;
        left: -100%;
        opacity: 1
    }

    100% {
        top: 0;
        left: 50%;
        z-index: 1;
        opacity: .35
    }
}


.la-ball-grid-beat, .la-ball-grid-beat > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-grid-beat {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-grid-beat.la-dark {
        color: #333
    }

    .la-ball-grid-beat > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-grid-beat {
    width: 36px;
    height: 36px
}

    .la-ball-grid-beat > div {
        width: 8px;
        height: 8px;
        margin: 2px;
        border-radius: 100%;
        -webkit-animation-name: ball-grid-beat;
        -moz-animation-name: ball-grid-beat;
        -o-animation-name: ball-grid-beat;
        animation-name: ball-grid-beat;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

        .la-ball-grid-beat > div:nth-child(1) {
            -webkit-animation-duration: .65s;
            -moz-animation-duration: .65s;
            -o-animation-duration: .65s;
            animation-duration: .65s;
            -webkit-animation-delay: .03s;
            -moz-animation-delay: .03s;
            -o-animation-delay: .03s;
            animation-delay: .03s
        }

        .la-ball-grid-beat > div:nth-child(2) {
            -webkit-animation-duration: 1.02s;
            -moz-animation-duration: 1.02s;
            -o-animation-duration: 1.02s;
            animation-duration: 1.02s;
            -webkit-animation-delay: .09s;
            -moz-animation-delay: .09s;
            -o-animation-delay: .09s;
            animation-delay: .09s
        }

        .la-ball-grid-beat > div:nth-child(3) {
            -webkit-animation-duration: 1.06s;
            -moz-animation-duration: 1.06s;
            -o-animation-duration: 1.06s;
            animation-duration: 1.06s;
            -webkit-animation-delay: -.69s;
            -moz-animation-delay: -.69s;
            -o-animation-delay: -.69s;
            animation-delay: -.69s
        }

        .la-ball-grid-beat > div:nth-child(4) {
            -webkit-animation-duration: 1.5s;
            -moz-animation-duration: 1.5s;
            -o-animation-duration: 1.5s;
            animation-duration: 1.5s;
            -webkit-animation-delay: -.41s;
            -moz-animation-delay: -.41s;
            -o-animation-delay: -.41s;
            animation-delay: -.41s
        }

        .la-ball-grid-beat > div:nth-child(5) {
            -webkit-animation-duration: 1.6s;
            -moz-animation-duration: 1.6s;
            -o-animation-duration: 1.6s;
            animation-duration: 1.6s;
            -webkit-animation-delay: .04s;
            -moz-animation-delay: .04s;
            -o-animation-delay: .04s;
            animation-delay: .04s
        }

        .la-ball-grid-beat > div:nth-child(6) {
            -webkit-animation-duration: .84s;
            -moz-animation-duration: .84s;
            -o-animation-duration: .84s;
            animation-duration: .84s;
            -webkit-animation-delay: .07s;
            -moz-animation-delay: .07s;
            -o-animation-delay: .07s;
            animation-delay: .07s
        }

        .la-ball-grid-beat > div:nth-child(7) {
            -webkit-animation-duration: .68s;
            -moz-animation-duration: .68s;
            -o-animation-duration: .68s;
            animation-duration: .68s;
            -webkit-animation-delay: -.66s;
            -moz-animation-delay: -.66s;
            -o-animation-delay: -.66s;
            animation-delay: -.66s
        }

        .la-ball-grid-beat > div:nth-child(8) {
            -webkit-animation-duration: .93s;
            -moz-animation-duration: .93s;
            -o-animation-duration: .93s;
            animation-duration: .93s;
            -webkit-animation-delay: -.76s;
            -moz-animation-delay: -.76s;
            -o-animation-delay: -.76s;
            animation-delay: -.76s
        }

        .la-ball-grid-beat > div:nth-child(9) {
            -webkit-animation-duration: 1.24s;
            -moz-animation-duration: 1.24s;
            -o-animation-duration: 1.24s;
            animation-duration: 1.24s;
            -webkit-animation-delay: -.76s;
            -moz-animation-delay: -.76s;
            -o-animation-delay: -.76s;
            animation-delay: -.76s
        }

    .la-ball-grid-beat.la-sm {
        width: 18px;
        height: 18px
    }

        .la-ball-grid-beat.la-sm > div {
            width: 4px;
            height: 4px;
            margin: 1px
        }

    .la-ball-grid-beat.la-2x {
        width: 72px;
        height: 72px
    }

        .la-ball-grid-beat.la-2x > div {
            width: 16px;
            height: 16px;
            margin: 4px
        }

    .la-ball-grid-beat.la-3x {
        width: 108px;
        height: 108px
    }

        .la-ball-grid-beat.la-3x > div {
            width: 24px;
            height: 24px;
            margin: 6px
        }

@-webkit-keyframes ball-grid-beat {
    0% {
        opacity: 1
    }

    50% {
        opacity: .35
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes ball-grid-beat {
    0% {
        opacity: 1
    }

    50% {
        opacity: .35
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes ball-grid-beat {
    0% {
        opacity: 1
    }

    50% {
        opacity: .35
    }

    100% {
        opacity: 1
    }
}

@keyframes ball-grid-beat {
    0% {
        opacity: 1
    }

    50% {
        opacity: .35
    }

    100% {
        opacity: 1
    }
}


.la-ball-grid-pulse, .la-ball-grid-pulse > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-grid-pulse {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-grid-pulse.la-dark {
        color: #333
    }

    .la-ball-grid-pulse > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-grid-pulse {
    width: 36px;
    height: 36px
}

    .la-ball-grid-pulse > div {
        width: 8px;
        height: 8px;
        margin: 2px;
        border-radius: 100%;
        -webkit-animation-name: ball-grid-pulse;
        -moz-animation-name: ball-grid-pulse;
        -o-animation-name: ball-grid-pulse;
        animation-name: ball-grid-pulse;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

        .la-ball-grid-pulse > div:nth-child(1) {
            -webkit-animation-duration: .65s;
            -moz-animation-duration: .65s;
            -o-animation-duration: .65s;
            animation-duration: .65s;
            -webkit-animation-delay: .03s;
            -moz-animation-delay: .03s;
            -o-animation-delay: .03s;
            animation-delay: .03s
        }

        .la-ball-grid-pulse > div:nth-child(2) {
            -webkit-animation-duration: 1.02s;
            -moz-animation-duration: 1.02s;
            -o-animation-duration: 1.02s;
            animation-duration: 1.02s;
            -webkit-animation-delay: .09s;
            -moz-animation-delay: .09s;
            -o-animation-delay: .09s;
            animation-delay: .09s
        }

        .la-ball-grid-pulse > div:nth-child(3) {
            -webkit-animation-duration: 1.06s;
            -moz-animation-duration: 1.06s;
            -o-animation-duration: 1.06s;
            animation-duration: 1.06s;
            -webkit-animation-delay: -.69s;
            -moz-animation-delay: -.69s;
            -o-animation-delay: -.69s;
            animation-delay: -.69s
        }

        .la-ball-grid-pulse > div:nth-child(4) {
            -webkit-animation-duration: 1.5s;
            -moz-animation-duration: 1.5s;
            -o-animation-duration: 1.5s;
            animation-duration: 1.5s;
            -webkit-animation-delay: -.41s;
            -moz-animation-delay: -.41s;
            -o-animation-delay: -.41s;
            animation-delay: -.41s
        }

        .la-ball-grid-pulse > div:nth-child(5) {
            -webkit-animation-duration: 1.6s;
            -moz-animation-duration: 1.6s;
            -o-animation-duration: 1.6s;
            animation-duration: 1.6s;
            -webkit-animation-delay: .04s;
            -moz-animation-delay: .04s;
            -o-animation-delay: .04s;
            animation-delay: .04s
        }

        .la-ball-grid-pulse > div:nth-child(6) {
            -webkit-animation-duration: .84s;
            -moz-animation-duration: .84s;
            -o-animation-duration: .84s;
            animation-duration: .84s;
            -webkit-animation-delay: .07s;
            -moz-animation-delay: .07s;
            -o-animation-delay: .07s;
            animation-delay: .07s
        }

        .la-ball-grid-pulse > div:nth-child(7) {
            -webkit-animation-duration: .68s;
            -moz-animation-duration: .68s;
            -o-animation-duration: .68s;
            animation-duration: .68s;
            -webkit-animation-delay: -.66s;
            -moz-animation-delay: -.66s;
            -o-animation-delay: -.66s;
            animation-delay: -.66s
        }

        .la-ball-grid-pulse > div:nth-child(8) {
            -webkit-animation-duration: .93s;
            -moz-animation-duration: .93s;
            -o-animation-duration: .93s;
            animation-duration: .93s;
            -webkit-animation-delay: -.76s;
            -moz-animation-delay: -.76s;
            -o-animation-delay: -.76s;
            animation-delay: -.76s
        }

        .la-ball-grid-pulse > div:nth-child(9) {
            -webkit-animation-duration: 1.24s;
            -moz-animation-duration: 1.24s;
            -o-animation-duration: 1.24s;
            animation-duration: 1.24s;
            -webkit-animation-delay: -.76s;
            -moz-animation-delay: -.76s;
            -o-animation-delay: -.76s;
            animation-delay: -.76s
        }

    .la-ball-grid-pulse.la-sm {
        width: 18px;
        height: 18px
    }

        .la-ball-grid-pulse.la-sm > div {
            width: 4px;
            height: 4px;
            margin: 1px
        }

    .la-ball-grid-pulse.la-2x {
        width: 72px;
        height: 72px
    }

        .la-ball-grid-pulse.la-2x > div {
            width: 16px;
            height: 16px;
            margin: 4px
        }

    .la-ball-grid-pulse.la-3x {
        width: 108px;
        height: 108px
    }

        .la-ball-grid-pulse.la-3x > div {
            width: 24px;
            height: 24px;
            margin: 6px
        }

@-webkit-keyframes ball-grid-pulse {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: .35;
        -webkit-transform: scale(0.45);
        transform: scale(0.45)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes ball-grid-pulse {
    0% {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: .35;
        -moz-transform: scale(0.45);
        transform: scale(0.45)
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes ball-grid-pulse {
    0% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: .35;
        -o-transform: scale(0.45);
        transform: scale(0.45)
    }

    100% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-grid-pulse {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: .35;
        -webkit-transform: scale(0.45);
        -moz-transform: scale(0.45);
        -o-transform: scale(0.45);
        transform: scale(0.45)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}


.la-ball-newton-cradle, .la-ball-newton-cradle > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-newton-cradle {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-newton-cradle.la-dark {
        color: #333
    }

    .la-ball-newton-cradle > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-newton-cradle {
    width: 40px;
    height: 10px
}

    .la-ball-newton-cradle > div {
        width: 10px;
        height: 10px;
        border-radius: 100%
    }

        .la-ball-newton-cradle > div:first-child {
            -webkit-transform: translateX(0%);
            -moz-transform: translateX(0%);
            -ms-transform: translateX(0%);
            -o-transform: translateX(0%);
            transform: translateX(0%);
            -webkit-animation: ball-newton-cradle-left 1s 0s ease-out infinite;
            -moz-animation: ball-newton-cradle-left 1s 0s ease-out infinite;
            -o-animation: ball-newton-cradle-left 1s 0s ease-out infinite;
            animation: ball-newton-cradle-left 1s 0s ease-out infinite
        }

        .la-ball-newton-cradle > div:last-child {
            -webkit-transform: translateX(0%);
            -moz-transform: translateX(0%);
            -ms-transform: translateX(0%);
            -o-transform: translateX(0%);
            transform: translateX(0%);
            -webkit-animation: ball-newton-cradle-right 1s 0s ease-out infinite;
            -moz-animation: ball-newton-cradle-right 1s 0s ease-out infinite;
            -o-animation: ball-newton-cradle-right 1s 0s ease-out infinite;
            animation: ball-newton-cradle-right 1s 0s ease-out infinite
        }

    .la-ball-newton-cradle.la-sm {
        width: 20px;
        height: 4px
    }

        .la-ball-newton-cradle.la-sm > div {
            width: 4px;
            height: 4px
        }

    .la-ball-newton-cradle.la-2x {
        width: 80px;
        height: 20px
    }

        .la-ball-newton-cradle.la-2x > div {
            width: 20px;
            height: 20px
        }

    .la-ball-newton-cradle.la-3x {
        width: 120px;
        height: 30px
    }

        .la-ball-newton-cradle.la-3x > div {
            width: 30px;
            height: 30px
        }

@-webkit-keyframes ball-newton-cradle-left {
    25% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    50% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-moz-keyframes ball-newton-cradle-left {
    25% {
        -moz-transform: translateX(-100%);
        transform: translateX(-100%);
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    50% {
        -moz-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-o-keyframes ball-newton-cradle-left {
    25% {
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    50% {
        -o-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes ball-newton-cradle-left {
    25% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    50% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-webkit-keyframes ball-newton-cradle-right {
    50% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

    75% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-moz-keyframes ball-newton-cradle-right {
    50% {
        -moz-transform: translateX(0%);
        transform: translateX(0%)
    }

    75% {
        -moz-transform: translateX(100%);
        transform: translateX(100%);
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -moz-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-o-keyframes ball-newton-cradle-right {
    50% {
        -o-transform: translateX(0%);
        transform: translateX(0%)
    }

    75% {
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -o-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes ball-newton-cradle-right {
    50% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%)
    }

    75% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%)
    }
}


.la-ball-pulse-rise, .la-ball-pulse-rise > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-pulse-rise {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-pulse-rise.la-dark {
        color: #333
    }

    .la-ball-pulse-rise > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-pulse-rise {
    width: 70px;
    height: 14px
}

    .la-ball-pulse-rise > div {
        width: 10px;
        height: 10px;
        margin: 2px;
        border-radius: 100%;
        -webkit-animation: ball-pulse-rise-even 1s cubic-bezier(0.15, 0.36, 0.9, 0.6) 0s infinite;
        -moz-animation: ball-pulse-rise-even 1s cubic-bezier(0.15, 0.36, 0.9, 0.6) 0s infinite;
        -o-animation: ball-pulse-rise-even 1s cubic-bezier(0.15, 0.36, 0.9, 0.6) 0s infinite;
        animation: ball-pulse-rise-even 1s cubic-bezier(0.15, 0.36, 0.9, 0.6) 0s infinite
    }

        .la-ball-pulse-rise > div:nth-child(2n-1) {
            -webkit-animation-name: ball-pulse-rise-odd;
            -moz-animation-name: ball-pulse-rise-odd;
            -o-animation-name: ball-pulse-rise-odd;
            animation-name: ball-pulse-rise-odd
        }

    .la-ball-pulse-rise.la-sm {
        width: 34px;
        height: 6px
    }

        .la-ball-pulse-rise.la-sm > div {
            width: 4px;
            height: 4px;
            margin: 1px
        }

    .la-ball-pulse-rise.la-2x {
        width: 140px;
        height: 28px
    }

        .la-ball-pulse-rise.la-2x > div {
            width: 20px;
            height: 20px;
            margin: 4px
        }

    .la-ball-pulse-rise.la-3x {
        width: 210px;
        height: 42px
    }

        .la-ball-pulse-rise.la-3x > div {
            width: 30px;
            height: 30px;
            margin: 6px
        }

@-webkit-keyframes ball-pulse-rise-even {
    0% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    25% {
        -webkit-transform: translateY(-200%);
        transform: translateY(-200%)
    }

    50% {
        opacity: .35;
        -webkit-transform: scale(0.3);
        transform: scale(0.3)
    }

    75% {
        -webkit-transform: translateY(200%);
        transform: translateY(200%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -webkit-transform: scale(1);
        transform: translateY(0);
        transform: scale(1)
    }
}

@-moz-keyframes ball-pulse-rise-even {
    0% {
        opacity: 1;
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }

    25% {
        -moz-transform: translateY(-200%);
        transform: translateY(-200%)
    }

    50% {
        opacity: .35;
        -moz-transform: scale(0.3);
        transform: scale(0.3)
    }

    75% {
        -moz-transform: translateY(200%);
        transform: translateY(200%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        -moz-transform: scale(1);
        transform: translateY(0);
        transform: scale(1)
    }
}

@-o-keyframes ball-pulse-rise-even {
    0% {
        opacity: 1;
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    25% {
        -o-transform: translateY(-200%);
        transform: translateY(-200%)
    }

    50% {
        opacity: .35;
        -o-transform: scale(0.3);
        transform: scale(0.3)
    }

    75% {
        -o-transform: translateY(200%);
        transform: translateY(200%)
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
        -o-transform: scale(1);
        transform: translateY(0);
        transform: scale(1)
    }
}

@keyframes ball-pulse-rise-even {
    0% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    25% {
        -webkit-transform: translateY(-200%);
        -moz-transform: translateY(-200%);
        -o-transform: translateY(-200%);
        transform: translateY(-200%)
    }

    50% {
        opacity: .35;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3)
    }

    75% {
        -webkit-transform: translateY(200%);
        -moz-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -webkit-transform: scale(1);
        -moz-transform: translateY(0);
        -moz-transform: scale(1);
        -o-transform: translateY(0);
        -o-transform: scale(1);
        transform: translateY(0);
        transform: scale(1)
    }
}

@-webkit-keyframes ball-pulse-rise-odd {
    0% {
        opacity: .35;
        -webkit-transform: scale(0.4);
        transform: scale(0.4)
    }

    25% {
        -webkit-transform: translateY(200%);
        transform: translateY(200%)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: translateY(-200%);
        transform: translateY(-200%)
    }

    100% {
        opacity: .35;
        -webkit-transform: translateY(0);
        -webkit-transform: scale(0.75);
        transform: translateY(0);
        transform: scale(0.75)
    }
}

@-moz-keyframes ball-pulse-rise-odd {
    0% {
        opacity: .35;
        -moz-transform: scale(0.4);
        transform: scale(0.4)
    }

    25% {
        -moz-transform: translateY(200%);
        transform: translateY(200%)
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -moz-transform: translateY(-200%);
        transform: translateY(-200%)
    }

    100% {
        opacity: .35;
        -moz-transform: translateY(0);
        -moz-transform: scale(0.75);
        transform: translateY(0);
        transform: scale(0.75)
    }
}

@-o-keyframes ball-pulse-rise-odd {
    0% {
        opacity: .35;
        -o-transform: scale(0.4);
        transform: scale(0.4)
    }

    25% {
        -o-transform: translateY(200%);
        transform: translateY(200%)
    }

    50% {
        opacity: 1;
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -o-transform: translateY(-200%);
        transform: translateY(-200%)
    }

    100% {
        opacity: .35;
        -o-transform: translateY(0);
        -o-transform: scale(0.75);
        transform: translateY(0);
        transform: scale(0.75)
    }
}

@keyframes ball-pulse-rise-odd {
    0% {
        opacity: .35;
        -webkit-transform: scale(0.4);
        -moz-transform: scale(0.4);
        -o-transform: scale(0.4);
        transform: scale(0.4)
    }

    25% {
        -webkit-transform: translateY(200%);
        -moz-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: translateY(-200%);
        -moz-transform: translateY(-200%);
        -o-transform: translateY(-200%);
        transform: translateY(-200%)
    }

    100% {
        opacity: .35;
        -webkit-transform: translateY(0);
        -webkit-transform: scale(0.75);
        -moz-transform: translateY(0);
        -moz-transform: scale(0.75);
        -o-transform: translateY(0);
        -o-transform: scale(0.75);
        transform: translateY(0);
        transform: scale(0.75)
    }
}


.la-ball-pulse-sync, .la-ball-pulse-sync > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-pulse-sync {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-pulse-sync.la-dark {
        color: #333
    }

    .la-ball-pulse-sync > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-pulse-sync {
    width: 54px;
    height: 18px
}

    .la-ball-pulse-sync > div {
        width: 10px;
        height: 10px;
        margin: 4px;
        border-radius: 100%;
        -webkit-animation: ball-pulse-sync 0.6s infinite ease-in-out;
        -moz-animation: ball-pulse-sync 0.6s infinite ease-in-out;
        -o-animation: ball-pulse-sync 0.6s infinite ease-in-out;
        animation: ball-pulse-sync 0.6s infinite ease-in-out
    }

        .la-ball-pulse-sync > div:nth-child(1) {
            -webkit-animation-delay: -.14s;
            -moz-animation-delay: -.14s;
            -o-animation-delay: -.14s;
            animation-delay: -.14s
        }

        .la-ball-pulse-sync > div:nth-child(2) {
            -webkit-animation-delay: -.07s;
            -moz-animation-delay: -.07s;
            -o-animation-delay: -.07s;
            animation-delay: -.07s
        }

        .la-ball-pulse-sync > div:nth-child(3) {
            -webkit-animation-delay: 0s;
            -moz-animation-delay: 0s;
            -o-animation-delay: 0s;
            animation-delay: 0s
        }

    .la-ball-pulse-sync.la-sm {
        width: 26px;
        height: 8px
    }

        .la-ball-pulse-sync.la-sm > div {
            width: 4px;
            height: 4px;
            margin: 2px
        }

    .la-ball-pulse-sync.la-2x {
        width: 108px;
        height: 36px
    }

        .la-ball-pulse-sync.la-2x > div {
            width: 20px;
            height: 20px;
            margin: 8px
        }

    .la-ball-pulse-sync.la-3x {
        width: 162px;
        height: 54px
    }

        .la-ball-pulse-sync.la-3x > div {
            width: 30px;
            height: 30px;
            margin: 12px
        }

@-webkit-keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    66% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes ball-pulse-sync {
    33% {
        -moz-transform: translateY(100%);
        transform: translateY(100%)
    }

    66% {
        -moz-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes ball-pulse-sync {
    33% {
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }

    66% {
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }

    66% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}


.la-ball-pulse, .la-ball-pulse > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-pulse {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-pulse.la-dark {
        color: #333
    }

    .la-ball-pulse > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-pulse {
    width: 54px;
    height: 18px
}

    .la-ball-pulse > div:nth-child(1) {
        -webkit-animation-delay: -200ms;
        -moz-animation-delay: -200ms;
        -o-animation-delay: -200ms;
        animation-delay: -200ms
    }

    .la-ball-pulse > div:nth-child(2) {
        -webkit-animation-delay: -100ms;
        -moz-animation-delay: -100ms;
        -o-animation-delay: -100ms;
        animation-delay: -100ms
    }

    .la-ball-pulse > div:nth-child(3) {
        -webkit-animation-delay: 0ms;
        -moz-animation-delay: 0ms;
        -o-animation-delay: 0ms;
        animation-delay: 0ms
    }

    .la-ball-pulse > div {
        width: 10px;
        height: 10px;
        margin: 4px;
        border-radius: 100%;
        -webkit-animation: ball-pulse 1s ease infinite;
        -moz-animation: ball-pulse 1s ease infinite;
        -o-animation: ball-pulse 1s ease infinite;
        animation: ball-pulse 1s ease infinite
    }

    .la-ball-pulse.la-sm {
        width: 26px;
        height: 8px
    }

        .la-ball-pulse.la-sm > div {
            width: 4px;
            height: 4px;
            margin: 2px
        }

    .la-ball-pulse.la-2x {
        width: 108px;
        height: 36px
    }

        .la-ball-pulse.la-2x > div {
            width: 20px;
            height: 20px;
            margin: 8px
        }

    .la-ball-pulse.la-3x {
        width: 162px;
        height: 54px
    }

        .la-ball-pulse.la-3x > div {
            width: 30px;
            height: 30px;
            margin: 12px
        }

@-webkit-keyframes ball-pulse {
    0%,60%,100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        opacity: .1;
        -webkit-transform: scale(0.01);
        transform: scale(0.01)
    }
}

@-moz-keyframes ball-pulse {
    0%,60%,100% {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }

    30% {
        opacity: .1;
        -moz-transform: scale(0.01);
        transform: scale(0.01)
    }
}

@-o-keyframes ball-pulse {
    0%,60%,100% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }

    30% {
        opacity: .1;
        -o-transform: scale(0.01);
        transform: scale(0.01)
    }
}

@keyframes ball-pulse {
    0%,60%,100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    30% {
        opacity: .1;
        -webkit-transform: scale(0.01);
        -moz-transform: scale(0.01);
        -o-transform: scale(0.01);
        transform: scale(0.01)
    }
}


.la-ball-rotate, .la-ball-rotate > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-rotate {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-rotate.la-dark {
        color: #333
    }

    .la-ball-rotate > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-rotate {
    width: 10px;
    height: 10px
}

    .la-ball-rotate > div {
        width: 10px;
        height: 10px;
        border-radius: 100%;
        -webkit-animation: ball-rotate-animation 1s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
        -moz-animation: ball-rotate-animation 1s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
        -o-animation: ball-rotate-animation 1s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
        animation: ball-rotate-animation 1s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite
    }

        .la-ball-rotate > div:before, .la-ball-rotate > div:after {
            position: absolute;
            width: inherit;
            height: inherit;
            margin: inherit;
            content: "";
            background: currentColor;
            border-radius: inherit;
            opacity: .8
        }

        .la-ball-rotate > div:before {
            top: 0;
            left: -150%
        }

        .la-ball-rotate > div:after {
            top: 0;
            left: 150%
        }

    .la-ball-rotate.la-sm {
        width: 4px;
        height: 4px
    }

        .la-ball-rotate.la-sm > div {
            width: 4px;
            height: 4px
        }

    .la-ball-rotate.la-2x {
        width: 20px;
        height: 20px
    }

        .la-ball-rotate.la-2x > div {
            width: 20px;
            height: 20px
        }

    .la-ball-rotate.la-3x {
        width: 30px;
        height: 30px
    }

        .la-ball-rotate.la-3x > div {
            width: 30px;
            height: 30px
        }

@-webkit-keyframes ball-rotate-animation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes ball-rotate-animation {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes ball-rotate-animation {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes ball-rotate-animation {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}


.la-ball-running-dots, .la-ball-running-dots > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-running-dots {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-running-dots.la-dark {
        color: #333
    }

    .la-ball-running-dots > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-running-dots {
    width: 10px;
    height: 10px
}

    .la-ball-running-dots > div {
        position: absolute;
        width: 10px;
        height: 10px;
        margin-left: -25px;
        border-radius: 100%;
        -webkit-animation: ball-running-dots-animate 2s linear infinite;
        -moz-animation: ball-running-dots-animate 2s linear infinite;
        -o-animation: ball-running-dots-animate 2s linear infinite;
        animation: ball-running-dots-animate 2s linear infinite
    }

        .la-ball-running-dots > div:nth-child(1) {
            -webkit-animation-delay: 0s;
            -moz-animation-delay: 0s;
            -o-animation-delay: 0s;
            animation-delay: 0s
        }

        .la-ball-running-dots > div:nth-child(2) {
            -webkit-animation-delay: -.4s;
            -moz-animation-delay: -.4s;
            -o-animation-delay: -.4s;
            animation-delay: -.4s
        }

        .la-ball-running-dots > div:nth-child(3) {
            -webkit-animation-delay: -.8s;
            -moz-animation-delay: -.8s;
            -o-animation-delay: -.8s;
            animation-delay: -.8s
        }

        .la-ball-running-dots > div:nth-child(4) {
            -webkit-animation-delay: -1.2s;
            -moz-animation-delay: -1.2s;
            -o-animation-delay: -1.2s;
            animation-delay: -1.2s
        }

        .la-ball-running-dots > div:nth-child(5) {
            -webkit-animation-delay: -1.6s;
            -moz-animation-delay: -1.6s;
            -o-animation-delay: -1.6s;
            animation-delay: -1.6s
        }

        .la-ball-running-dots > div:nth-child(6) {
            -webkit-animation-delay: -2s;
            -moz-animation-delay: -2s;
            -o-animation-delay: -2s;
            animation-delay: -2s
        }

        .la-ball-running-dots > div:nth-child(7) {
            -webkit-animation-delay: -2.4s;
            -moz-animation-delay: -2.4s;
            -o-animation-delay: -2.4s;
            animation-delay: -2.4s
        }

        .la-ball-running-dots > div:nth-child(8) {
            -webkit-animation-delay: -2.8s;
            -moz-animation-delay: -2.8s;
            -o-animation-delay: -2.8s;
            animation-delay: -2.8s
        }

        .la-ball-running-dots > div:nth-child(9) {
            -webkit-animation-delay: -3.2s;
            -moz-animation-delay: -3.2s;
            -o-animation-delay: -3.2s;
            animation-delay: -3.2s
        }

        .la-ball-running-dots > div:nth-child(10) {
            -webkit-animation-delay: -3.6s;
            -moz-animation-delay: -3.6s;
            -o-animation-delay: -3.6s;
            animation-delay: -3.6s
        }

    .la-ball-running-dots.la-sm {
        width: 4px;
        height: 4px
    }

        .la-ball-running-dots.la-sm > div {
            width: 4px;
            height: 4px;
            margin-left: -12px
        }

    .la-ball-running-dots.la-2x {
        width: 20px;
        height: 20px
    }

        .la-ball-running-dots.la-2x > div {
            width: 20px;
            height: 20px;
            margin-left: -50px
        }

    .la-ball-running-dots.la-3x {
        width: 30px;
        height: 30px
    }

        .la-ball-running-dots.la-3x > div {
            width: 30px;
            height: 30px;
            margin-left: -75px
        }

@-webkit-keyframes ball-running-dots-animate {
    0%,100% {
        width: 100%;
        height: 100%;
        -webkit-transform: translateY(0) translateX(500%);
        transform: translateY(0) translateX(500%)
    }

    80% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    85% {
        width: 100%;
        height: 100%;
        -webkit-transform: translateY(-125%) translateX(0);
        transform: translateY(-125%) translateX(0)
    }

    90% {
        width: 200%;
        height: 75%
    }

    95% {
        width: 100%;
        height: 100%;
        -webkit-transform: translateY(-100%) translateX(500%);
        transform: translateY(-100%) translateX(500%)
    }
}

@-moz-keyframes ball-running-dots-animate {
    0%,100% {
        width: 100%;
        height: 100%;
        -moz-transform: translateY(0) translateX(500%);
        transform: translateY(0) translateX(500%)
    }

    80% {
        -moz-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    85% {
        width: 100%;
        height: 100%;
        -moz-transform: translateY(-125%) translateX(0);
        transform: translateY(-125%) translateX(0)
    }

    90% {
        width: 200%;
        height: 75%
    }

    95% {
        width: 100%;
        height: 100%;
        -moz-transform: translateY(-100%) translateX(500%);
        transform: translateY(-100%) translateX(500%)
    }
}

@-o-keyframes ball-running-dots-animate {
    0%,100% {
        width: 100%;
        height: 100%;
        -o-transform: translateY(0) translateX(500%);
        transform: translateY(0) translateX(500%)
    }

    80% {
        -o-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    85% {
        width: 100%;
        height: 100%;
        -o-transform: translateY(-125%) translateX(0);
        transform: translateY(-125%) translateX(0)
    }

    90% {
        width: 200%;
        height: 75%
    }

    95% {
        width: 100%;
        height: 100%;
        -o-transform: translateY(-100%) translateX(500%);
        transform: translateY(-100%) translateX(500%)
    }
}

@keyframes ball-running-dots-animate {
    0%,100% {
        width: 100%;
        height: 100%;
        -webkit-transform: translateY(0) translateX(500%);
        -moz-transform: translateY(0) translateX(500%);
        -o-transform: translateY(0) translateX(500%);
        transform: translateY(0) translateX(500%)
    }

    80% {
        -webkit-transform: translateY(0) translateX(0);
        -moz-transform: translateY(0) translateX(0);
        -o-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    85% {
        width: 100%;
        height: 100%;
        -webkit-transform: translateY(-125%) translateX(0);
        -moz-transform: translateY(-125%) translateX(0);
        -o-transform: translateY(-125%) translateX(0);
        transform: translateY(-125%) translateX(0)
    }

    90% {
        width: 200%;
        height: 75%
    }

    95% {
        width: 100%;
        height: 100%;
        -webkit-transform: translateY(-100%) translateX(500%);
        -moz-transform: translateY(-100%) translateX(500%);
        -o-transform: translateY(-100%) translateX(500%);
        transform: translateY(-100%) translateX(500%)
    }
}


.la-ball-scale-multiple, .la-ball-scale-multiple > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-scale-multiple {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-scale-multiple.la-dark {
        color: #333
    }

    .la-ball-scale-multiple > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-scale-multiple {
    width: 32px;
    height: 32px
}

    .la-ball-scale-multiple > div {
        position: absolute;
        top: 0;
        left: 0;
        width: 32px;
        height: 32px;
        border-radius: 100%;
        opacity: 0;
        -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
        -moz-animation: ball-scale-multiple 1s 0s linear infinite;
        -o-animation: ball-scale-multiple 1s 0s linear infinite;
        animation: ball-scale-multiple 1s 0s linear infinite
    }

        .la-ball-scale-multiple > div:nth-child(2) {
            -webkit-animation-delay: .2s;
            -moz-animation-delay: .2s;
            -o-animation-delay: .2s;
            animation-delay: .2s
        }

        .la-ball-scale-multiple > div:nth-child(3) {
            -webkit-animation-delay: .4s;
            -moz-animation-delay: .4s;
            -o-animation-delay: .4s;
            animation-delay: .4s
        }

    .la-ball-scale-multiple.la-sm {
        width: 16px;
        height: 16px
    }

        .la-ball-scale-multiple.la-sm > div {
            width: 16px;
            height: 16px
        }

    .la-ball-scale-multiple.la-2x {
        width: 64px;
        height: 64px
    }

        .la-ball-scale-multiple.la-2x > div {
            width: 64px;
            height: 64px
        }

    .la-ball-scale-multiple.la-3x {
        width: 96px;
        height: 96px
    }

        .la-ball-scale-multiple.la-3x > div {
            width: 96px;
            height: 96px
        }

@-webkit-keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    5% {
        opacity: .75
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0)
    }

    5% {
        opacity: .75
    }

    100% {
        opacity: 0;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0)
    }

    5% {
        opacity: .75
    }

    100% {
        opacity: 0;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    5% {
        opacity: .75
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}


.la-ball-scale-pulse, .la-ball-scale-pulse > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-scale-pulse {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-scale-pulse.la-dark {
        color: #333
    }

    .la-ball-scale-pulse > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-scale-pulse {
    width: 32px;
    height: 32px
}

    .la-ball-scale-pulse > div {
        position: absolute;
        top: 0;
        left: 0;
        width: 32px;
        height: 32px;
        border-radius: 100%;
        opacity: .5;
        -webkit-animation: ball-scale-pulse 2s infinite ease-in-out;
        -moz-animation: ball-scale-pulse 2s infinite ease-in-out;
        -o-animation: ball-scale-pulse 2s infinite ease-in-out;
        animation: ball-scale-pulse 2s infinite ease-in-out
    }

        .la-ball-scale-pulse > div:last-child {
            -webkit-animation-delay: -1.0s;
            -moz-animation-delay: -1.0s;
            -o-animation-delay: -1.0s;
            animation-delay: -1.0s
        }

    .la-ball-scale-pulse.la-sm {
        width: 16px;
        height: 16px
    }

        .la-ball-scale-pulse.la-sm > div {
            width: 16px;
            height: 16px
        }

    .la-ball-scale-pulse.la-2x {
        width: 64px;
        height: 64px
    }

        .la-ball-scale-pulse.la-2x > div {
            width: 64px;
            height: 64px
        }

    .la-ball-scale-pulse.la-3x {
        width: 96px;
        height: 96px
    }

        .la-ball-scale-pulse.la-3x > div {
            width: 96px;
            height: 96px
        }

@-webkit-keyframes ball-scale-pulse {
    0%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes ball-scale-pulse {
    0%,100% {
        -moz-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes ball-scale-pulse {
    0%,100% {
        -o-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-scale-pulse {
    0%,100% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}


.la-ball-scale-ripple-multiple, .la-ball-scale-ripple-multiple > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-scale-ripple-multiple {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-scale-ripple-multiple.la-dark {
        color: #333
    }

    .la-ball-scale-ripple-multiple > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-scale-ripple-multiple {
    width: 32px;
    height: 32px
}

    .la-ball-scale-ripple-multiple > div {
        position: absolute;
        top: 0;
        left: 0;
        width: 32px;
        height: 32px;
        background: transparent;
        border-width: 2px;
        border-radius: 100%;
        opacity: 0;
        -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
        -moz-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
        -o-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
        animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8)
    }

        .la-ball-scale-ripple-multiple > div:nth-child(1) {
            -webkit-animation-delay: 0s;
            -moz-animation-delay: 0s;
            -o-animation-delay: 0s;
            animation-delay: 0s
        }

        .la-ball-scale-ripple-multiple > div:nth-child(2) {
            -webkit-animation-delay: .25s;
            -moz-animation-delay: .25s;
            -o-animation-delay: .25s;
            animation-delay: .25s
        }

        .la-ball-scale-ripple-multiple > div:nth-child(3) {
            -webkit-animation-delay: .5s;
            -moz-animation-delay: .5s;
            -o-animation-delay: .5s;
            animation-delay: .5s
        }

    .la-ball-scale-ripple-multiple.la-sm {
        width: 16px;
        height: 16px
    }

        .la-ball-scale-ripple-multiple.la-sm > div {
            width: 16px;
            height: 16px;
            border-width: 1px
        }

    .la-ball-scale-ripple-multiple.la-2x {
        width: 64px;
        height: 64px
    }

        .la-ball-scale-ripple-multiple.la-2x > div {
            width: 64px;
            height: 64px;
            border-width: 4px
        }

    .la-ball-scale-ripple-multiple.la-3x {
        width: 96px;
        height: 96px
    }

        .la-ball-scale-ripple-multiple.la-3x > div {
            width: 96px;
            height: 96px;
            border-width: 6px
        }

@-webkit-keyframes ball-scale-ripple-multiple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0.1);
        transform: scale(0.1)
    }

    70% {
        opacity: .5;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    95% {
        opacity: 0
    }
}

@-moz-keyframes ball-scale-ripple-multiple {
    0% {
        opacity: 1;
        -moz-transform: scale(0.1);
        transform: scale(0.1)
    }

    70% {
        opacity: .5;
        -moz-transform: scale(1);
        transform: scale(1)
    }

    95% {
        opacity: 0
    }
}

@-o-keyframes ball-scale-ripple-multiple {
    0% {
        opacity: 1;
        -o-transform: scale(0.1);
        transform: scale(0.1)
    }

    70% {
        opacity: .5;
        -o-transform: scale(1);
        transform: scale(1)
    }

    95% {
        opacity: 0
    }
}

@keyframes ball-scale-ripple-multiple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0.1);
        -moz-transform: scale(0.1);
        -o-transform: scale(0.1);
        transform: scale(0.1)
    }

    70% {
        opacity: .5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    95% {
        opacity: 0
    }
}


.la-ball-scale-ripple, .la-ball-scale-ripple > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-scale-ripple {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-scale-ripple.la-dark {
        color: #333
    }

    .la-ball-scale-ripple > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-scale-ripple {
    width: 32px;
    height: 32px
}

    .la-ball-scale-ripple > div {
        width: 32px;
        height: 32px;
        background: transparent;
        border-width: 2px;
        border-radius: 100%;
        opacity: 0;
        -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
        -moz-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
        -o-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
        animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8)
    }

    .la-ball-scale-ripple.la-sm {
        width: 16px;
        height: 16px
    }

        .la-ball-scale-ripple.la-sm > div {
            width: 16px;
            height: 16px;
            border-width: 1px
        }

    .la-ball-scale-ripple.la-2x {
        width: 64px;
        height: 64px
    }

        .la-ball-scale-ripple.la-2x > div {
            width: 64px;
            height: 64px;
            border-width: 4px
        }

    .la-ball-scale-ripple.la-3x {
        width: 96px;
        height: 96px
    }

        .la-ball-scale-ripple.la-3x > div {
            width: 96px;
            height: 96px;
            border-width: 6px
        }

@-webkit-keyframes ball-scale-ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0.1);
        transform: scale(0.1)
    }

    70% {
        opacity: .65;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes ball-scale-ripple {
    0% {
        opacity: 1;
        -moz-transform: scale(0.1);
        transform: scale(0.1)
    }

    70% {
        opacity: .65;
        -moz-transform: scale(1);
        transform: scale(1)
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes ball-scale-ripple {
    0% {
        opacity: 1;
        -o-transform: scale(0.1);
        transform: scale(0.1)
    }

    70% {
        opacity: .65;
        -o-transform: scale(1);
        transform: scale(1)
    }

    100% {
        opacity: 0
    }
}

@keyframes ball-scale-ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0.1);
        -moz-transform: scale(0.1);
        -o-transform: scale(0.1);
        transform: scale(0.1)
    }

    70% {
        opacity: .65;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    100% {
        opacity: 0
    }
}


.la-ball-scale, .la-ball-scale > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-scale {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-scale.la-dark {
        color: #333
    }

    .la-ball-scale > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-scale {
    width: 32px;
    height: 32px
}

    .la-ball-scale > div {
        width: 32px;
        height: 32px;
        border-radius: 100%;
        opacity: 0;
        -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
        -moz-animation: ball-scale 1s 0s ease-in-out infinite;
        -o-animation: ball-scale 1s 0s ease-in-out infinite;
        animation: ball-scale 1s 0s ease-in-out infinite
    }

    .la-ball-scale.la-sm {
        width: 16px;
        height: 16px
    }

        .la-ball-scale.la-sm > div {
            width: 16px;
            height: 16px
        }

    .la-ball-scale.la-2x {
        width: 64px;
        height: 64px
    }

        .la-ball-scale.la-2x > div {
            width: 64px;
            height: 64px
        }

    .la-ball-scale.la-3x {
        width: 96px;
        height: 96px
    }

        .la-ball-scale.la-3x > div {
            width: 96px;
            height: 96px
        }

@-webkit-keyframes ball-scale {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes ball-scale {
    0% {
        opacity: 1;
        -moz-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 0;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes ball-scale {
    0% {
        opacity: 1;
        -o-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 0;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-scale {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}


.la-ball-spin-clockwise-fade-rotating, .la-ball-spin-clockwise-fade-rotating > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-spin-clockwise-fade-rotating {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-spin-clockwise-fade-rotating.la-dark {
        color: #333
    }

    .la-ball-spin-clockwise-fade-rotating > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-spin-clockwise-fade-rotating {
    width: 32px;
    height: 32px;
    -webkit-animation: ball-spin-clockwise-fade-rotating-rotate 6s infinite linear;
    -moz-animation: ball-spin-clockwise-fade-rotating-rotate 6s infinite linear;
    -o-animation: ball-spin-clockwise-fade-rotating-rotate 6s infinite linear;
    animation: ball-spin-clockwise-fade-rotating-rotate 6s infinite linear
}

    .la-ball-spin-clockwise-fade-rotating > div {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 8px;
        height: 8px;
        margin-top: -4px;
        margin-left: -4px;
        border-radius: 100%;
        -webkit-animation: ball-spin-clockwise-fade-rotating 1s infinite linear;
        -moz-animation: ball-spin-clockwise-fade-rotating 1s infinite linear;
        -o-animation: ball-spin-clockwise-fade-rotating 1s infinite linear;
        animation: ball-spin-clockwise-fade-rotating 1s infinite linear
    }

        .la-ball-spin-clockwise-fade-rotating > div:nth-child(1) {
            top: 5%;
            left: 50%;
            -webkit-animation-delay: -.875s;
            -moz-animation-delay: -.875s;
            -o-animation-delay: -.875s;
            animation-delay: -.875s
        }

        .la-ball-spin-clockwise-fade-rotating > div:nth-child(2) {
            top: 18.1801948466%;
            left: 81.8198051534%;
            -webkit-animation-delay: -.75s;
            -moz-animation-delay: -.75s;
            -o-animation-delay: -.75s;
            animation-delay: -.75s
        }

        .la-ball-spin-clockwise-fade-rotating > div:nth-child(3) {
            top: 50%;
            left: 95%;
            -webkit-animation-delay: -.625s;
            -moz-animation-delay: -.625s;
            -o-animation-delay: -.625s;
            animation-delay: -.625s
        }

        .la-ball-spin-clockwise-fade-rotating > div:nth-child(4) {
            top: 81.8198051534%;
            left: 81.8198051534%;
            -webkit-animation-delay: -.5s;
            -moz-animation-delay: -.5s;
            -o-animation-delay: -.5s;
            animation-delay: -.5s
        }

        .la-ball-spin-clockwise-fade-rotating > div:nth-child(5) {
            top: 94.9999999966%;
            left: 50.0000000005%;
            -webkit-animation-delay: -.375s;
            -moz-animation-delay: -.375s;
            -o-animation-delay: -.375s;
            animation-delay: -.375s
        }

        .la-ball-spin-clockwise-fade-rotating > div:nth-child(6) {
            top: 81.8198046966%;
            left: 18.1801949248%;
            -webkit-animation-delay: -.25s;
            -moz-animation-delay: -.25s;
            -o-animation-delay: -.25s;
            animation-delay: -.25s
        }

        .la-ball-spin-clockwise-fade-rotating > div:nth-child(7) {
            top: 49.9999750815%;
            left: 5.0000051215%;
            -webkit-animation-delay: -.125s;
            -moz-animation-delay: -.125s;
            -o-animation-delay: -.125s;
            animation-delay: -.125s
        }

        .la-ball-spin-clockwise-fade-rotating > div:nth-child(8) {
            top: 18.179464974%;
            left: 18.1803700518%;
            -webkit-animation-delay: 0s;
            -moz-animation-delay: 0s;
            -o-animation-delay: 0s;
            animation-delay: 0s
        }

    .la-ball-spin-clockwise-fade-rotating.la-sm {
        width: 16px;
        height: 16px
    }

        .la-ball-spin-clockwise-fade-rotating.la-sm > div {
            width: 4px;
            height: 4px;
            margin-top: -2px;
            margin-left: -2px
        }

    .la-ball-spin-clockwise-fade-rotating.la-2x {
        width: 64px;
        height: 64px
    }

        .la-ball-spin-clockwise-fade-rotating.la-2x > div {
            width: 16px;
            height: 16px;
            margin-top: -8px;
            margin-left: -8px
        }

    .la-ball-spin-clockwise-fade-rotating.la-3x {
        width: 96px;
        height: 96px
    }

        .la-ball-spin-clockwise-fade-rotating.la-3x > div {
            width: 24px;
            height: 24px;
            margin-top: -12px;
            margin-left: -12px
        }

@-webkit-keyframes ball-spin-clockwise-fade-rotating-rotate {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-moz-keyframes ball-spin-clockwise-fade-rotating-rotate {
    100% {
        -moz-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-o-keyframes ball-spin-clockwise-fade-rotating-rotate {
    100% {
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes ball-spin-clockwise-fade-rotating-rotate {
    100% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes ball-spin-clockwise-fade-rotating {
    50% {
        opacity: .25;
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes ball-spin-clockwise-fade-rotating {
    50% {
        opacity: .25;
        -moz-transform: scale(0.5);
        transform: scale(0.5)
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes ball-spin-clockwise-fade-rotating {
    50% {
        opacity: .25;
        -o-transform: scale(0.5);
        transform: scale(0.5)
    }

    100% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-spin-clockwise-fade-rotating {
    50% {
        opacity: .25;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}


.la-ball-spin-clockwise-fade, .la-ball-spin-clockwise-fade > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-spin-clockwise-fade {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-spin-clockwise-fade.la-dark {
        color: #333
    }

    .la-ball-spin-clockwise-fade > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-spin-clockwise-fade {
    width: 32px;
    height: 32px
}

    .la-ball-spin-clockwise-fade > div {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 8px;
        height: 8px;
        margin-top: -4px;
        margin-left: -4px;
        border-radius: 100%;
        -webkit-animation: ball-spin-clockwise-fade 1s infinite linear;
        -moz-animation: ball-spin-clockwise-fade 1s infinite linear;
        -o-animation: ball-spin-clockwise-fade 1s infinite linear;
        animation: ball-spin-clockwise-fade 1s infinite linear
    }

        .la-ball-spin-clockwise-fade > div:nth-child(1) {
            top: 5%;
            left: 50%;
            -webkit-animation-delay: -.875s;
            -moz-animation-delay: -.875s;
            -o-animation-delay: -.875s;
            animation-delay: -.875s
        }

        .la-ball-spin-clockwise-fade > div:nth-child(2) {
            top: 18.1801948466%;
            left: 81.8198051534%;
            -webkit-animation-delay: -.75s;
            -moz-animation-delay: -.75s;
            -o-animation-delay: -.75s;
            animation-delay: -.75s
        }

        .la-ball-spin-clockwise-fade > div:nth-child(3) {
            top: 50%;
            left: 95%;
            -webkit-animation-delay: -.625s;
            -moz-animation-delay: -.625s;
            -o-animation-delay: -.625s;
            animation-delay: -.625s
        }

        .la-ball-spin-clockwise-fade > div:nth-child(4) {
            top: 81.8198051534%;
            left: 81.8198051534%;
            -webkit-animation-delay: -.5s;
            -moz-animation-delay: -.5s;
            -o-animation-delay: -.5s;
            animation-delay: -.5s
        }

        .la-ball-spin-clockwise-fade > div:nth-child(5) {
            top: 94.9999999966%;
            left: 50.0000000005%;
            -webkit-animation-delay: -.375s;
            -moz-animation-delay: -.375s;
            -o-animation-delay: -.375s;
            animation-delay: -.375s
        }

        .la-ball-spin-clockwise-fade > div:nth-child(6) {
            top: 81.8198046966%;
            left: 18.1801949248%;
            -webkit-animation-delay: -.25s;
            -moz-animation-delay: -.25s;
            -o-animation-delay: -.25s;
            animation-delay: -.25s
        }

        .la-ball-spin-clockwise-fade > div:nth-child(7) {
            top: 49.9999750815%;
            left: 5.0000051215%;
            -webkit-animation-delay: -.125s;
            -moz-animation-delay: -.125s;
            -o-animation-delay: -.125s;
            animation-delay: -.125s
        }

        .la-ball-spin-clockwise-fade > div:nth-child(8) {
            top: 18.179464974%;
            left: 18.1803700518%;
            -webkit-animation-delay: 0s;
            -moz-animation-delay: 0s;
            -o-animation-delay: 0s;
            animation-delay: 0s
        }

    .la-ball-spin-clockwise-fade.la-sm {
        width: 16px;
        height: 16px
    }

        .la-ball-spin-clockwise-fade.la-sm > div {
            width: 4px;
            height: 4px;
            margin-top: -2px;
            margin-left: -2px
        }

    .la-ball-spin-clockwise-fade.la-2x {
        width: 64px;
        height: 64px
    }

        .la-ball-spin-clockwise-fade.la-2x > div {
            width: 16px;
            height: 16px;
            margin-top: -8px;
            margin-left: -8px
        }

    .la-ball-spin-clockwise-fade.la-3x {
        width: 96px;
        height: 96px
    }

        .la-ball-spin-clockwise-fade.la-3x > div {
            width: 24px;
            height: 24px;
            margin-top: -12px;
            margin-left: -12px
        }

@-webkit-keyframes ball-spin-clockwise-fade {
    50% {
        opacity: .25;
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes ball-spin-clockwise-fade {
    50% {
        opacity: .25;
        -moz-transform: scale(0.5);
        transform: scale(0.5)
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes ball-spin-clockwise-fade {
    50% {
        opacity: .25;
        -o-transform: scale(0.5);
        transform: scale(0.5)
    }

    100% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-spin-clockwise-fade {
    50% {
        opacity: .25;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}


.la-ball-spin-clockwise, .la-ball-spin-clockwise > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-spin-clockwise {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-spin-clockwise.la-dark {
        color: #333
    }

    .la-ball-spin-clockwise > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-spin-clockwise {
    width: 32px;
    height: 32px
}

    .la-ball-spin-clockwise > div {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 8px;
        height: 8px;
        margin-top: -4px;
        margin-left: -4px;
        border-radius: 100%;
        -webkit-animation: ball-spin-clockwise 1s infinite ease-in-out;
        -moz-animation: ball-spin-clockwise 1s infinite ease-in-out;
        -o-animation: ball-spin-clockwise 1s infinite ease-in-out;
        animation: ball-spin-clockwise 1s infinite ease-in-out
    }

        .la-ball-spin-clockwise > div:nth-child(1) {
            top: 5%;
            left: 50%;
            -webkit-animation-delay: -.875s;
            -moz-animation-delay: -.875s;
            -o-animation-delay: -.875s;
            animation-delay: -.875s
        }

        .la-ball-spin-clockwise > div:nth-child(2) {
            top: 18.1801948466%;
            left: 81.8198051534%;
            -webkit-animation-delay: -.75s;
            -moz-animation-delay: -.75s;
            -o-animation-delay: -.75s;
            animation-delay: -.75s
        }

        .la-ball-spin-clockwise > div:nth-child(3) {
            top: 50%;
            left: 95%;
            -webkit-animation-delay: -.625s;
            -moz-animation-delay: -.625s;
            -o-animation-delay: -.625s;
            animation-delay: -.625s
        }

        .la-ball-spin-clockwise > div:nth-child(4) {
            top: 81.8198051534%;
            left: 81.8198051534%;
            -webkit-animation-delay: -.5s;
            -moz-animation-delay: -.5s;
            -o-animation-delay: -.5s;
            animation-delay: -.5s
        }

        .la-ball-spin-clockwise > div:nth-child(5) {
            top: 94.9999999966%;
            left: 50.0000000005%;
            -webkit-animation-delay: -.375s;
            -moz-animation-delay: -.375s;
            -o-animation-delay: -.375s;
            animation-delay: -.375s
        }

        .la-ball-spin-clockwise > div:nth-child(6) {
            top: 81.8198046966%;
            left: 18.1801949248%;
            -webkit-animation-delay: -.25s;
            -moz-animation-delay: -.25s;
            -o-animation-delay: -.25s;
            animation-delay: -.25s
        }

        .la-ball-spin-clockwise > div:nth-child(7) {
            top: 49.9999750815%;
            left: 5.0000051215%;
            -webkit-animation-delay: -.125s;
            -moz-animation-delay: -.125s;
            -o-animation-delay: -.125s;
            animation-delay: -.125s
        }

        .la-ball-spin-clockwise > div:nth-child(8) {
            top: 18.179464974%;
            left: 18.1803700518%;
            -webkit-animation-delay: 0s;
            -moz-animation-delay: 0s;
            -o-animation-delay: 0s;
            animation-delay: 0s
        }

    .la-ball-spin-clockwise.la-sm {
        width: 16px;
        height: 16px
    }

        .la-ball-spin-clockwise.la-sm > div {
            width: 4px;
            height: 4px;
            margin-top: -2px;
            margin-left: -2px
        }

    .la-ball-spin-clockwise.la-2x {
        width: 64px;
        height: 64px
    }

        .la-ball-spin-clockwise.la-2x > div {
            width: 16px;
            height: 16px;
            margin-top: -8px;
            margin-left: -8px
        }

    .la-ball-spin-clockwise.la-3x {
        width: 96px;
        height: 96px
    }

        .la-ball-spin-clockwise.la-3x > div {
            width: 24px;
            height: 24px;
            margin-top: -12px;
            margin-left: -12px
        }

@-webkit-keyframes ball-spin-clockwise {
    0%,100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: 1
    }

    80% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-moz-keyframes ball-spin-clockwise {
    0%,100% {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: 1
    }

    80% {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0)
    }
}

@-o-keyframes ball-spin-clockwise {
    0%,100% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: 1
    }

    80% {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes ball-spin-clockwise {
    0%,100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: 1
    }

    80% {
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
}


.la-ball-spin-fade-rotating, .la-ball-spin-fade-rotating > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-spin-fade-rotating {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-spin-fade-rotating.la-dark {
        color: #333
    }

    .la-ball-spin-fade-rotating > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-spin-fade-rotating {
    width: 32px;
    height: 32px;
    -webkit-animation: ball-spin-fade-rotate 6s infinite linear;
    -moz-animation: ball-spin-fade-rotate 6s infinite linear;
    -o-animation: ball-spin-fade-rotate 6s infinite linear;
    animation: ball-spin-fade-rotate 6s infinite linear
}

    .la-ball-spin-fade-rotating > div {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 8px;
        height: 8px;
        margin-top: -4px;
        margin-left: -4px;
        border-radius: 100%;
        -webkit-animation: ball-spin-fade 1s infinite linear;
        -moz-animation: ball-spin-fade 1s infinite linear;
        -o-animation: ball-spin-fade 1s infinite linear;
        animation: ball-spin-fade 1s infinite linear
    }

        .la-ball-spin-fade-rotating > div:nth-child(1) {
            top: 5%;
            left: 50%;
            -webkit-animation-delay: -1.125s;
            -moz-animation-delay: -1.125s;
            -o-animation-delay: -1.125s;
            animation-delay: -1.125s
        }

        .la-ball-spin-fade-rotating > div:nth-child(2) {
            top: 18.1801948466%;
            left: 81.8198051534%;
            -webkit-animation-delay: -1.25s;
            -moz-animation-delay: -1.25s;
            -o-animation-delay: -1.25s;
            animation-delay: -1.25s
        }

        .la-ball-spin-fade-rotating > div:nth-child(3) {
            top: 50%;
            left: 95%;
            -webkit-animation-delay: -1.375s;
            -moz-animation-delay: -1.375s;
            -o-animation-delay: -1.375s;
            animation-delay: -1.375s
        }

        .la-ball-spin-fade-rotating > div:nth-child(4) {
            top: 81.8198051534%;
            left: 81.8198051534%;
            -webkit-animation-delay: -1.5s;
            -moz-animation-delay: -1.5s;
            -o-animation-delay: -1.5s;
            animation-delay: -1.5s
        }

        .la-ball-spin-fade-rotating > div:nth-child(5) {
            top: 94.9999999966%;
            left: 50.0000000005%;
            -webkit-animation-delay: -1.625s;
            -moz-animation-delay: -1.625s;
            -o-animation-delay: -1.625s;
            animation-delay: -1.625s
        }

        .la-ball-spin-fade-rotating > div:nth-child(6) {
            top: 81.8198046966%;
            left: 18.1801949248%;
            -webkit-animation-delay: -1.75s;
            -moz-animation-delay: -1.75s;
            -o-animation-delay: -1.75s;
            animation-delay: -1.75s
        }

        .la-ball-spin-fade-rotating > div:nth-child(7) {
            top: 49.9999750815%;
            left: 5.0000051215%;
            -webkit-animation-delay: -1.875s;
            -moz-animation-delay: -1.875s;
            -o-animation-delay: -1.875s;
            animation-delay: -1.875s
        }

        .la-ball-spin-fade-rotating > div:nth-child(8) {
            top: 18.179464974%;
            left: 18.1803700518%;
            -webkit-animation-delay: -2s;
            -moz-animation-delay: -2s;
            -o-animation-delay: -2s;
            animation-delay: -2s
        }

    .la-ball-spin-fade-rotating.la-sm {
        width: 16px;
        height: 16px
    }

        .la-ball-spin-fade-rotating.la-sm > div {
            width: 4px;
            height: 4px;
            margin-top: -2px;
            margin-left: -2px
        }

    .la-ball-spin-fade-rotating.la-2x {
        width: 64px;
        height: 64px
    }

        .la-ball-spin-fade-rotating.la-2x > div {
            width: 16px;
            height: 16px;
            margin-top: -8px;
            margin-left: -8px
        }

    .la-ball-spin-fade-rotating.la-3x {
        width: 96px;
        height: 96px
    }

        .la-ball-spin-fade-rotating.la-3x > div {
            width: 24px;
            height: 24px;
            margin-top: -12px;
            margin-left: -12px
        }

@-webkit-keyframes ball-spin-fade-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes ball-spin-fade-rotate {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes ball-spin-fade-rotate {
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes ball-spin-fade-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes ball-spin-fade {
    0%,100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: .25;
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
}

@-moz-keyframes ball-spin-fade {
    0%,100% {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: .25;
        -moz-transform: scale(0.5);
        transform: scale(0.5)
    }
}

@-o-keyframes ball-spin-fade {
    0%,100% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: .25;
        -o-transform: scale(0.5);
        transform: scale(0.5)
    }
}

@keyframes ball-spin-fade {
    0%,100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: .25;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5)
    }
}


.la-ball-spin-fade, .la-ball-spin-fade > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-spin-fade {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-spin-fade.la-dark {
        color: #333
    }

    .la-ball-spin-fade > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-spin-fade {
    width: 32px;
    height: 32px
}

    .la-ball-spin-fade > div {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 8px;
        height: 8px;
        margin-top: -4px;
        margin-left: -4px;
        border-radius: 100%;
        -webkit-animation: ball-spin-fade 1s infinite linear;
        -moz-animation: ball-spin-fade 1s infinite linear;
        -o-animation: ball-spin-fade 1s infinite linear;
        animation: ball-spin-fade 1s infinite linear
    }

        .la-ball-spin-fade > div:nth-child(1) {
            top: 5%;
            left: 50%;
            -webkit-animation-delay: -1.125s;
            -moz-animation-delay: -1.125s;
            -o-animation-delay: -1.125s;
            animation-delay: -1.125s
        }

        .la-ball-spin-fade > div:nth-child(2) {
            top: 18.1801948466%;
            left: 81.8198051534%;
            -webkit-animation-delay: -1.25s;
            -moz-animation-delay: -1.25s;
            -o-animation-delay: -1.25s;
            animation-delay: -1.25s
        }

        .la-ball-spin-fade > div:nth-child(3) {
            top: 50%;
            left: 95%;
            -webkit-animation-delay: -1.375s;
            -moz-animation-delay: -1.375s;
            -o-animation-delay: -1.375s;
            animation-delay: -1.375s
        }

        .la-ball-spin-fade > div:nth-child(4) {
            top: 81.8198051534%;
            left: 81.8198051534%;
            -webkit-animation-delay: -1.5s;
            -moz-animation-delay: -1.5s;
            -o-animation-delay: -1.5s;
            animation-delay: -1.5s
        }

        .la-ball-spin-fade > div:nth-child(5) {
            top: 94.9999999966%;
            left: 50.0000000005%;
            -webkit-animation-delay: -1.625s;
            -moz-animation-delay: -1.625s;
            -o-animation-delay: -1.625s;
            animation-delay: -1.625s
        }

        .la-ball-spin-fade > div:nth-child(6) {
            top: 81.8198046966%;
            left: 18.1801949248%;
            -webkit-animation-delay: -1.75s;
            -moz-animation-delay: -1.75s;
            -o-animation-delay: -1.75s;
            animation-delay: -1.75s
        }

        .la-ball-spin-fade > div:nth-child(7) {
            top: 49.9999750815%;
            left: 5.0000051215%;
            -webkit-animation-delay: -1.875s;
            -moz-animation-delay: -1.875s;
            -o-animation-delay: -1.875s;
            animation-delay: -1.875s
        }

        .la-ball-spin-fade > div:nth-child(8) {
            top: 18.179464974%;
            left: 18.1803700518%;
            -webkit-animation-delay: -2s;
            -moz-animation-delay: -2s;
            -o-animation-delay: -2s;
            animation-delay: -2s
        }

    .la-ball-spin-fade.la-sm {
        width: 16px;
        height: 16px
    }

        .la-ball-spin-fade.la-sm > div {
            width: 4px;
            height: 4px;
            margin-top: -2px;
            margin-left: -2px
        }

    .la-ball-spin-fade.la-2x {
        width: 64px;
        height: 64px
    }

        .la-ball-spin-fade.la-2x > div {
            width: 16px;
            height: 16px;
            margin-top: -8px;
            margin-left: -8px
        }

    .la-ball-spin-fade.la-3x {
        width: 96px;
        height: 96px
    }

        .la-ball-spin-fade.la-3x > div {
            width: 24px;
            height: 24px;
            margin-top: -12px;
            margin-left: -12px
        }

@-webkit-keyframes ball-spin-fade {
    0%,100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: .25;
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
}

@-moz-keyframes ball-spin-fade {
    0%,100% {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: .25;
        -moz-transform: scale(0.5);
        transform: scale(0.5)
    }
}

@-o-keyframes ball-spin-fade {
    0%,100% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: .25;
        -o-transform: scale(0.5);
        transform: scale(0.5)
    }
}

@keyframes ball-spin-fade {
    0%,100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: .25;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5)
    }
}


.la-ball-spin-rotate, .la-ball-spin-rotate > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-spin-rotate {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-spin-rotate.la-dark {
        color: #333
    }

    .la-ball-spin-rotate > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-spin-rotate {
    width: 32px;
    height: 32px;
    -webkit-animation: ball-spin-rotate 2s infinite linear;
    -moz-animation: ball-spin-rotate 2s infinite linear;
    -o-animation: ball-spin-rotate 2s infinite linear;
    animation: ball-spin-rotate 2s infinite linear
}

    .la-ball-spin-rotate > div {
        position: absolute;
        top: 0;
        width: 60%;
        height: 60%;
        border-radius: 100%;
        -webkit-animation: ball-spin-bounce 2s infinite ease-in-out;
        -moz-animation: ball-spin-bounce 2s infinite ease-in-out;
        -o-animation: ball-spin-bounce 2s infinite ease-in-out;
        animation: ball-spin-bounce 2s infinite ease-in-out
    }

        .la-ball-spin-rotate > div:last-child {
            top: auto;
            bottom: 0;
            -webkit-animation-delay: -1.0s;
            -moz-animation-delay: -1.0s;
            -o-animation-delay: -1.0s;
            animation-delay: -1.0s
        }

    .la-ball-spin-rotate.la-sm {
        width: 16px;
        height: 16px
    }

    .la-ball-spin-rotate.la-2x {
        width: 64px;
        height: 64px
    }

    .la-ball-spin-rotate.la-3x {
        width: 96px;
        height: 96px
    }

@-webkit-keyframes ball-spin-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes ball-spin-rotate {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes ball-spin-rotate {
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes ball-spin-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes ball-spin-bounce {
    0%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes ball-spin-bounce {
    0%,100% {
        -moz-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes ball-spin-bounce {
    0%,100% {
        -o-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-spin-bounce {
    0%,100% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}


.la-ball-spin, .la-ball-spin > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-spin {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-spin.la-dark {
        color: #333
    }

    .la-ball-spin > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-spin {
    width: 32px;
    height: 32px
}

    .la-ball-spin > div {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 8px;
        height: 8px;
        margin-top: -4px;
        margin-left: -4px;
        border-radius: 100%;
        -webkit-animation: ball-spin 1s infinite ease-in-out;
        -moz-animation: ball-spin 1s infinite ease-in-out;
        -o-animation: ball-spin 1s infinite ease-in-out;
        animation: ball-spin 1s infinite ease-in-out
    }

        .la-ball-spin > div:nth-child(1) {
            top: 5%;
            left: 50%;
            -webkit-animation-delay: -1.125s;
            -moz-animation-delay: -1.125s;
            -o-animation-delay: -1.125s;
            animation-delay: -1.125s
        }

        .la-ball-spin > div:nth-child(2) {
            top: 18.1801948466%;
            left: 81.8198051534%;
            -webkit-animation-delay: -1.25s;
            -moz-animation-delay: -1.25s;
            -o-animation-delay: -1.25s;
            animation-delay: -1.25s
        }

        .la-ball-spin > div:nth-child(3) {
            top: 50%;
            left: 95%;
            -webkit-animation-delay: -1.375s;
            -moz-animation-delay: -1.375s;
            -o-animation-delay: -1.375s;
            animation-delay: -1.375s
        }

        .la-ball-spin > div:nth-child(4) {
            top: 81.8198051534%;
            left: 81.8198051534%;
            -webkit-animation-delay: -1.5s;
            -moz-animation-delay: -1.5s;
            -o-animation-delay: -1.5s;
            animation-delay: -1.5s
        }

        .la-ball-spin > div:nth-child(5) {
            top: 94.9999999966%;
            left: 50.0000000005%;
            -webkit-animation-delay: -1.625s;
            -moz-animation-delay: -1.625s;
            -o-animation-delay: -1.625s;
            animation-delay: -1.625s
        }

        .la-ball-spin > div:nth-child(6) {
            top: 81.8198046966%;
            left: 18.1801949248%;
            -webkit-animation-delay: -1.75s;
            -moz-animation-delay: -1.75s;
            -o-animation-delay: -1.75s;
            animation-delay: -1.75s
        }

        .la-ball-spin > div:nth-child(7) {
            top: 49.9999750815%;
            left: 5.0000051215%;
            -webkit-animation-delay: -1.875s;
            -moz-animation-delay: -1.875s;
            -o-animation-delay: -1.875s;
            animation-delay: -1.875s
        }

        .la-ball-spin > div:nth-child(8) {
            top: 18.179464974%;
            left: 18.1803700518%;
            -webkit-animation-delay: -2s;
            -moz-animation-delay: -2s;
            -o-animation-delay: -2s;
            animation-delay: -2s
        }

    .la-ball-spin.la-sm {
        width: 16px;
        height: 16px
    }

        .la-ball-spin.la-sm > div {
            width: 4px;
            height: 4px;
            margin-top: -2px;
            margin-left: -2px
        }

    .la-ball-spin.la-2x {
        width: 64px;
        height: 64px
    }

        .la-ball-spin.la-2x > div {
            width: 16px;
            height: 16px;
            margin-top: -8px;
            margin-left: -8px
        }

    .la-ball-spin.la-3x {
        width: 96px;
        height: 96px
    }

        .la-ball-spin.la-3x > div {
            width: 24px;
            height: 24px;
            margin-top: -12px;
            margin-left: -12px
        }

@-webkit-keyframes ball-spin {
    0%,100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: 1
    }

    80% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-moz-keyframes ball-spin {
    0%,100% {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: 1
    }

    80% {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0)
    }
}

@-o-keyframes ball-spin {
    0%,100% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: 1
    }

    80% {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes ball-spin {
    0%,100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: 1
    }

    80% {
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
}


.la-ball-square-clockwise-spin, .la-ball-square-clockwise-spin > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-square-clockwise-spin {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-square-clockwise-spin.la-dark {
        color: #333
    }

    .la-ball-square-clockwise-spin > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-square-clockwise-spin {
    width: 26px;
    height: 26px
}

    .la-ball-square-clockwise-spin > div {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 12px;
        height: 12px;
        margin-top: -6px;
        margin-left: -6px;
        border-radius: 100%;
        -webkit-animation: ball-square-clockwise-spin 1s infinite ease-in-out;
        -moz-animation: ball-square-clockwise-spin 1s infinite ease-in-out;
        -o-animation: ball-square-clockwise-spin 1s infinite ease-in-out;
        animation: ball-square-clockwise-spin 1s infinite ease-in-out
    }

        .la-ball-square-clockwise-spin > div:nth-child(1) {
            top: 0;
            left: 0;
            -webkit-animation-delay: -.875s;
            -moz-animation-delay: -.875s;
            -o-animation-delay: -.875s;
            animation-delay: -.875s
        }

        .la-ball-square-clockwise-spin > div:nth-child(2) {
            top: 0;
            left: 50%;
            -webkit-animation-delay: -.75s;
            -moz-animation-delay: -.75s;
            -o-animation-delay: -.75s;
            animation-delay: -.75s
        }

        .la-ball-square-clockwise-spin > div:nth-child(3) {
            top: 0;
            left: 100%;
            -webkit-animation-delay: -.625s;
            -moz-animation-delay: -.625s;
            -o-animation-delay: -.625s;
            animation-delay: -.625s
        }

        .la-ball-square-clockwise-spin > div:nth-child(4) {
            top: 50%;
            left: 100%;
            -webkit-animation-delay: -.5s;
            -moz-animation-delay: -.5s;
            -o-animation-delay: -.5s;
            animation-delay: -.5s
        }

        .la-ball-square-clockwise-spin > div:nth-child(5) {
            top: 100%;
            left: 100%;
            -webkit-animation-delay: -.375s;
            -moz-animation-delay: -.375s;
            -o-animation-delay: -.375s;
            animation-delay: -.375s
        }

        .la-ball-square-clockwise-spin > div:nth-child(6) {
            top: 100%;
            left: 50%;
            -webkit-animation-delay: -.25s;
            -moz-animation-delay: -.25s;
            -o-animation-delay: -.25s;
            animation-delay: -.25s
        }

        .la-ball-square-clockwise-spin > div:nth-child(7) {
            top: 100%;
            left: 0;
            -webkit-animation-delay: -.125s;
            -moz-animation-delay: -.125s;
            -o-animation-delay: -.125s;
            animation-delay: -.125s
        }

        .la-ball-square-clockwise-spin > div:nth-child(8) {
            top: 50%;
            left: 0;
            -webkit-animation-delay: 0s;
            -moz-animation-delay: 0s;
            -o-animation-delay: 0s;
            animation-delay: 0s
        }

    .la-ball-square-clockwise-spin.la-sm {
        width: 12px;
        height: 12px
    }

        .la-ball-square-clockwise-spin.la-sm > div {
            width: 6px;
            height: 6px;
            margin-top: -3px;
            margin-left: -3px
        }

    .la-ball-square-clockwise-spin.la-2x {
        width: 52px;
        height: 52px
    }

        .la-ball-square-clockwise-spin.la-2x > div {
            width: 24px;
            height: 24px;
            margin-top: -12px;
            margin-left: -12px
        }

    .la-ball-square-clockwise-spin.la-3x {
        width: 78px;
        height: 78px
    }

        .la-ball-square-clockwise-spin.la-3x > div {
            width: 36px;
            height: 36px;
            margin-top: -18px;
            margin-left: -18px
        }

@-webkit-keyframes ball-square-clockwise-spin {
    0%,40%,100% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes ball-square-clockwise-spin {
    0%,40%,100% {
        -moz-transform: scale(0.4);
        transform: scale(0.4)
    }

    70% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes ball-square-clockwise-spin {
    0%,40%,100% {
        -o-transform: scale(0.4);
        transform: scale(0.4)
    }

    70% {
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-square-clockwise-spin {
    0%,40%,100% {
        -webkit-transform: scale(0.4);
        -moz-transform: scale(0.4);
        -o-transform: scale(0.4);
        transform: scale(0.4)
    }

    70% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}


.la-ball-square-spin, .la-ball-square-spin > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-square-spin {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-square-spin.la-dark {
        color: #333
    }

    .la-ball-square-spin > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-square-spin {
    width: 26px;
    height: 26px
}

    .la-ball-square-spin > div {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 12px;
        height: 12px;
        margin-top: -6px;
        margin-left: -6px;
        border-radius: 100%;
        -webkit-animation: ball-square-spin 1s infinite ease-in-out;
        -moz-animation: ball-square-spin 1s infinite ease-in-out;
        -o-animation: ball-square-spin 1s infinite ease-in-out;
        animation: ball-square-spin 1s infinite ease-in-out
    }

        .la-ball-square-spin > div:nth-child(1) {
            top: 0;
            left: 0;
            -webkit-animation-delay: -1.125s;
            -moz-animation-delay: -1.125s;
            -o-animation-delay: -1.125s;
            animation-delay: -1.125s
        }

        .la-ball-square-spin > div:nth-child(2) {
            top: 0;
            left: 50%;
            -webkit-animation-delay: -1.25s;
            -moz-animation-delay: -1.25s;
            -o-animation-delay: -1.25s;
            animation-delay: -1.25s
        }

        .la-ball-square-spin > div:nth-child(3) {
            top: 0;
            left: 100%;
            -webkit-animation-delay: -1.375s;
            -moz-animation-delay: -1.375s;
            -o-animation-delay: -1.375s;
            animation-delay: -1.375s
        }

        .la-ball-square-spin > div:nth-child(4) {
            top: 50%;
            left: 100%;
            -webkit-animation-delay: -1.5s;
            -moz-animation-delay: -1.5s;
            -o-animation-delay: -1.5s;
            animation-delay: -1.5s
        }

        .la-ball-square-spin > div:nth-child(5) {
            top: 100%;
            left: 100%;
            -webkit-animation-delay: -1.625s;
            -moz-animation-delay: -1.625s;
            -o-animation-delay: -1.625s;
            animation-delay: -1.625s
        }

        .la-ball-square-spin > div:nth-child(6) {
            top: 100%;
            left: 50%;
            -webkit-animation-delay: -1.75s;
            -moz-animation-delay: -1.75s;
            -o-animation-delay: -1.75s;
            animation-delay: -1.75s
        }

        .la-ball-square-spin > div:nth-child(7) {
            top: 100%;
            left: 0;
            -webkit-animation-delay: -1.875s;
            -moz-animation-delay: -1.875s;
            -o-animation-delay: -1.875s;
            animation-delay: -1.875s
        }

        .la-ball-square-spin > div:nth-child(8) {
            top: 50%;
            left: 0;
            -webkit-animation-delay: -2s;
            -moz-animation-delay: -2s;
            -o-animation-delay: -2s;
            animation-delay: -2s
        }

    .la-ball-square-spin.la-sm {
        width: 12px;
        height: 12px
    }

        .la-ball-square-spin.la-sm > div {
            width: 6px;
            height: 6px;
            margin-top: -3px;
            margin-left: -3px
        }

    .la-ball-square-spin.la-2x {
        width: 52px;
        height: 52px
    }

        .la-ball-square-spin.la-2x > div {
            width: 24px;
            height: 24px;
            margin-top: -12px;
            margin-left: -12px
        }

    .la-ball-square-spin.la-3x {
        width: 78px;
        height: 78px
    }

        .la-ball-square-spin.la-3x > div {
            width: 36px;
            height: 36px;
            margin-top: -18px;
            margin-left: -18px
        }

@-webkit-keyframes ball-square-spin {
    0%,40%,100% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes ball-square-spin {
    0%,40%,100% {
        -moz-transform: scale(0.4);
        transform: scale(0.4)
    }

    70% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes ball-square-spin {
    0%,40%,100% {
        -o-transform: scale(0.4);
        transform: scale(0.4)
    }

    70% {
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-square-spin {
    0%,40%,100% {
        -webkit-transform: scale(0.4);
        -moz-transform: scale(0.4);
        -o-transform: scale(0.4);
        transform: scale(0.4)
    }

    70% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}


.la-ball-triangle-path, .la-ball-triangle-path > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-triangle-path {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-triangle-path.la-dark {
        color: #333
    }

    .la-ball-triangle-path > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-triangle-path {
    width: 32px;
    height: 32px
}

    .la-ball-triangle-path > div {
        position: absolute;
        top: 0;
        left: 0;
        width: 10px;
        height: 10px;
        border-radius: 100%
    }

        .la-ball-triangle-path > div:nth-child(1) {
            -webkit-animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite;
            -moz-animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite;
            -o-animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite;
            animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite
        }

        .la-ball-triangle-path > div:nth-child(2) {
            -webkit-animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite;
            -moz-animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite;
            -o-animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite;
            animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite
        }

        .la-ball-triangle-path > div:nth-child(3) {
            -webkit-animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite;
            -moz-animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite;
            -o-animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite;
            animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite
        }

    .la-ball-triangle-path.la-sm {
        width: 16px;
        height: 16px
    }

        .la-ball-triangle-path.la-sm > div {
            width: 4px;
            height: 4px
        }

    .la-ball-triangle-path.la-2x {
        width: 64px;
        height: 64px
    }

        .la-ball-triangle-path.la-2x > div {
            width: 20px;
            height: 20px
        }

    .la-ball-triangle-path.la-3x {
        width: 96px;
        height: 96px
    }

        .la-ball-triangle-path.la-3x > div {
            width: 30px;
            height: 30px
        }

@-webkit-keyframes ball-triangle-path-ball-one {
    0% {
        -webkit-transform: translate(0, 220%);
        transform: translate(0, 220%)
    }

    17% {
        opacity: .25
    }

    33% {
        opacity: 1;
        -webkit-transform: translate(110%, 0);
        transform: translate(110%, 0)
    }

    50% {
        opacity: .25
    }

    66% {
        opacity: 1;
        -webkit-transform: translate(220%, 220%);
        transform: translate(220%, 220%)
    }

    83% {
        opacity: .25
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 220%);
        transform: translate(0, 220%)
    }
}

@-moz-keyframes ball-triangle-path-ball-one {
    0% {
        -moz-transform: translate(0, 220%);
        transform: translate(0, 220%)
    }

    17% {
        opacity: .25
    }

    33% {
        opacity: 1;
        -moz-transform: translate(110%, 0);
        transform: translate(110%, 0)
    }

    50% {
        opacity: .25
    }

    66% {
        opacity: 1;
        -moz-transform: translate(220%, 220%);
        transform: translate(220%, 220%)
    }

    83% {
        opacity: .25
    }

    100% {
        opacity: 1;
        -moz-transform: translate(0, 220%);
        transform: translate(0, 220%)
    }
}

@-o-keyframes ball-triangle-path-ball-one {
    0% {
        -o-transform: translate(0, 220%);
        transform: translate(0, 220%)
    }

    17% {
        opacity: .25
    }

    33% {
        opacity: 1;
        -o-transform: translate(110%, 0);
        transform: translate(110%, 0)
    }

    50% {
        opacity: .25
    }

    66% {
        opacity: 1;
        -o-transform: translate(220%, 220%);
        transform: translate(220%, 220%)
    }

    83% {
        opacity: .25
    }

    100% {
        opacity: 1;
        -o-transform: translate(0, 220%);
        transform: translate(0, 220%)
    }
}

@keyframes ball-triangle-path-ball-one {
    0% {
        -webkit-transform: translate(0, 220%);
        -moz-transform: translate(0, 220%);
        -o-transform: translate(0, 220%);
        transform: translate(0, 220%)
    }

    17% {
        opacity: .25
    }

    33% {
        opacity: 1;
        -webkit-transform: translate(110%, 0);
        -moz-transform: translate(110%, 0);
        -o-transform: translate(110%, 0);
        transform: translate(110%, 0)
    }

    50% {
        opacity: .25
    }

    66% {
        opacity: 1;
        -webkit-transform: translate(220%, 220%);
        -moz-transform: translate(220%, 220%);
        -o-transform: translate(220%, 220%);
        transform: translate(220%, 220%)
    }

    83% {
        opacity: .25
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 220%);
        -moz-transform: translate(0, 220%);
        -o-transform: translate(0, 220%);
        transform: translate(0, 220%)
    }
}

@-webkit-keyframes ball-triangle-path-ball-two {
    0% {
        -webkit-transform: translate(110%, 0);
        transform: translate(110%, 0)
    }

    17% {
        opacity: .25
    }

    33% {
        opacity: 1;
        -webkit-transform: translate(220%, 220%);
        transform: translate(220%, 220%)
    }

    50% {
        opacity: .25
    }

    66% {
        opacity: 1;
        -webkit-transform: translate(0, 220%);
        transform: translate(0, 220%)
    }

    83% {
        opacity: .25
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(110%, 0);
        transform: translate(110%, 0)
    }
}

@-moz-keyframes ball-triangle-path-ball-two {
    0% {
        -moz-transform: translate(110%, 0);
        transform: translate(110%, 0)
    }

    17% {
        opacity: .25
    }

    33% {
        opacity: 1;
        -moz-transform: translate(220%, 220%);
        transform: translate(220%, 220%)
    }

    50% {
        opacity: .25
    }

    66% {
        opacity: 1;
        -moz-transform: translate(0, 220%);
        transform: translate(0, 220%)
    }

    83% {
        opacity: .25
    }

    100% {
        opacity: 1;
        -moz-transform: translate(110%, 0);
        transform: translate(110%, 0)
    }
}

@-o-keyframes ball-triangle-path-ball-two {
    0% {
        -o-transform: translate(110%, 0);
        transform: translate(110%, 0)
    }

    17% {
        opacity: .25
    }

    33% {
        opacity: 1;
        -o-transform: translate(220%, 220%);
        transform: translate(220%, 220%)
    }

    50% {
        opacity: .25
    }

    66% {
        opacity: 1;
        -o-transform: translate(0, 220%);
        transform: translate(0, 220%)
    }

    83% {
        opacity: .25
    }

    100% {
        opacity: 1;
        -o-transform: translate(110%, 0);
        transform: translate(110%, 0)
    }
}

@keyframes ball-triangle-path-ball-two {
    0% {
        -webkit-transform: translate(110%, 0);
        -moz-transform: translate(110%, 0);
        -o-transform: translate(110%, 0);
        transform: translate(110%, 0)
    }

    17% {
        opacity: .25
    }

    33% {
        opacity: 1;
        -webkit-transform: translate(220%, 220%);
        -moz-transform: translate(220%, 220%);
        -o-transform: translate(220%, 220%);
        transform: translate(220%, 220%)
    }

    50% {
        opacity: .25
    }

    66% {
        opacity: 1;
        -webkit-transform: translate(0, 220%);
        -moz-transform: translate(0, 220%);
        -o-transform: translate(0, 220%);
        transform: translate(0, 220%)
    }

    83% {
        opacity: .25
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(110%, 0);
        -moz-transform: translate(110%, 0);
        -o-transform: translate(110%, 0);
        transform: translate(110%, 0)
    }
}

@-webkit-keyframes ball-triangle-path-ball-tree {
    0% {
        -webkit-transform: translate(220%, 220%);
        transform: translate(220%, 220%)
    }

    17% {
        opacity: .25
    }

    33% {
        opacity: 1;
        -webkit-transform: translate(0, 220%);
        transform: translate(0, 220%)
    }

    50% {
        opacity: .25
    }

    66% {
        opacity: 1;
        -webkit-transform: translate(110%, 0);
        transform: translate(110%, 0)
    }

    83% {
        opacity: .25
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(220%, 220%);
        transform: translate(220%, 220%)
    }
}

@-moz-keyframes ball-triangle-path-ball-tree {
    0% {
        -moz-transform: translate(220%, 220%);
        transform: translate(220%, 220%)
    }

    17% {
        opacity: .25
    }

    33% {
        opacity: 1;
        -moz-transform: translate(0, 220%);
        transform: translate(0, 220%)
    }

    50% {
        opacity: .25
    }

    66% {
        opacity: 1;
        -moz-transform: translate(110%, 0);
        transform: translate(110%, 0)
    }

    83% {
        opacity: .25
    }

    100% {
        opacity: 1;
        -moz-transform: translate(220%, 220%);
        transform: translate(220%, 220%)
    }
}

@-o-keyframes ball-triangle-path-ball-tree {
    0% {
        -o-transform: translate(220%, 220%);
        transform: translate(220%, 220%)
    }

    17% {
        opacity: .25
    }

    33% {
        opacity: 1;
        -o-transform: translate(0, 220%);
        transform: translate(0, 220%)
    }

    50% {
        opacity: .25
    }

    66% {
        opacity: 1;
        -o-transform: translate(110%, 0);
        transform: translate(110%, 0)
    }

    83% {
        opacity: .25
    }

    100% {
        opacity: 1;
        -o-transform: translate(220%, 220%);
        transform: translate(220%, 220%)
    }
}

@keyframes ball-triangle-path-ball-tree {
    0% {
        -webkit-transform: translate(220%, 220%);
        -moz-transform: translate(220%, 220%);
        -o-transform: translate(220%, 220%);
        transform: translate(220%, 220%)
    }

    17% {
        opacity: .25
    }

    33% {
        opacity: 1;
        -webkit-transform: translate(0, 220%);
        -moz-transform: translate(0, 220%);
        -o-transform: translate(0, 220%);
        transform: translate(0, 220%)
    }

    50% {
        opacity: .25
    }

    66% {
        opacity: 1;
        -webkit-transform: translate(110%, 0);
        -moz-transform: translate(110%, 0);
        -o-transform: translate(110%, 0);
        transform: translate(110%, 0)
    }

    83% {
        opacity: .25
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(220%, 220%);
        -moz-transform: translate(220%, 220%);
        -o-transform: translate(220%, 220%);
        transform: translate(220%, 220%)
    }
}


.la-ball-zig-zag-deflect, .la-ball-zig-zag-deflect > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-zig-zag-deflect {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-zig-zag-deflect.la-dark {
        color: #333
    }

    .la-ball-zig-zag-deflect > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-zig-zag-deflect {
    position: relative;
    width: 32px;
    height: 32px
}

    .la-ball-zig-zag-deflect > div {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        margin-top: -5px;
        margin-left: -5px;
        border-radius: 100%
    }

        .la-ball-zig-zag-deflect > div:first-child {
            -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
            -moz-animation: ball-zig-deflect 1.5s 0s infinite linear;
            -o-animation: ball-zig-deflect 1.5s 0s infinite linear;
            animation: ball-zig-deflect 1.5s 0s infinite linear
        }

        .la-ball-zig-zag-deflect > div:last-child {
            -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
            -moz-animation: ball-zag-deflect 1.5s 0s infinite linear;
            -o-animation: ball-zag-deflect 1.5s 0s infinite linear;
            animation: ball-zag-deflect 1.5s 0s infinite linear
        }

    .la-ball-zig-zag-deflect.la-sm {
        width: 16px;
        height: 16px
    }

        .la-ball-zig-zag-deflect.la-sm > div {
            width: 4px;
            height: 4px;
            margin-top: -2px;
            margin-left: -2px
        }

    .la-ball-zig-zag-deflect.la-2x {
        width: 64px;
        height: 64px
    }

        .la-ball-zig-zag-deflect.la-2x > div {
            width: 20px;
            height: 20px;
            margin-top: -10px;
            margin-left: -10px
        }

    .la-ball-zig-zag-deflect.la-3x {
        width: 96px;
        height: 96px
    }

        .la-ball-zig-zag-deflect.la-3x > div {
            width: 30px;
            height: 30px;
            margin-top: -15px;
            margin-left: -15px
        }

@-webkit-keyframes ball-zig-deflect {
    17% {
        -webkit-transform: translate(-80%, -160%);
        transform: translate(-80%, -160%)
    }

    34% {
        -webkit-transform: translate(80%, -160%);
        transform: translate(80%, -160%)
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    67% {
        -webkit-transform: translate(80%, -160%);
        transform: translate(80%, -160%)
    }

    84% {
        -webkit-transform: translate(-80%, -160%);
        transform: translate(-80%, -160%)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-moz-keyframes ball-zig-deflect {
    17% {
        -moz-transform: translate(-80%, -160%);
        transform: translate(-80%, -160%)
    }

    34% {
        -moz-transform: translate(80%, -160%);
        transform: translate(80%, -160%)
    }

    50% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    67% {
        -moz-transform: translate(80%, -160%);
        transform: translate(80%, -160%)
    }

    84% {
        -moz-transform: translate(-80%, -160%);
        transform: translate(-80%, -160%)
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-o-keyframes ball-zig-deflect {
    17% {
        -o-transform: translate(-80%, -160%);
        transform: translate(-80%, -160%)
    }

    34% {
        -o-transform: translate(80%, -160%);
        transform: translate(80%, -160%)
    }

    50% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    67% {
        -o-transform: translate(80%, -160%);
        transform: translate(80%, -160%)
    }

    84% {
        -o-transform: translate(-80%, -160%);
        transform: translate(-80%, -160%)
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes ball-zig-deflect {
    17% {
        -webkit-transform: translate(-80%, -160%);
        -moz-transform: translate(-80%, -160%);
        -o-transform: translate(-80%, -160%);
        transform: translate(-80%, -160%)
    }

    34% {
        -webkit-transform: translate(80%, -160%);
        -moz-transform: translate(80%, -160%);
        -o-transform: translate(80%, -160%);
        transform: translate(80%, -160%)
    }

    50% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    67% {
        -webkit-transform: translate(80%, -160%);
        -moz-transform: translate(80%, -160%);
        -o-transform: translate(80%, -160%);
        transform: translate(80%, -160%)
    }

    84% {
        -webkit-transform: translate(-80%, -160%);
        -moz-transform: translate(-80%, -160%);
        -o-transform: translate(-80%, -160%);
        transform: translate(-80%, -160%)
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes ball-zag-deflect {
    17% {
        -webkit-transform: translate(80%, 160%);
        transform: translate(80%, 160%)
    }

    34% {
        -webkit-transform: translate(-80%, 160%);
        transform: translate(-80%, 160%)
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    67% {
        -webkit-transform: translate(-80%, 160%);
        transform: translate(-80%, 160%)
    }

    84% {
        -webkit-transform: translate(80%, 160%);
        transform: translate(80%, 160%)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-moz-keyframes ball-zag-deflect {
    17% {
        -moz-transform: translate(80%, 160%);
        transform: translate(80%, 160%)
    }

    34% {
        -moz-transform: translate(-80%, 160%);
        transform: translate(-80%, 160%)
    }

    50% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    67% {
        -moz-transform: translate(-80%, 160%);
        transform: translate(-80%, 160%)
    }

    84% {
        -moz-transform: translate(80%, 160%);
        transform: translate(80%, 160%)
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-o-keyframes ball-zag-deflect {
    17% {
        -o-transform: translate(80%, 160%);
        transform: translate(80%, 160%)
    }

    34% {
        -o-transform: translate(-80%, 160%);
        transform: translate(-80%, 160%)
    }

    50% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    67% {
        -o-transform: translate(-80%, 160%);
        transform: translate(-80%, 160%)
    }

    84% {
        -o-transform: translate(80%, 160%);
        transform: translate(80%, 160%)
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes ball-zag-deflect {
    17% {
        -webkit-transform: translate(80%, 160%);
        -moz-transform: translate(80%, 160%);
        -o-transform: translate(80%, 160%);
        transform: translate(80%, 160%)
    }

    34% {
        -webkit-transform: translate(-80%, 160%);
        -moz-transform: translate(-80%, 160%);
        -o-transform: translate(-80%, 160%);
        transform: translate(-80%, 160%)
    }

    50% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    67% {
        -webkit-transform: translate(-80%, 160%);
        -moz-transform: translate(-80%, 160%);
        -o-transform: translate(-80%, 160%);
        transform: translate(-80%, 160%)
    }

    84% {
        -webkit-transform: translate(80%, 160%);
        -moz-transform: translate(80%, 160%);
        -o-transform: translate(80%, 160%);
        transform: translate(80%, 160%)
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}


.la-ball-zig-zag, .la-ball-zig-zag > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-zig-zag {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-ball-zig-zag.la-dark {
        color: #333
    }

    .la-ball-zig-zag > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-ball-zig-zag {
    position: relative;
    width: 32px;
    height: 32px
}

    .la-ball-zig-zag > div {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        margin-top: -5px;
        margin-left: -5px;
        border-radius: 100%
    }

        .la-ball-zig-zag > div:first-child {
            -webkit-animation: ball-zig-effect 0.7s 0s infinite linear;
            -moz-animation: ball-zig-effect 0.7s 0s infinite linear;
            -o-animation: ball-zig-effect 0.7s 0s infinite linear;
            animation: ball-zig-effect 0.7s 0s infinite linear
        }

        .la-ball-zig-zag > div:last-child {
            -webkit-animation: ball-zag-effect 0.7s 0s infinite linear;
            -moz-animation: ball-zag-effect 0.7s 0s infinite linear;
            -o-animation: ball-zag-effect 0.7s 0s infinite linear;
            animation: ball-zag-effect 0.7s 0s infinite linear
        }

    .la-ball-zig-zag.la-sm {
        width: 16px;
        height: 16px
    }

        .la-ball-zig-zag.la-sm > div {
            width: 4px;
            height: 4px;
            margin-top: -2px;
            margin-left: -2px
        }

    .la-ball-zig-zag.la-2x {
        width: 64px;
        height: 64px
    }

        .la-ball-zig-zag.la-2x > div {
            width: 20px;
            height: 20px;
            margin-top: -10px;
            margin-left: -10px
        }

    .la-ball-zig-zag.la-3x {
        width: 96px;
        height: 96px
    }

        .la-ball-zig-zag.la-3x > div {
            width: 30px;
            height: 30px;
            margin-top: -15px;
            margin-left: -15px
        }

@-webkit-keyframes ball-zig-effect {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    33% {
        -webkit-transform: translate(-75%, -150%);
        transform: translate(-75%, -150%)
    }

    66% {
        -webkit-transform: translate(75%, -150%);
        transform: translate(75%, -150%)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-moz-keyframes ball-zig-effect {
    0% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    33% {
        -moz-transform: translate(-75%, -150%);
        transform: translate(-75%, -150%)
    }

    66% {
        -moz-transform: translate(75%, -150%);
        transform: translate(75%, -150%)
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-o-keyframes ball-zig-effect {
    0% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    33% {
        -o-transform: translate(-75%, -150%);
        transform: translate(-75%, -150%)
    }

    66% {
        -o-transform: translate(75%, -150%);
        transform: translate(75%, -150%)
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes ball-zig-effect {
    0% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    33% {
        -webkit-transform: translate(-75%, -150%);
        -moz-transform: translate(-75%, -150%);
        -o-transform: translate(-75%, -150%);
        transform: translate(-75%, -150%)
    }

    66% {
        -webkit-transform: translate(75%, -150%);
        -moz-transform: translate(75%, -150%);
        -o-transform: translate(75%, -150%);
        transform: translate(75%, -150%)
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes ball-zag-effect {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    33% {
        -webkit-transform: translate(75%, 150%);
        transform: translate(75%, 150%)
    }

    66% {
        -webkit-transform: translate(-75%, 150%);
        transform: translate(-75%, 150%)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-moz-keyframes ball-zag-effect {
    0% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    33% {
        -moz-transform: translate(75%, 150%);
        transform: translate(75%, 150%)
    }

    66% {
        -moz-transform: translate(-75%, 150%);
        transform: translate(-75%, 150%)
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-o-keyframes ball-zag-effect {
    0% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    33% {
        -o-transform: translate(75%, 150%);
        transform: translate(75%, 150%)
    }

    66% {
        -o-transform: translate(-75%, 150%);
        transform: translate(-75%, 150%)
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes ball-zag-effect {
    0% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    33% {
        -webkit-transform: translate(75%, 150%);
        -moz-transform: translate(75%, 150%);
        -o-transform: translate(75%, 150%);
        transform: translate(75%, 150%)
    }

    66% {
        -webkit-transform: translate(-75%, 150%);
        -moz-transform: translate(-75%, 150%);
        -o-transform: translate(-75%, 150%);
        transform: translate(-75%, 150%)
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}


.la-cog, .la-cog > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-cog {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-cog.la-dark {
        color: #333
    }

    .la-cog > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-cog {
    width: 31px;
    height: 31px
}

    .la-cog > div {
        width: 100%;
        height: 100%;
        background-color: transparent;
        border-style: dashed;
        border-width: 2px;
        border-radius: 100%;
        -webkit-animation: cog-rotate 4s linear infinite;
        -moz-animation: cog-rotate 4s linear infinite;
        -o-animation: cog-rotate 4s linear infinite;
        animation: cog-rotate 4s linear infinite
    }

        .la-cog > div:after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: "";
            border: 2px solid currentColor;
            border-radius: 100%
        }

    .la-cog.la-sm {
        width: 15px;
        height: 15px
    }

        .la-cog.la-sm > div {
            border-width: 1px
        }

            .la-cog.la-sm > div:after {
                border-width: 1px
            }

    .la-cog.la-2x {
        width: 61px;
        height: 61px
    }

        .la-cog.la-2x > div {
            border-width: 4px
        }

            .la-cog.la-2x > div:after {
                border-width: 4px
            }

    .la-cog.la-3x {
        width: 91px;
        height: 91px
    }

        .la-cog.la-3x > div {
            border-width: 6px
        }

            .la-cog.la-3x > div:after {
                border-width: 6px
            }

@-webkit-keyframes cog-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes cog-rotate {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes cog-rotate {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes cog-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}


.la-cube-transition, .la-cube-transition > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-cube-transition {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-cube-transition.la-dark {
        color: #333
    }

    .la-cube-transition > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-cube-transition {
    width: 32px;
    height: 32px
}

    .la-cube-transition > div {
        position: absolute;
        top: 0;
        left: 0;
        width: 14px;
        height: 14px;
        margin-top: -7px;
        margin-left: -7px;
        border-radius: 0;
        -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
        -moz-animation: cube-transition 1.6s 0s infinite ease-in-out;
        -o-animation: cube-transition 1.6s 0s infinite ease-in-out;
        animation: cube-transition 1.6s 0s infinite ease-in-out
    }

        .la-cube-transition > div:last-child {
            -webkit-animation-delay: -.8s;
            -moz-animation-delay: -.8s;
            -o-animation-delay: -.8s;
            animation-delay: -.8s
        }

    .la-cube-transition.la-sm {
        width: 16px;
        height: 16px
    }

        .la-cube-transition.la-sm > div {
            width: 6px;
            height: 6px;
            margin-top: -3px;
            margin-left: -3px
        }

    .la-cube-transition.la-2x {
        width: 64px;
        height: 64px
    }

        .la-cube-transition.la-2x > div {
            width: 28px;
            height: 28px;
            margin-top: -14px;
            margin-left: -14px
        }

    .la-cube-transition.la-3x {
        width: 96px;
        height: 96px
    }

        .la-cube-transition.la-3x > div {
            width: 42px;
            height: 42px;
            margin-top: -21px;
            margin-left: -21px
        }

@-webkit-keyframes cube-transition {
    25% {
        top: 0;
        left: 100%;
        -webkit-transform: scale(0.5) rotate(-90deg);
        transform: scale(0.5) rotate(-90deg)
    }

    50% {
        top: 100%;
        left: 100%;
        -webkit-transform: scale(1) rotate(-180deg);
        transform: scale(1) rotate(-180deg)
    }

    75% {
        top: 100%;
        left: 0;
        -webkit-transform: scale(0.5) rotate(-270deg);
        transform: scale(0.5) rotate(-270deg)
    }

    100% {
        top: 0;
        left: 0;
        -webkit-transform: scale(1) rotate(-360deg);
        transform: scale(1) rotate(-360deg)
    }
}

@-moz-keyframes cube-transition {
    25% {
        top: 0;
        left: 100%;
        -moz-transform: scale(0.5) rotate(-90deg);
        transform: scale(0.5) rotate(-90deg)
    }

    50% {
        top: 100%;
        left: 100%;
        -moz-transform: scale(1) rotate(-180deg);
        transform: scale(1) rotate(-180deg)
    }

    75% {
        top: 100%;
        left: 0;
        -moz-transform: scale(0.5) rotate(-270deg);
        transform: scale(0.5) rotate(-270deg)
    }

    100% {
        top: 0;
        left: 0;
        -moz-transform: scale(1) rotate(-360deg);
        transform: scale(1) rotate(-360deg)
    }
}

@-o-keyframes cube-transition {
    25% {
        top: 0;
        left: 100%;
        -o-transform: scale(0.5) rotate(-90deg);
        transform: scale(0.5) rotate(-90deg)
    }

    50% {
        top: 100%;
        left: 100%;
        -o-transform: scale(1) rotate(-180deg);
        transform: scale(1) rotate(-180deg)
    }

    75% {
        top: 100%;
        left: 0;
        -o-transform: scale(0.5) rotate(-270deg);
        transform: scale(0.5) rotate(-270deg)
    }

    100% {
        top: 0;
        left: 0;
        -o-transform: scale(1) rotate(-360deg);
        transform: scale(1) rotate(-360deg)
    }
}

@keyframes cube-transition {
    25% {
        top: 0;
        left: 100%;
        -webkit-transform: scale(0.5) rotate(-90deg);
        -moz-transform: scale(0.5) rotate(-90deg);
        -o-transform: scale(0.5) rotate(-90deg);
        transform: scale(0.5) rotate(-90deg)
    }

    50% {
        top: 100%;
        left: 100%;
        -webkit-transform: scale(1) rotate(-180deg);
        -moz-transform: scale(1) rotate(-180deg);
        -o-transform: scale(1) rotate(-180deg);
        transform: scale(1) rotate(-180deg)
    }

    75% {
        top: 100%;
        left: 0;
        -webkit-transform: scale(0.5) rotate(-270deg);
        -moz-transform: scale(0.5) rotate(-270deg);
        -o-transform: scale(0.5) rotate(-270deg);
        transform: scale(0.5) rotate(-270deg)
    }

    100% {
        top: 0;
        left: 0;
        -webkit-transform: scale(1) rotate(-360deg);
        -moz-transform: scale(1) rotate(-360deg);
        -o-transform: scale(1) rotate(-360deg);
        transform: scale(1) rotate(-360deg)
    }
}


.la-fire, .la-fire > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-fire {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-fire.la-dark {
        color: #333
    }

    .la-fire > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-fire {
    width: 32px;
    height: 32px
}

    .la-fire > div {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 12px;
        height: 12px;
        border-radius: 0;
        border-radius: 2px;
        -webkit-transform: translateY(0) translateX(-50%) rotate(45deg) scale(0);
        -moz-transform: translateY(0) translateX(-50%) rotate(45deg) scale(0);
        -ms-transform: translateY(0) translateX(-50%) rotate(45deg) scale(0);
        -o-transform: translateY(0) translateX(-50%) rotate(45deg) scale(0);
        transform: translateY(0) translateX(-50%) rotate(45deg) scale(0);
        -webkit-animation: fire-diamonds 1.5s infinite linear;
        -moz-animation: fire-diamonds 1.5s infinite linear;
        -o-animation: fire-diamonds 1.5s infinite linear;
        animation: fire-diamonds 1.5s infinite linear
    }

        .la-fire > div:nth-child(1) {
            -webkit-animation-delay: -.85s;
            -moz-animation-delay: -.85s;
            -o-animation-delay: -.85s;
            animation-delay: -.85s
        }

        .la-fire > div:nth-child(2) {
            -webkit-animation-delay: -1.85s;
            -moz-animation-delay: -1.85s;
            -o-animation-delay: -1.85s;
            animation-delay: -1.85s
        }

        .la-fire > div:nth-child(3) {
            -webkit-animation-delay: -2.85s;
            -moz-animation-delay: -2.85s;
            -o-animation-delay: -2.85s;
            animation-delay: -2.85s
        }

    .la-fire.la-sm {
        width: 16px;
        height: 16px
    }

        .la-fire.la-sm > div {
            width: 6px;
            height: 6px
        }

    .la-fire.la-2x {
        width: 64px;
        height: 64px
    }

        .la-fire.la-2x > div {
            width: 24px;
            height: 24px
        }

    .la-fire.la-3x {
        width: 96px;
        height: 96px
    }

        .la-fire.la-3x > div {
            width: 36px;
            height: 36px
        }

@-webkit-keyframes fire-diamonds {
    0% {
        -webkit-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
        transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0)
    }

    50% {
        -webkit-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
        transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1)
    }

    100% {
        -webkit-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
        transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0)
    }
}

@-moz-keyframes fire-diamonds {
    0% {
        -moz-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
        transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0)
    }

    50% {
        -moz-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
        transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1)
    }

    100% {
        -moz-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
        transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0)
    }
}

@-o-keyframes fire-diamonds {
    0% {
        -o-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
        transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0)
    }

    50% {
        -o-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
        transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1)
    }

    100% {
        -o-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
        transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0)
    }
}

@keyframes fire-diamonds {
    0% {
        -webkit-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
        -moz-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
        -o-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
        transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0)
    }

    50% {
        -webkit-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
        -moz-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
        -o-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
        transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1)
    }

    100% {
        -webkit-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
        -moz-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
        -o-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
        transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0)
    }
}


.la-line-scale-party, .la-line-scale-party > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-line-scale-party {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-line-scale-party.la-dark {
        color: #333
    }

    .la-line-scale-party > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-line-scale-party {
    width: 40px;
    height: 32px
}

    .la-line-scale-party > div {
        width: 4px;
        height: 32px;
        margin: 2px;
        margin-top: 0;
        margin-bottom: 0;
        border-radius: 0;
        -webkit-animation-name: line-scale-party;
        -moz-animation-name: line-scale-party;
        -o-animation-name: line-scale-party;
        animation-name: line-scale-party;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

        .la-line-scale-party > div:nth-child(1) {
            -webkit-animation-duration: .43s;
            -moz-animation-duration: .43s;
            -o-animation-duration: .43s;
            animation-duration: .43s;
            -webkit-animation-delay: -.23s;
            -moz-animation-delay: -.23s;
            -o-animation-delay: -.23s;
            animation-delay: -.23s
        }

        .la-line-scale-party > div:nth-child(2) {
            -webkit-animation-duration: .62s;
            -moz-animation-duration: .62s;
            -o-animation-duration: .62s;
            animation-duration: .62s;
            -webkit-animation-delay: -.32s;
            -moz-animation-delay: -.32s;
            -o-animation-delay: -.32s;
            animation-delay: -.32s
        }

        .la-line-scale-party > div:nth-child(3) {
            -webkit-animation-duration: .43s;
            -moz-animation-duration: .43s;
            -o-animation-duration: .43s;
            animation-duration: .43s;
            -webkit-animation-delay: -.44s;
            -moz-animation-delay: -.44s;
            -o-animation-delay: -.44s;
            animation-delay: -.44s
        }

        .la-line-scale-party > div:nth-child(4) {
            -webkit-animation-duration: .8s;
            -moz-animation-duration: .8s;
            -o-animation-duration: .8s;
            animation-duration: .8s;
            -webkit-animation-delay: -.31s;
            -moz-animation-delay: -.31s;
            -o-animation-delay: -.31s;
            animation-delay: -.31s
        }

        .la-line-scale-party > div:nth-child(5) {
            -webkit-animation-duration: .74s;
            -moz-animation-duration: .74s;
            -o-animation-duration: .74s;
            animation-duration: .74s;
            -webkit-animation-delay: -.24s;
            -moz-animation-delay: -.24s;
            -o-animation-delay: -.24s;
            animation-delay: -.24s
        }

    .la-line-scale-party.la-sm {
        width: 20px;
        height: 16px
    }

        .la-line-scale-party.la-sm > div {
            width: 2px;
            height: 16px;
            margin: 1px;
            margin-top: 0;
            margin-bottom: 0
        }

    .la-line-scale-party.la-2x {
        width: 80px;
        height: 64px
    }

        .la-line-scale-party.la-2x > div {
            width: 8px;
            height: 64px;
            margin: 4px;
            margin-top: 0;
            margin-bottom: 0
        }

    .la-line-scale-party.la-3x {
        width: 120px;
        height: 96px
    }

        .la-line-scale-party.la-3x > div {
            width: 12px;
            height: 96px;
            margin: 6px;
            margin-top: 0;
            margin-bottom: 0
        }

@-webkit-keyframes line-scale-party {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    50% {
        -webkit-transform: scaleY(0.3);
        transform: scaleY(0.3)
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-moz-keyframes line-scale-party {
    0% {
        -moz-transform: scaleY(1);
        transform: scaleY(1)
    }

    50% {
        -moz-transform: scaleY(0.3);
        transform: scaleY(0.3)
    }

    100% {
        -moz-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-o-keyframes line-scale-party {
    0% {
        -o-transform: scaleY(1);
        transform: scaleY(1)
    }

    50% {
        -o-transform: scaleY(0.3);
        transform: scaleY(0.3)
    }

    100% {
        -o-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes line-scale-party {
    0% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1)
    }

    50% {
        -webkit-transform: scaleY(0.3);
        -moz-transform: scaleY(0.3);
        -o-transform: scaleY(0.3);
        transform: scaleY(0.3)
    }

    100% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1)
    }
}


.la-line-scale-pulse-out-rapid, .la-line-scale-pulse-out-rapid > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-line-scale-pulse-out-rapid {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-line-scale-pulse-out-rapid.la-dark {
        color: #333
    }

    .la-line-scale-pulse-out-rapid > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-line-scale-pulse-out-rapid {
    width: 40px;
    height: 32px
}

    .la-line-scale-pulse-out-rapid > div {
        width: 4px;
        height: 32px;
        margin: 2px;
        margin-top: 0;
        margin-bottom: 0;
        border-radius: 0;
        -webkit-animation: line-scale-pulse-out-rapid 0.9s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
        -moz-animation: line-scale-pulse-out-rapid 0.9s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
        -o-animation: line-scale-pulse-out-rapid 0.9s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
        animation: line-scale-pulse-out-rapid 0.9s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78)
    }

        .la-line-scale-pulse-out-rapid > div:nth-child(3) {
            -webkit-animation-delay: -.9s;
            -moz-animation-delay: -.9s;
            -o-animation-delay: -.9s;
            animation-delay: -.9s
        }

        .la-line-scale-pulse-out-rapid > div:nth-child(2), .la-line-scale-pulse-out-rapid > div:nth-child(4) {
            -webkit-animation-delay: -.65s;
            -moz-animation-delay: -.65s;
            -o-animation-delay: -.65s;
            animation-delay: -.65s
        }

        .la-line-scale-pulse-out-rapid > div:nth-child(1), .la-line-scale-pulse-out-rapid > div:nth-child(5) {
            -webkit-animation-delay: -.4s;
            -moz-animation-delay: -.4s;
            -o-animation-delay: -.4s;
            animation-delay: -.4s
        }

    .la-line-scale-pulse-out-rapid.la-sm {
        width: 20px;
        height: 16px
    }

        .la-line-scale-pulse-out-rapid.la-sm > div {
            width: 2px;
            height: 16px;
            margin: 1px;
            margin-top: 0;
            margin-bottom: 0
        }

    .la-line-scale-pulse-out-rapid.la-2x {
        width: 80px;
        height: 64px
    }

        .la-line-scale-pulse-out-rapid.la-2x > div {
            width: 8px;
            height: 64px;
            margin: 4px;
            margin-top: 0;
            margin-bottom: 0
        }

    .la-line-scale-pulse-out-rapid.la-3x {
        width: 120px;
        height: 96px
    }

        .la-line-scale-pulse-out-rapid.la-3x > div {
            width: 12px;
            height: 96px;
            margin: 6px;
            margin-top: 0;
            margin-bottom: 0
        }

@-webkit-keyframes line-scale-pulse-out-rapid {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }

    80% {
        -webkit-transform: scaley(0.3);
        transform: scaley(0.3)
    }

    90% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

@-moz-keyframes line-scale-pulse-out-rapid {
    0% {
        -moz-transform: scaley(1);
        transform: scaley(1)
    }

    80% {
        -moz-transform: scaley(0.3);
        transform: scaley(0.3)
    }

    90% {
        -moz-transform: scaley(1);
        transform: scaley(1)
    }
}

@-o-keyframes line-scale-pulse-out-rapid {
    0% {
        -o-transform: scaley(1);
        transform: scaley(1)
    }

    80% {
        -o-transform: scaley(0.3);
        transform: scaley(0.3)
    }

    90% {
        -o-transform: scaley(1);
        transform: scaley(1)
    }
}

@keyframes line-scale-pulse-out-rapid {
    0% {
        -webkit-transform: scaley(1);
        -moz-transform: scaley(1);
        -o-transform: scaley(1);
        transform: scaley(1)
    }

    80% {
        -webkit-transform: scaley(0.3);
        -moz-transform: scaley(0.3);
        -o-transform: scaley(0.3);
        transform: scaley(0.3)
    }

    90% {
        -webkit-transform: scaley(1);
        -moz-transform: scaley(1);
        -o-transform: scaley(1);
        transform: scaley(1)
    }
}


.la-line-scale-pulse-out, .la-line-scale-pulse-out > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-line-scale-pulse-out {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-line-scale-pulse-out.la-dark {
        color: #333
    }

    .la-line-scale-pulse-out > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-line-scale-pulse-out {
    width: 40px;
    height: 32px
}

    .la-line-scale-pulse-out > div {
        width: 4px;
        height: 32px;
        margin: 2px;
        margin-top: 0;
        margin-bottom: 0;
        border-radius: 0;
        -webkit-animation: line-scale-pulse-out 0.9s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
        -moz-animation: line-scale-pulse-out 0.9s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
        -o-animation: line-scale-pulse-out 0.9s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
        animation: line-scale-pulse-out 0.9s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85)
    }

        .la-line-scale-pulse-out > div:nth-child(3) {
            -webkit-animation-delay: -.9s;
            -moz-animation-delay: -.9s;
            -o-animation-delay: -.9s;
            animation-delay: -.9s
        }

        .la-line-scale-pulse-out > div:nth-child(2), .la-line-scale-pulse-out > div:nth-child(4) {
            -webkit-animation-delay: -.7s;
            -moz-animation-delay: -.7s;
            -o-animation-delay: -.7s;
            animation-delay: -.7s
        }

        .la-line-scale-pulse-out > div:nth-child(1), .la-line-scale-pulse-out > div:nth-child(5) {
            -webkit-animation-delay: -.5s;
            -moz-animation-delay: -.5s;
            -o-animation-delay: -.5s;
            animation-delay: -.5s
        }

    .la-line-scale-pulse-out.la-sm {
        width: 20px;
        height: 16px
    }

        .la-line-scale-pulse-out.la-sm > div {
            width: 2px;
            height: 16px;
            margin: 1px;
            margin-top: 0;
            margin-bottom: 0
        }

    .la-line-scale-pulse-out.la-2x {
        width: 80px;
        height: 64px
    }

        .la-line-scale-pulse-out.la-2x > div {
            width: 8px;
            height: 64px;
            margin: 4px;
            margin-top: 0;
            margin-bottom: 0
        }

    .la-line-scale-pulse-out.la-3x {
        width: 120px;
        height: 96px
    }

        .la-line-scale-pulse-out.la-3x > div {
            width: 12px;
            height: 96px;
            margin: 6px;
            margin-top: 0;
            margin-bottom: 0
        }

@-webkit-keyframes line-scale-pulse-out {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }

    50% {
        -webkit-transform: scaley(0.3);
        transform: scaley(0.3)
    }

    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

@-moz-keyframes line-scale-pulse-out {
    0% {
        -moz-transform: scaley(1);
        transform: scaley(1)
    }

    50% {
        -moz-transform: scaley(0.3);
        transform: scaley(0.3)
    }

    100% {
        -moz-transform: scaley(1);
        transform: scaley(1)
    }
}

@-o-keyframes line-scale-pulse-out {
    0% {
        -o-transform: scaley(1);
        transform: scaley(1)
    }

    50% {
        -o-transform: scaley(0.3);
        transform: scaley(0.3)
    }

    100% {
        -o-transform: scaley(1);
        transform: scaley(1)
    }
}

@keyframes line-scale-pulse-out {
    0% {
        -webkit-transform: scaley(1);
        -moz-transform: scaley(1);
        -o-transform: scaley(1);
        transform: scaley(1)
    }

    50% {
        -webkit-transform: scaley(0.3);
        -moz-transform: scaley(0.3);
        -o-transform: scaley(0.3);
        transform: scaley(0.3)
    }

    100% {
        -webkit-transform: scaley(1);
        -moz-transform: scaley(1);
        -o-transform: scaley(1);
        transform: scaley(1)
    }
}


.la-line-scale, .la-line-scale > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-line-scale {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-line-scale.la-dark {
        color: #333
    }

    .la-line-scale > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-line-scale {
    width: 40px;
    height: 32px
}

    .la-line-scale > div {
        width: 4px;
        height: 32px;
        margin: 2px;
        margin-top: 0;
        margin-bottom: 0;
        border-radius: 0;
        -webkit-animation: line-scale 1.2s infinite ease;
        -moz-animation: line-scale 1.2s infinite ease;
        -o-animation: line-scale 1.2s infinite ease;
        animation: line-scale 1.2s infinite ease
    }

        .la-line-scale > div:nth-child(1) {
            -webkit-animation-delay: -1.2s;
            -moz-animation-delay: -1.2s;
            -o-animation-delay: -1.2s;
            animation-delay: -1.2s
        }

        .la-line-scale > div:nth-child(2) {
            -webkit-animation-delay: -1.1s;
            -moz-animation-delay: -1.1s;
            -o-animation-delay: -1.1s;
            animation-delay: -1.1s
        }

        .la-line-scale > div:nth-child(3) {
            -webkit-animation-delay: -1s;
            -moz-animation-delay: -1s;
            -o-animation-delay: -1s;
            animation-delay: -1s
        }

        .la-line-scale > div:nth-child(4) {
            -webkit-animation-delay: -.9s;
            -moz-animation-delay: -.9s;
            -o-animation-delay: -.9s;
            animation-delay: -.9s
        }

        .la-line-scale > div:nth-child(5) {
            -webkit-animation-delay: -.8s;
            -moz-animation-delay: -.8s;
            -o-animation-delay: -.8s;
            animation-delay: -.8s
        }

    .la-line-scale.la-sm {
        width: 20px;
        height: 16px
    }

        .la-line-scale.la-sm > div {
            width: 2px;
            height: 16px;
            margin: 1px;
            margin-top: 0;
            margin-bottom: 0
        }

    .la-line-scale.la-2x {
        width: 80px;
        height: 64px
    }

        .la-line-scale.la-2x > div {
            width: 8px;
            height: 64px;
            margin: 4px;
            margin-top: 0;
            margin-bottom: 0
        }

    .la-line-scale.la-3x {
        width: 120px;
        height: 96px
    }

        .la-line-scale.la-3x > div {
            width: 12px;
            height: 96px;
            margin: 6px;
            margin-top: 0;
            margin-bottom: 0
        }

@-webkit-keyframes line-scale {
    0%,40%,100% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-moz-keyframes line-scale {
    0%,40%,100% {
        -webkit-transform: scaleY(0.4);
        -moz-transform: scaleY(0.4);
        transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-o-keyframes line-scale {
    0%,40%,100% {
        -webkit-transform: scaleY(0.4);
        -o-transform: scaleY(0.4);
        transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes line-scale {
    0%,40%,100% {
        -webkit-transform: scaleY(0.4);
        -moz-transform: scaleY(0.4);
        -o-transform: scaleY(0.4);
        transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1)
    }
}


.la-line-spin-clockwise-fade-rotating, .la-line-spin-clockwise-fade-rotating > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-line-spin-clockwise-fade-rotating {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-line-spin-clockwise-fade-rotating.la-dark {
        color: #333
    }

    .la-line-spin-clockwise-fade-rotating > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-line-spin-clockwise-fade-rotating {
    width: 32px;
    height: 32px;
    -webkit-animation: line-spin-clockwise-fade-rotating-rotate 6s infinite linear;
    -moz-animation: line-spin-clockwise-fade-rotating-rotate 6s infinite linear;
    -o-animation: line-spin-clockwise-fade-rotating-rotate 6s infinite linear;
    animation: line-spin-clockwise-fade-rotating-rotate 6s infinite linear
}

    .la-line-spin-clockwise-fade-rotating > div {
        position: absolute;
        width: 2px;
        height: 10px;
        margin: 2px;
        margin-top: -5px;
        margin-left: -1px;
        border-radius: 0;
        -webkit-animation: line-spin-clockwise-fade-rotating 1s infinite ease-in-out;
        -moz-animation: line-spin-clockwise-fade-rotating 1s infinite ease-in-out;
        -o-animation: line-spin-clockwise-fade-rotating 1s infinite ease-in-out;
        animation: line-spin-clockwise-fade-rotating 1s infinite ease-in-out
    }

        .la-line-spin-clockwise-fade-rotating > div:nth-child(1) {
            top: 15%;
            left: 50%;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-animation-delay: -.875s;
            -moz-animation-delay: -.875s;
            -o-animation-delay: -.875s;
            animation-delay: -.875s
        }

        .la-line-spin-clockwise-fade-rotating > div:nth-child(2) {
            top: 25.2512626585%;
            left: 74.7487373415%;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-animation-delay: -.75s;
            -moz-animation-delay: -.75s;
            -o-animation-delay: -.75s;
            animation-delay: -.75s
        }

        .la-line-spin-clockwise-fade-rotating > div:nth-child(3) {
            top: 50%;
            left: 85%;
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
            -webkit-animation-delay: -.625s;
            -moz-animation-delay: -.625s;
            -o-animation-delay: -.625s;
            animation-delay: -.625s
        }

        .la-line-spin-clockwise-fade-rotating > div:nth-child(4) {
            top: 74.7487373415%;
            left: 74.7487373415%;
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg);
            -webkit-animation-delay: -.5s;
            -moz-animation-delay: -.5s;
            -o-animation-delay: -.5s;
            animation-delay: -.5s
        }

        .la-line-spin-clockwise-fade-rotating > div:nth-child(5) {
            top: 84.9999999974%;
            left: 50.0000000004%;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            -webkit-animation-delay: -.375s;
            -moz-animation-delay: -.375s;
            -o-animation-delay: -.375s;
            animation-delay: -.375s
        }

        .la-line-spin-clockwise-fade-rotating > div:nth-child(6) {
            top: 74.7487369862%;
            left: 25.2512627193%;
            -webkit-transform: rotate(225deg);
            -moz-transform: rotate(225deg);
            -ms-transform: rotate(225deg);
            -o-transform: rotate(225deg);
            transform: rotate(225deg);
            -webkit-animation-delay: -.25s;
            -moz-animation-delay: -.25s;
            -o-animation-delay: -.25s;
            animation-delay: -.25s
        }

        .la-line-spin-clockwise-fade-rotating > div:nth-child(7) {
            top: 49.9999806189%;
            left: 15.0000039834%;
            -webkit-transform: rotate(270deg);
            -moz-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            -o-transform: rotate(270deg);
            transform: rotate(270deg);
            -webkit-animation-delay: -.125s;
            -moz-animation-delay: -.125s;
            -o-animation-delay: -.125s;
            animation-delay: -.125s
        }

        .la-line-spin-clockwise-fade-rotating > div:nth-child(8) {
            top: 25.2506949798%;
            left: 25.2513989292%;
            -webkit-transform: rotate(315deg);
            -moz-transform: rotate(315deg);
            -ms-transform: rotate(315deg);
            -o-transform: rotate(315deg);
            transform: rotate(315deg);
            -webkit-animation-delay: 0s;
            -moz-animation-delay: 0s;
            -o-animation-delay: 0s;
            animation-delay: 0s
        }

    .la-line-spin-clockwise-fade-rotating.la-sm {
        width: 16px;
        height: 16px
    }

        .la-line-spin-clockwise-fade-rotating.la-sm > div {
            width: 1px;
            height: 4px;
            margin-top: -2px;
            margin-left: 0
        }

    .la-line-spin-clockwise-fade-rotating.la-2x {
        width: 64px;
        height: 64px
    }

        .la-line-spin-clockwise-fade-rotating.la-2x > div {
            width: 4px;
            height: 20px;
            margin-top: -10px;
            margin-left: -2px
        }

    .la-line-spin-clockwise-fade-rotating.la-3x {
        width: 96px;
        height: 96px
    }

        .la-line-spin-clockwise-fade-rotating.la-3x > div {
            width: 6px;
            height: 30px;
            margin-top: -15px;
            margin-left: -3px
        }

@-webkit-keyframes line-spin-clockwise-fade-rotating-rotate {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-moz-keyframes line-spin-clockwise-fade-rotating-rotate {
    100% {
        -moz-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-o-keyframes line-spin-clockwise-fade-rotating-rotate {
    100% {
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes line-spin-clockwise-fade-rotating-rotate {
    100% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes line-spin-clockwise-fade-rotating {
    50% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes line-spin-clockwise-fade-rotating {
    50% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes line-spin-clockwise-fade-rotating {
    50% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}

@keyframes line-spin-clockwise-fade-rotating {
    50% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}


.la-line-spin-clockwise-fade, .la-line-spin-clockwise-fade > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-line-spin-clockwise-fade {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-line-spin-clockwise-fade.la-dark {
        color: #333
    }

    .la-line-spin-clockwise-fade > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-line-spin-clockwise-fade {
    width: 32px;
    height: 32px
}

    .la-line-spin-clockwise-fade > div {
        position: absolute;
        width: 2px;
        height: 10px;
        margin: 2px;
        margin-top: -5px;
        margin-left: -1px;
        border-radius: 0;
        -webkit-animation: line-spin-clockwise-fade 1s infinite ease-in-out;
        -moz-animation: line-spin-clockwise-fade 1s infinite ease-in-out;
        -o-animation: line-spin-clockwise-fade 1s infinite ease-in-out;
        animation: line-spin-clockwise-fade 1s infinite ease-in-out
    }

        .la-line-spin-clockwise-fade > div:nth-child(1) {
            top: 15%;
            left: 50%;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-animation-delay: -.875s;
            -moz-animation-delay: -.875s;
            -o-animation-delay: -.875s;
            animation-delay: -.875s
        }

        .la-line-spin-clockwise-fade > div:nth-child(2) {
            top: 25.2512626585%;
            left: 74.7487373415%;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-animation-delay: -.75s;
            -moz-animation-delay: -.75s;
            -o-animation-delay: -.75s;
            animation-delay: -.75s
        }

        .la-line-spin-clockwise-fade > div:nth-child(3) {
            top: 50%;
            left: 85%;
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
            -webkit-animation-delay: -.625s;
            -moz-animation-delay: -.625s;
            -o-animation-delay: -.625s;
            animation-delay: -.625s
        }

        .la-line-spin-clockwise-fade > div:nth-child(4) {
            top: 74.7487373415%;
            left: 74.7487373415%;
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg);
            -webkit-animation-delay: -.5s;
            -moz-animation-delay: -.5s;
            -o-animation-delay: -.5s;
            animation-delay: -.5s
        }

        .la-line-spin-clockwise-fade > div:nth-child(5) {
            top: 84.9999999974%;
            left: 50.0000000004%;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            -webkit-animation-delay: -.375s;
            -moz-animation-delay: -.375s;
            -o-animation-delay: -.375s;
            animation-delay: -.375s
        }

        .la-line-spin-clockwise-fade > div:nth-child(6) {
            top: 74.7487369862%;
            left: 25.2512627193%;
            -webkit-transform: rotate(225deg);
            -moz-transform: rotate(225deg);
            -ms-transform: rotate(225deg);
            -o-transform: rotate(225deg);
            transform: rotate(225deg);
            -webkit-animation-delay: -.25s;
            -moz-animation-delay: -.25s;
            -o-animation-delay: -.25s;
            animation-delay: -.25s
        }

        .la-line-spin-clockwise-fade > div:nth-child(7) {
            top: 49.9999806189%;
            left: 15.0000039834%;
            -webkit-transform: rotate(270deg);
            -moz-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            -o-transform: rotate(270deg);
            transform: rotate(270deg);
            -webkit-animation-delay: -.125s;
            -moz-animation-delay: -.125s;
            -o-animation-delay: -.125s;
            animation-delay: -.125s
        }

        .la-line-spin-clockwise-fade > div:nth-child(8) {
            top: 25.2506949798%;
            left: 25.2513989292%;
            -webkit-transform: rotate(315deg);
            -moz-transform: rotate(315deg);
            -ms-transform: rotate(315deg);
            -o-transform: rotate(315deg);
            transform: rotate(315deg);
            -webkit-animation-delay: 0s;
            -moz-animation-delay: 0s;
            -o-animation-delay: 0s;
            animation-delay: 0s
        }

    .la-line-spin-clockwise-fade.la-sm {
        width: 16px;
        height: 16px
    }

        .la-line-spin-clockwise-fade.la-sm > div {
            width: 1px;
            height: 4px;
            margin-top: -2px;
            margin-left: 0
        }

    .la-line-spin-clockwise-fade.la-2x {
        width: 64px;
        height: 64px
    }

        .la-line-spin-clockwise-fade.la-2x > div {
            width: 4px;
            height: 20px;
            margin-top: -10px;
            margin-left: -2px
        }

    .la-line-spin-clockwise-fade.la-3x {
        width: 96px;
        height: 96px
    }

        .la-line-spin-clockwise-fade.la-3x > div {
            width: 6px;
            height: 30px;
            margin-top: -15px;
            margin-left: -3px
        }

@-webkit-keyframes line-spin-clockwise-fade {
    50% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes line-spin-clockwise-fade {
    50% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes line-spin-clockwise-fade {
    50% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}

@keyframes line-spin-clockwise-fade {
    50% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}


.la-line-spin-fade-rotating, .la-line-spin-fade-rotating > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-line-spin-fade-rotating {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-line-spin-fade-rotating.la-dark {
        color: #333
    }

    .la-line-spin-fade-rotating > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-line-spin-fade-rotating {
    width: 32px;
    height: 32px;
    -webkit-animation: ball-spin-fade-rotating-rotate 6s infinite linear;
    -moz-animation: ball-spin-fade-rotating-rotate 6s infinite linear;
    -o-animation: ball-spin-fade-rotating-rotate 6s infinite linear;
    animation: ball-spin-fade-rotating-rotate 6s infinite linear
}

    .la-line-spin-fade-rotating > div {
        position: absolute;
        width: 2px;
        height: 10px;
        margin: 2px;
        margin-top: -5px;
        margin-left: -1px;
        border-radius: 0;
        -webkit-animation: line-spin-fade-rotating 1s infinite ease-in-out;
        -moz-animation: line-spin-fade-rotating 1s infinite ease-in-out;
        -o-animation: line-spin-fade-rotating 1s infinite ease-in-out;
        animation: line-spin-fade-rotating 1s infinite ease-in-out
    }

        .la-line-spin-fade-rotating > div:nth-child(1) {
            top: 15%;
            left: 50%;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-animation-delay: -1.125s;
            -moz-animation-delay: -1.125s;
            -o-animation-delay: -1.125s;
            animation-delay: -1.125s
        }

        .la-line-spin-fade-rotating > div:nth-child(2) {
            top: 25.2512626585%;
            left: 74.7487373415%;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-animation-delay: -1.25s;
            -moz-animation-delay: -1.25s;
            -o-animation-delay: -1.25s;
            animation-delay: -1.25s
        }

        .la-line-spin-fade-rotating > div:nth-child(3) {
            top: 50%;
            left: 85%;
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
            -webkit-animation-delay: -1.375s;
            -moz-animation-delay: -1.375s;
            -o-animation-delay: -1.375s;
            animation-delay: -1.375s
        }

        .la-line-spin-fade-rotating > div:nth-child(4) {
            top: 74.7487373415%;
            left: 74.7487373415%;
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg);
            -webkit-animation-delay: -1.5s;
            -moz-animation-delay: -1.5s;
            -o-animation-delay: -1.5s;
            animation-delay: -1.5s
        }

        .la-line-spin-fade-rotating > div:nth-child(5) {
            top: 84.9999999974%;
            left: 50.0000000004%;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            -webkit-animation-delay: -1.625s;
            -moz-animation-delay: -1.625s;
            -o-animation-delay: -1.625s;
            animation-delay: -1.625s
        }

        .la-line-spin-fade-rotating > div:nth-child(6) {
            top: 74.7487369862%;
            left: 25.2512627193%;
            -webkit-transform: rotate(225deg);
            -moz-transform: rotate(225deg);
            -ms-transform: rotate(225deg);
            -o-transform: rotate(225deg);
            transform: rotate(225deg);
            -webkit-animation-delay: -1.75s;
            -moz-animation-delay: -1.75s;
            -o-animation-delay: -1.75s;
            animation-delay: -1.75s
        }

        .la-line-spin-fade-rotating > div:nth-child(7) {
            top: 49.9999806189%;
            left: 15.0000039834%;
            -webkit-transform: rotate(270deg);
            -moz-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            -o-transform: rotate(270deg);
            transform: rotate(270deg);
            -webkit-animation-delay: -1.875s;
            -moz-animation-delay: -1.875s;
            -o-animation-delay: -1.875s;
            animation-delay: -1.875s
        }

        .la-line-spin-fade-rotating > div:nth-child(8) {
            top: 25.2506949798%;
            left: 25.2513989292%;
            -webkit-transform: rotate(315deg);
            -moz-transform: rotate(315deg);
            -ms-transform: rotate(315deg);
            -o-transform: rotate(315deg);
            transform: rotate(315deg);
            -webkit-animation-delay: -2s;
            -moz-animation-delay: -2s;
            -o-animation-delay: -2s;
            animation-delay: -2s
        }

    .la-line-spin-fade-rotating.la-sm {
        width: 16px;
        height: 16px
    }

        .la-line-spin-fade-rotating.la-sm > div {
            width: 1px;
            height: 4px;
            margin-top: -2px;
            margin-left: 0
        }

    .la-line-spin-fade-rotating.la-2x {
        width: 64px;
        height: 64px
    }

        .la-line-spin-fade-rotating.la-2x > div {
            width: 4px;
            height: 20px;
            margin-top: -10px;
            margin-left: -2px
        }

    .la-line-spin-fade-rotating.la-3x {
        width: 96px;
        height: 96px
    }

        .la-line-spin-fade-rotating.la-3x > div {
            width: 6px;
            height: 30px;
            margin-top: -15px;
            margin-left: -3px
        }

@-webkit-keyframes ball-spin-fade-rotating-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes ball-spin-fade-rotating-rotate {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes ball-spin-fade-rotating-rotate {
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes ball-spin-fade-rotating-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes line-spin-fade-rotating {
    50% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes line-spin-fade-rotating {
    50% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes line-spin-fade-rotating {
    50% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}

@keyframes line-spin-fade-rotating {
    50% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}


.la-line-spin-fade, .la-line-spin-fade > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-line-spin-fade {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-line-spin-fade.la-dark {
        color: #333
    }

    .la-line-spin-fade > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-line-spin-fade {
    width: 32px;
    height: 32px
}

    .la-line-spin-fade > div {
        position: absolute;
        width: 2px;
        height: 10px;
        margin: 2px;
        margin-top: -5px;
        margin-left: -1px;
        border-radius: 0;
        -webkit-animation: line-spin-fade 1s infinite ease-in-out;
        -moz-animation: line-spin-fade 1s infinite ease-in-out;
        -o-animation: line-spin-fade 1s infinite ease-in-out;
        animation: line-spin-fade 1s infinite ease-in-out
    }

        .la-line-spin-fade > div:nth-child(1) {
            top: 15%;
            left: 50%;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-animation-delay: -1.125s;
            -moz-animation-delay: -1.125s;
            -o-animation-delay: -1.125s;
            animation-delay: -1.125s
        }

        .la-line-spin-fade > div:nth-child(2) {
            top: 25.2512626585%;
            left: 74.7487373415%;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-animation-delay: -1.25s;
            -moz-animation-delay: -1.25s;
            -o-animation-delay: -1.25s;
            animation-delay: -1.25s
        }

        .la-line-spin-fade > div:nth-child(3) {
            top: 50%;
            left: 85%;
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
            -webkit-animation-delay: -1.375s;
            -moz-animation-delay: -1.375s;
            -o-animation-delay: -1.375s;
            animation-delay: -1.375s
        }

        .la-line-spin-fade > div:nth-child(4) {
            top: 74.7487373415%;
            left: 74.7487373415%;
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg);
            -webkit-animation-delay: -1.5s;
            -moz-animation-delay: -1.5s;
            -o-animation-delay: -1.5s;
            animation-delay: -1.5s
        }

        .la-line-spin-fade > div:nth-child(5) {
            top: 84.9999999974%;
            left: 50.0000000004%;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            -webkit-animation-delay: -1.625s;
            -moz-animation-delay: -1.625s;
            -o-animation-delay: -1.625s;
            animation-delay: -1.625s
        }

        .la-line-spin-fade > div:nth-child(6) {
            top: 74.7487369862%;
            left: 25.2512627193%;
            -webkit-transform: rotate(225deg);
            -moz-transform: rotate(225deg);
            -ms-transform: rotate(225deg);
            -o-transform: rotate(225deg);
            transform: rotate(225deg);
            -webkit-animation-delay: -1.75s;
            -moz-animation-delay: -1.75s;
            -o-animation-delay: -1.75s;
            animation-delay: -1.75s
        }

        .la-line-spin-fade > div:nth-child(7) {
            top: 49.9999806189%;
            left: 15.0000039834%;
            -webkit-transform: rotate(270deg);
            -moz-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            -o-transform: rotate(270deg);
            transform: rotate(270deg);
            -webkit-animation-delay: -1.875s;
            -moz-animation-delay: -1.875s;
            -o-animation-delay: -1.875s;
            animation-delay: -1.875s
        }

        .la-line-spin-fade > div:nth-child(8) {
            top: 25.2506949798%;
            left: 25.2513989292%;
            -webkit-transform: rotate(315deg);
            -moz-transform: rotate(315deg);
            -ms-transform: rotate(315deg);
            -o-transform: rotate(315deg);
            transform: rotate(315deg);
            -webkit-animation-delay: -2s;
            -moz-animation-delay: -2s;
            -o-animation-delay: -2s;
            animation-delay: -2s
        }

    .la-line-spin-fade.la-sm {
        width: 16px;
        height: 16px
    }

        .la-line-spin-fade.la-sm > div {
            width: 1px;
            height: 4px;
            margin-top: -2px;
            margin-left: 0
        }

    .la-line-spin-fade.la-2x {
        width: 64px;
        height: 64px
    }

        .la-line-spin-fade.la-2x > div {
            width: 4px;
            height: 20px;
            margin-top: -10px;
            margin-left: -2px
        }

    .la-line-spin-fade.la-3x {
        width: 96px;
        height: 96px
    }

        .la-line-spin-fade.la-3x > div {
            width: 6px;
            height: 30px;
            margin-top: -15px;
            margin-left: -3px
        }

@-webkit-keyframes line-spin-fade {
    50% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes line-spin-fade {
    50% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes line-spin-fade {
    50% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}

@keyframes line-spin-fade {
    50% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}


.la-pacman, .la-pacman > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-pacman {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-pacman.la-dark {
        color: #333
    }

    .la-pacman > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-pacman {
    width: 32px;
    height: 32px
}

    .la-pacman > div:nth-child(1), .la-pacman > div:nth-child(2) {
        width: 0;
        height: 0;
        background: transparent;
        border-style: solid;
        border-width: 16px;
        border-right-color: transparent;
        border-radius: 100%;
        -webkit-animation: pacman-rotate-half-up 0.5s 0s infinite;
        -moz-animation: pacman-rotate-half-up 0.5s 0s infinite;
        -o-animation: pacman-rotate-half-up 0.5s 0s infinite;
        animation: pacman-rotate-half-up 0.5s 0s infinite
    }

    .la-pacman > div:nth-child(2) {
        margin-top: -32px;
        -webkit-animation-name: pacman-rotate-half-down;
        -moz-animation-name: pacman-rotate-half-down;
        -o-animation-name: pacman-rotate-half-down;
        animation-name: pacman-rotate-half-down
    }

    .la-pacman > div:nth-child(3), .la-pacman > div:nth-child(4), .la-pacman > div:nth-child(5), .la-pacman > div:nth-child(6) {
        position: absolute;
        top: 50%;
        left: 200%;
        width: 8px;
        height: 8px;
        border-radius: 100%;
        opacity: 0;
        -webkit-animation: pacman-balls 2s 0s infinite linear;
        -moz-animation: pacman-balls 2s 0s infinite linear;
        -o-animation: pacman-balls 2s 0s infinite linear;
        animation: pacman-balls 2s 0s infinite linear
    }

    .la-pacman > div:nth-child(3) {
        -webkit-animation-delay: -1.44s;
        -moz-animation-delay: -1.44s;
        -o-animation-delay: -1.44s;
        animation-delay: -1.44s
    }

    .la-pacman > div:nth-child(4) {
        -webkit-animation-delay: -1.94s;
        -moz-animation-delay: -1.94s;
        -o-animation-delay: -1.94s;
        animation-delay: -1.94s
    }

    .la-pacman > div:nth-child(5) {
        -webkit-animation-delay: -2.44s;
        -moz-animation-delay: -2.44s;
        -o-animation-delay: -2.44s;
        animation-delay: -2.44s
    }

    .la-pacman > div:nth-child(6) {
        -webkit-animation-delay: -2.94s;
        -moz-animation-delay: -2.94s;
        -o-animation-delay: -2.94s;
        animation-delay: -2.94s
    }

    .la-pacman.la-sm {
        width: 16px;
        height: 16px
    }

        .la-pacman.la-sm > div:nth-child(1), .la-pacman.la-sm > div:nth-child(2) {
            border-width: 8px
        }

        .la-pacman.la-sm > div:nth-child(2) {
            margin-top: -16px
        }

        .la-pacman.la-sm > div:nth-child(3), .la-pacman.la-sm > div:nth-child(4), .la-pacman.la-sm > div:nth-child(5), .la-pacman.la-sm > div:nth-child(6) {
            width: 4px;
            height: 4px
        }

    .la-pacman.la-2x {
        width: 64px;
        height: 64px
    }

        .la-pacman.la-2x > div:nth-child(1), .la-pacman.la-2x > div:nth-child(2) {
            border-width: 32px
        }

        .la-pacman.la-2x > div:nth-child(2) {
            margin-top: -64px
        }

        .la-pacman.la-2x > div:nth-child(3), .la-pacman.la-2x > div:nth-child(4), .la-pacman.la-2x > div:nth-child(5), .la-pacman.la-2x > div:nth-child(6) {
            width: 16px;
            height: 16px
        }

    .la-pacman.la-3x {
        width: 96px;
        height: 96px
    }

        .la-pacman.la-3x > div:nth-child(1), .la-pacman.la-3x > div:nth-child(2) {
            border-width: 48px
        }

        .la-pacman.la-3x > div:nth-child(2) {
            margin-top: -96px
        }

        .la-pacman.la-3x > div:nth-child(3), .la-pacman.la-3x > div:nth-child(4), .la-pacman.la-3x > div:nth-child(5), .la-pacman.la-3x > div:nth-child(6) {
            width: 24px;
            height: 24px
        }

@-webkit-keyframes pacman-rotate-half-up {
    0%,100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes pacman-rotate-half-up {
    0%,100% {
        -moz-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    50% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes pacman-rotate-half-up {
    0%,100% {
        -o-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    50% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes pacman-rotate-half-up {
    0%,100% {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    50% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes pacman-rotate-half-down {
    0%,100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-moz-keyframes pacman-rotate-half-down {
    0%,100% {
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    50% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-o-keyframes pacman-rotate-half-down {
    0%,100% {
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    50% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes pacman-rotate-half-down {
    0%,100% {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes pacman-balls {
    0% {
        left: 200%;
        opacity: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    5% {
        opacity: .5
    }

    66% {
        opacity: 1
    }

    67% {
        opacity: 0
    }

    100% {
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@-moz-keyframes pacman-balls {
    0% {
        left: 200%;
        opacity: 0;
        -moz-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    5% {
        opacity: .5
    }

    66% {
        opacity: 1
    }

    67% {
        opacity: 0
    }

    100% {
        left: 0;
        -moz-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@-o-keyframes pacman-balls {
    0% {
        left: 200%;
        opacity: 0;
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    5% {
        opacity: .5
    }

    66% {
        opacity: 1
    }

    67% {
        opacity: 0
    }

    100% {
        left: 0;
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@keyframes pacman-balls {
    0% {
        left: 200%;
        opacity: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    5% {
        opacity: .5
    }

    66% {
        opacity: 1
    }

    67% {
        opacity: 0
    }

    100% {
        left: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}


.la-square-jelly-box, .la-square-jelly-box > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-square-jelly-box {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-square-jelly-box.la-dark {
        color: #333
    }

    .la-square-jelly-box > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-square-jelly-box {
    width: 32px;
    height: 32px
}

    .la-square-jelly-box > div:nth-child(1), .la-square-jelly-box > div:nth-child(2) {
        position: absolute;
        left: 0;
        width: 100%
    }

    .la-square-jelly-box > div:nth-child(1) {
        top: -25%;
        z-index: 1;
        height: 100%;
        border-radius: 10%;
        -webkit-animation: square-jelly-box-animate 0.6s -0.1s linear infinite;
        -moz-animation: square-jelly-box-animate 0.6s -0.1s linear infinite;
        -o-animation: square-jelly-box-animate 0.6s -0.1s linear infinite;
        animation: square-jelly-box-animate 0.6s -0.1s linear infinite
    }

    .la-square-jelly-box > div:nth-child(2) {
        bottom: -9%;
        height: 10%;
        background: #000;
        border-radius: 50%;
        opacity: .2;
        -webkit-animation: square-jelly-box-shadow 0.6s -0.1s linear infinite;
        -moz-animation: square-jelly-box-shadow 0.6s -0.1s linear infinite;
        -o-animation: square-jelly-box-shadow 0.6s -0.1s linear infinite;
        animation: square-jelly-box-shadow 0.6s -0.1s linear infinite
    }

    .la-square-jelly-box.la-sm {
        width: 16px;
        height: 16px
    }

    .la-square-jelly-box.la-2x {
        width: 64px;
        height: 64px
    }

    .la-square-jelly-box.la-3x {
        width: 96px;
        height: 96px
    }

@-webkit-keyframes square-jelly-box-animate {
    17% {
        border-bottom-right-radius: 10%
    }

    25% {
        -webkit-transform: translateY(25%) rotate(22.5deg);
        transform: translateY(25%) rotate(22.5deg)
    }

    50% {
        border-bottom-right-radius: 100%;
        -webkit-transform: translateY(50%) scale(1, 0.9) rotate(45deg);
        transform: translateY(50%) scale(1, 0.9) rotate(45deg)
    }

    75% {
        -webkit-transform: translateY(25%) rotate(67.5deg);
        transform: translateY(25%) rotate(67.5deg)
    }

    100% {
        -webkit-transform: translateY(0) rotate(90deg);
        transform: translateY(0) rotate(90deg)
    }
}

@-moz-keyframes square-jelly-box-animate {
    17% {
        border-bottom-right-radius: 10%
    }

    25% {
        -moz-transform: translateY(25%) rotate(22.5deg);
        transform: translateY(25%) rotate(22.5deg)
    }

    50% {
        border-bottom-right-radius: 100%;
        -moz-transform: translateY(50%) scale(1, 0.9) rotate(45deg);
        transform: translateY(50%) scale(1, 0.9) rotate(45deg)
    }

    75% {
        -moz-transform: translateY(25%) rotate(67.5deg);
        transform: translateY(25%) rotate(67.5deg)
    }

    100% {
        -moz-transform: translateY(0) rotate(90deg);
        transform: translateY(0) rotate(90deg)
    }
}

@-o-keyframes square-jelly-box-animate {
    17% {
        border-bottom-right-radius: 10%
    }

    25% {
        -o-transform: translateY(25%) rotate(22.5deg);
        transform: translateY(25%) rotate(22.5deg)
    }

    50% {
        border-bottom-right-radius: 100%;
        -o-transform: translateY(50%) scale(1, 0.9) rotate(45deg);
        transform: translateY(50%) scale(1, 0.9) rotate(45deg)
    }

    75% {
        -o-transform: translateY(25%) rotate(67.5deg);
        transform: translateY(25%) rotate(67.5deg)
    }

    100% {
        -o-transform: translateY(0) rotate(90deg);
        transform: translateY(0) rotate(90deg)
    }
}

@keyframes square-jelly-box-animate {
    17% {
        border-bottom-right-radius: 10%
    }

    25% {
        -webkit-transform: translateY(25%) rotate(22.5deg);
        -moz-transform: translateY(25%) rotate(22.5deg);
        -o-transform: translateY(25%) rotate(22.5deg);
        transform: translateY(25%) rotate(22.5deg)
    }

    50% {
        border-bottom-right-radius: 100%;
        -webkit-transform: translateY(50%) scale(1, 0.9) rotate(45deg);
        -moz-transform: translateY(50%) scale(1, 0.9) rotate(45deg);
        -o-transform: translateY(50%) scale(1, 0.9) rotate(45deg);
        transform: translateY(50%) scale(1, 0.9) rotate(45deg)
    }

    75% {
        -webkit-transform: translateY(25%) rotate(67.5deg);
        -moz-transform: translateY(25%) rotate(67.5deg);
        -o-transform: translateY(25%) rotate(67.5deg);
        transform: translateY(25%) rotate(67.5deg)
    }

    100% {
        -webkit-transform: translateY(0) rotate(90deg);
        -moz-transform: translateY(0) rotate(90deg);
        -o-transform: translateY(0) rotate(90deg);
        transform: translateY(0) rotate(90deg)
    }
}

@-webkit-keyframes square-jelly-box-shadow {
    50% {
        -webkit-transform: scale(1.25, 1);
        transform: scale(1.25, 1)
    }
}

@-moz-keyframes square-jelly-box-shadow {
    50% {
        -moz-transform: scale(1.25, 1);
        transform: scale(1.25, 1)
    }
}

@-o-keyframes square-jelly-box-shadow {
    50% {
        -o-transform: scale(1.25, 1);
        transform: scale(1.25, 1)
    }
}

@keyframes square-jelly-box-shadow {
    50% {
        -webkit-transform: scale(1.25, 1);
        -moz-transform: scale(1.25, 1);
        -o-transform: scale(1.25, 1);
        transform: scale(1.25, 1)
    }
}


.la-square-loader, .la-square-loader > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-square-loader {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-square-loader.la-dark {
        color: #333
    }

    .la-square-loader > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-square-loader {
    width: 32px;
    height: 32px
}

    .la-square-loader > div {
        width: 100%;
        height: 100%;
        background: transparent;
        border-width: 2px;
        border-radius: 0;
        -webkit-animation: square-loader 2s infinite ease;
        -moz-animation: square-loader 2s infinite ease;
        -o-animation: square-loader 2s infinite ease;
        animation: square-loader 2s infinite ease
    }

        .la-square-loader > div:after {
            display: inline-block;
            width: 100%;
            vertical-align: top;
            content: "";
            background-color: currentColor;
            -webkit-animation: square-loader-inner 2s infinite ease-in;
            -moz-animation: square-loader-inner 2s infinite ease-in;
            -o-animation: square-loader-inner 2s infinite ease-in;
            animation: square-loader-inner 2s infinite ease-in
        }

    .la-square-loader.la-sm {
        width: 16px;
        height: 16px
    }

        .la-square-loader.la-sm > div {
            border-width: 1px
        }

    .la-square-loader.la-2x {
        width: 64px;
        height: 64px
    }

        .la-square-loader.la-2x > div {
            border-width: 4px
        }

    .la-square-loader.la-3x {
        width: 96px;
        height: 96px
    }

        .la-square-loader.la-3x > div {
            border-width: 6px
        }

@-webkit-keyframes square-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes square-loader {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    50% {
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    75% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes square-loader {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    50% {
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    75% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes square-loader {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes square-loader-inner {
    0% {
        height: 0
    }

    25% {
        height: 0
    }

    50% {
        height: 100%
    }

    75% {
        height: 100%
    }

    100% {
        height: 0
    }
}

@-moz-keyframes square-loader-inner {
    0% {
        height: 0
    }

    25% {
        height: 0
    }

    50% {
        height: 100%
    }

    75% {
        height: 100%
    }

    100% {
        height: 0
    }
}

@-o-keyframes square-loader-inner {
    0% {
        height: 0
    }

    25% {
        height: 0
    }

    50% {
        height: 100%
    }

    75% {
        height: 100%
    }

    100% {
        height: 0
    }
}

@keyframes square-loader-inner {
    0% {
        height: 0
    }

    25% {
        height: 0
    }

    50% {
        height: 100%
    }

    75% {
        height: 100%
    }

    100% {
        height: 0
    }
}


.la-square-spin, .la-square-spin > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-square-spin {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-square-spin.la-dark {
        color: #333
    }

    .la-square-spin > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-square-spin {
    width: 32px;
    height: 32px
}

    .la-square-spin > div {
        width: 100%;
        height: 100%;
        border-radius: 0;
        -webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
        -moz-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
        -o-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
        animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite
    }

    .la-square-spin.la-sm {
        width: 16px;
        height: 16px
    }

    .la-square-spin.la-2x {
        width: 64px;
        height: 64px
    }

    .la-square-spin.la-3x {
        width: 96px;
        height: 96px
    }

@-webkit-keyframes square-spin {
    0% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0)
    }

    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }

    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }

    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(360deg);
        transform: perspective(100px) rotateX(0) rotateY(360deg)
    }
}

@-moz-keyframes square-spin {
    0% {
        -moz-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0)
    }

    25% {
        -moz-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }

    50% {
        -moz-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }

    75% {
        -moz-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg)
    }

    100% {
        -moz-transform: perspective(100px) rotateX(0) rotateY(360deg);
        transform: perspective(100px) rotateX(0) rotateY(360deg)
    }
}

@-o-keyframes square-spin {
    0% {
        transform: perspective(100px) rotateX(0) rotateY(0)
    }

    25% {
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }

    50% {
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }

    75% {
        transform: perspective(100px) rotateX(0) rotateY(180deg)
    }

    100% {
        transform: perspective(100px) rotateX(0) rotateY(360deg)
    }
}

@keyframes square-spin {
    0% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        -moz-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0)
    }

    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        -moz-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }

    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        -moz-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }

    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        -moz-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(360deg);
        -moz-transform: perspective(100px) rotateX(0) rotateY(360deg);
        transform: perspective(100px) rotateX(0) rotateY(360deg)
    }
}


.la-timer, .la-timer > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-timer {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-timer.la-dark {
        color: #333
    }

    .la-timer > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-timer {
    width: 32px;
    height: 32px
}

    .la-timer > div {
        width: 32px;
        height: 32px;
        background: transparent;
        border-width: 2px;
        border-radius: 100%
    }

        .la-timer > div:before, .la-timer > div:after {
            position: absolute;
            top: 14px;
            left: 14px;
            display: block;
            width: 2px;
            margin-top: -1px;
            margin-left: -1px;
            content: "";
            background: currentColor;
            border-radius: 2px;
            -webkit-transform-origin: 1px 1px 0;
            -moz-transform-origin: 1px 1px 0;
            -ms-transform-origin: 1px 1px 0;
            -o-transform-origin: 1px 1px 0;
            transform-origin: 1px 1px 0;
            -webkit-animation: timer-loader 1250ms infinite linear;
            -moz-animation: timer-loader 1250ms infinite linear;
            -o-animation: timer-loader 1250ms infinite linear;
            animation: timer-loader 1250ms infinite linear;
            -webkit-animation-delay: -625ms;
            -moz-animation-delay: -625ms;
            -o-animation-delay: -625ms;
            animation-delay: -625ms
        }

        .la-timer > div:before {
            height: 12px
        }

        .la-timer > div:after {
            height: 8px;
            -webkit-animation-duration: 15s;
            -moz-animation-duration: 15s;
            -o-animation-duration: 15s;
            animation-duration: 15s;
            -webkit-animation-delay: -7.5s;
            -moz-animation-delay: -7.5s;
            -o-animation-delay: -7.5s;
            animation-delay: -7.5s
        }

    .la-timer.la-sm {
        width: 16px;
        height: 16px
    }

        .la-timer.la-sm > div {
            width: 16px;
            height: 16px;
            border-width: 1px
        }

            .la-timer.la-sm > div:before, .la-timer.la-sm > div:after {
                top: 7px;
                left: 7px;
                width: 1px;
                margin-top: -.5px;
                margin-left: -.5px;
                border-radius: 1px;
                -webkit-transform-origin: 0.5px 0.5px 0;
                -moz-transform-origin: 0.5px 0.5px 0;
                -ms-transform-origin: 0.5px 0.5px 0;
                -o-transform-origin: 0.5px 0.5px 0;
                transform-origin: 0.5px 0.5px 0
            }

            .la-timer.la-sm > div:before {
                height: 6px
            }

            .la-timer.la-sm > div:after {
                height: 4px
            }

    .la-timer.la-2x {
        width: 64px;
        height: 64px
    }

        .la-timer.la-2x > div {
            width: 64px;
            height: 64px;
            border-width: 4px
        }

            .la-timer.la-2x > div:before, .la-timer.la-2x > div:after {
                top: 28px;
                left: 28px;
                width: 4px;
                margin-top: -2px;
                margin-left: -2px;
                border-radius: 4px;
                -webkit-transform-origin: 2px 2px 0;
                -moz-transform-origin: 2px 2px 0;
                -ms-transform-origin: 2px 2px 0;
                -o-transform-origin: 2px 2px 0;
                transform-origin: 2px 2px 0
            }

            .la-timer.la-2x > div:before {
                height: 24px
            }

            .la-timer.la-2x > div:after {
                height: 16px
            }

    .la-timer.la-3x {
        width: 96px;
        height: 96px
    }

        .la-timer.la-3x > div {
            width: 96px;
            height: 96px;
            border-width: 6px
        }

            .la-timer.la-3x > div:before, .la-timer.la-3x > div:after {
                top: 42px;
                left: 42px;
                width: 6px;
                margin-top: -3px;
                margin-left: -3px;
                border-radius: 6px;
                -webkit-transform-origin: 3px 3px 0;
                -moz-transform-origin: 3px 3px 0;
                -ms-transform-origin: 3px 3px 0;
                -o-transform-origin: 3px 3px 0;
                transform-origin: 3px 3px 0
            }

            .la-timer.la-3x > div:before {
                height: 36px
            }

            .la-timer.la-3x > div:after {
                height: 24px
            }

@-webkit-keyframes timer-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes timer-loader {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes timer-loader {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes timer-loader {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}


.la-triangle-skew-spin, .la-triangle-skew-spin > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-triangle-skew-spin {
    display: block;
    font-size: 0;
    color: #fff
}

    .la-triangle-skew-spin.la-dark {
        color: #333
    }

    .la-triangle-skew-spin > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor
    }

.la-triangle-skew-spin {
    width: 32px;
    height: 16px
}

    .la-triangle-skew-spin > div {
        width: 0;
        height: 0;
        background: transparent;
        border: none;
        border-style: solid;
        border-width: 16px;
        border-top-width: 0;
        border-right-color: transparent;
        border-left-color: transparent;
        -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
        -moz-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
        -o-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
        animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite
    }

    .la-triangle-skew-spin.la-sm {
        width: 16px;
        height: 8px
    }

        .la-triangle-skew-spin.la-sm > div {
            border-width: 8px;
            border-top-width: 0
        }

    .la-triangle-skew-spin.la-2x {
        width: 64px;
        height: 32px
    }

        .la-triangle-skew-spin.la-2x > div {
            border-width: 32px;
            border-top-width: 0
        }

    .la-triangle-skew-spin.la-3x {
        width: 96px;
        height: 48px
    }

        .la-triangle-skew-spin.la-3x > div {
            border-width: 48px;
            border-top-width: 0
        }

@-webkit-keyframes triangle-skew-spin {
    0% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0)
    }

    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }

    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }

    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(360deg);
        transform: perspective(100px) rotateX(0) rotateY(360deg)
    }
}

@-moz-keyframes triangle-skew-spin {
    0% {
        -moz-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0)
    }

    25% {
        -moz-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }

    50% {
        -moz-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }

    75% {
        -moz-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg)
    }

    100% {
        -moz-transform: perspective(100px) rotateX(0) rotateY(360deg);
        transform: perspective(100px) rotateX(0) rotateY(360deg)
    }
}

@-o-keyframes triangle-skew-spin {
    0% {
        transform: perspective(100px) rotateX(0) rotateY(0)
    }

    25% {
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }

    50% {
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }

    75% {
        transform: perspective(100px) rotateX(0) rotateY(180deg)
    }

    100% {
        transform: perspective(100px) rotateX(0) rotateY(360deg)
    }
}

@keyframes triangle-skew-spin {
    0% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        -moz-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0)
    }

    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        -moz-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }

    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        -moz-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }

    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        -moz-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(360deg);
        -moz-transform: perspective(100px) rotateX(0) rotateY(360deg);
        transform: perspective(100px) rotateX(0) rotateY(360deg)
    }
}

/* contact-modal.css */
/* Style dla modala - z kolorowymi ikonami */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

    .modal-overlay.show {
        visibility: visible;
        opacity: 1;
    }

.modal-content {
    background: white;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    max-width: 500px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    transform: scale(0.8) translateY(-20px);
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.modal-overlay.show .modal-content {
    transform: scale(1) translateY(0);
}

.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 1.5rem 1rem 1.5rem;
    border-bottom: 1px solid #e9ecef;
}

.modal-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.modal-close {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #666;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: background-color 0.2s;
}

    .modal-close:hover {
        background-color: #f8f9fa;
        color: #333;
    }

.modal-body {
    padding: 1.5rem;
}

.contact-section {
    margin-bottom: 2rem;
}

    .contact-section:last-child {
        margin-bottom: 0;
    }

.contact-section-title {
    font-size: 0.875rem;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 1rem;
}

    .contact-section-title:first-child {
        margin-top: 0rem;
    }

.contact-item {
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
}

    .contact-item:last-child {
        margin-bottom: 0;
    }

.contact-icon {
    width: 20px;
    height: 20px;
    margin-right: 1rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

    /* Kolorowe ikony - małe, bez tła */
    .contact-icon.phone::before {
        content: "📞";
        color: #e91e63;
    }

    .contact-icon.mobile::before {
        content: "📱";
        color: #2196f3;
    }

    .contact-icon.email::before {
        content: "✉️";
        color: #9e9e9e;
    }

.contact-link {
    color: #304985;
    text-decoration: none;
    transition: color 0.2s;
    font-size: 0.95rem;
}

    .contact-link:hover {
        color: #20c3db;
        text-decoration: underline;
    }

.color-medlink {
    color: #009a4f;
}

    .color-medlink:hover {
        color: #01773e;
    }

.contact-text {
    color: #333;
    font-size: 0.95rem;
}

.modal-footer {
    padding: 1rem 1.5rem 1.5rem 1.5rem;
    border-top: 1px solid #e9ecef;
    display: flex;
    justify-content: flex-end;
}

.btn-ok, .btn-ok-medlink {
    background-color: white !important;
    color: #193577;
    border: none;
    padding: 0.5rem 1.5rem;
    border-radius: 4px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: color 0.2s;
}

    .btn-ok:hover {
        color: #20c3db;
    }

.btn-ok-medlink {
    color: #009a4f;
}

    .btn-ok-medlink:hover {
        color: #01773e;
    }
/* Responsywność */
@media (max-width: 768px) {
    .modal-content {
        width: 95%;
        margin: 1rem;
    }

    .modal-header,
    .modal-body,
    .modal-footer {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.page-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.page-content {
    flex: 1 0 auto;
    padding: 2rem;
}

.footer {
    border-top: 1px solid #dee2e6;
    margin-top: 2rem;
    padding: 0.51rem 1.5rem;
    flex-shrink: 0;
    font-family: "Barlow Semi Condensed", sans-serif;
}

/* Zmniejszamy padding dla mniejszych ekranów */
@media (max-width: 1260px) {
    .footer {
        padding: 0.51rem 1rem;
    }
}

@media (max-width: 1100px) {
    .footer {
        padding: 0.51rem 0.75rem;
    }
}

@media (max-width: 1000px) {
    .footer {
        padding: 0.51rem 0.5rem;
    }
}

.footer-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 1rem; /* Dodane odstępy między sekcjami */
    position: relative;
}

/* Zmniejszamy gap dla mniejszych ekranów */
@media (max-width: 1260px) {
    .footer-container {
        gap: 0.75rem;
    }
}

@media (max-width: 1100px) {
    .footer-container {
        gap: 0.5rem;
    }
}

@media (max-width: 1000px) {
    .footer-container {
        gap: 0.25rem;
    }
}

.footer-left {
    display: flex;
    justify-content: flex-start;
    flex: 1 1 auto;
    min-width: 0; /* Pozwala na zmniejszanie */
    max-width: calc(100% - 350px); /* Zmniejszamy z 400px na 350px */
    overflow: hidden; /* Ukrywa przepełnienie */
}

/* Stopniowe zmniejszanie max-width dla footer-left */
@media (max-width: 1300px) {
    .footer-left {
        max-width: calc(100% - 320px);
    }
}

@media (max-width: 1280px) {
    .footer-left {
        max-width: calc(100% - 300px);
    }
}

@media (max-width: 1260px) {
    .footer-left {
        max-width: calc(100% - 280px);
    }
}

.footer-center {
    display: flex;
    flex: 1 1 auto;
    gap: 1rem;
    min-width: fit-content;
    white-space: nowrap;
    align-items: center; /* DODANE: pionowe wyśrodkowanie */
    /* margin: 0 auto; USUNIĘTE */
}

.footer-right {
    display: flex;
    justify-content: flex-end;
    flex: 0 0 auto;
    width: auto;
    min-width: fit-content;
}

.footer-header {
    font-size: 1.3rem;
    color: rgba(0, 7, 13, 0.4);
    letter-spacing: 0.5px;
    text-transform: uppercase;
    white-space: nowrap;
    transition: font-size 0.3s ease;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Media query dla zmniejszania czcionki w przedziale 1152px-1350px */
@media (max-width: 1400px) {
    .footer-header {
        font-size: 1.35rem;
    }
}

@media (max-width: 1350px) {
    .footer-header {
        font-size: 1.3rem;
    }
}

@media (max-width: 1300px) {
    .footer-header {
        font-size: 1.25rem;
    }
}

@media (max-width: 1250px) {
    .footer-header {
        font-size: 1.2rem;
    }
}

@media (max-width: 1200px) {
    .footer-header {
        font-size: 1.15rem;
    }
}

@media (max-width: 1152px) {
    .footer-header {
        font-size: 1.1rem;
    }
}

@media (max-width: 1100px) {
    .footer-header {
        font-size: 1.05rem;
    }
}

@media (max-width: 1050px) {
    .footer-header {
        font-size: 1rem;
    }
}

.footer-link {
    background: none !important;
    border: none !important;
    color: #193577 !important;
    text-decoration: none;
    font-size: 0.9rem;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    transition: color 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
    cursor: pointer;
    font-weight: 500 !important;
    margin: 0;
    padding: 0.5rem 0.75rem;
    line-height: 1;
    display: flex;
    align-items: center;
}

    .footer-link:hover {
        color: #20c3db !important;
        background: none !important;
        text-decoration: none;
    }

.footer img {
    opacity: 1;
    transition: opacity 0.3s ease, height 0.3s ease;
    flex-shrink: 0;
    height: 40px;
    width: auto;
    filter: brightness(0.5);
    min-width: fit-content;
}

/* Zmniejszamy wysokość logo dla mniejszych ekranów */
@media (max-width: 1260px) {
    .footer img {
        height: 36px;
    }
}

@media (max-width: 1150px) {
    .footer img {
        height: 32px;
    }
}

@media (max-width: 1050px) {
    .footer img {
        height: 28px;
    }
}

@media (max-width: 950px) {
    .footer img {
        height: 24px;
    }
}

/* Dodatkowe zabezpieczenie dla bardzo małych ekranów */
@media (max-width: 976px) {
    .footer-container {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .footer-left,
    .footer-center,
    .footer-right {
        justify-content: center;
        width: 100%;
        max-width: none;
    }

    .footer-left {
        order: 1;
    }

    .footer-center {
        order: 2;
        flex-wrap: wrap;
        gap: 0.5rem;
        align-items: center; /* DODANE: pionowe wyśrodkowanie */
    }

    .footer-right {
        order: 3;
    }

    .footer-header {
        font-size: 1.4rem;
        text-align: center;
        white-space: normal;
        max-width: 100%;
        overflow: visible;
        text-overflow: initial;
    }

    .footer img {
        height: 32px;
    }
}