/* Minification failed. Returning unminified contents. (9006,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9007,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9010,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9015,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9020,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9021,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9023,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9024,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9028,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9029,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9030,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9031,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9032,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9033,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9034,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9035,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9036,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9037,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9039,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9040,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9042,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9043,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9044,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9045,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9046,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9049,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9050,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9051,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9052,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9053,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9054,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9055,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9056,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9057,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9058,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9059,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9060,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9061,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9062,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9063,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9066,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9067,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9068,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9069,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9070,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9073,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9074,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9077,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9078,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9083,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9085,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9086,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9087,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9089,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9093,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9096,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9098,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9118,29): run-time error CSS1039: Token not allowed after unary operator: '-text-heading' (9120,35): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (9121,37): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (9122,27): run-time error CSS1039: Token not allowed after unary operator: '-text-muted' (9123,29): run-time error CSS1039: Token not allowed after unary operator: '-text-inverse' (9124,32): run-time error CSS1039: Token not allowed after unary operator: '-text-on-primary' (9126,29): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9127,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-text' (9128,31): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (9129,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text' (9130,28): run-time error CSS1039: Token not allowed after unary operator: '-danger' (9131,29): run-time error CSS1039: Token not allowed after unary operator: '-warning' (9133,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-600' (9134,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-600' (9135,26): run-time error CSS1039: Token not allowed after unary operator: '-text-heading' (9136,27): run-time error CSS1039: Token not allowed after unary operator: '-neutral-0' (9137,27): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (9140,43): run-time error CSS1039: Token not allowed after unary operator: '-surface-page' (9141,43): run-time error CSS1039: Token not allowed after unary operator: '-surface-card' (9142,44): run-time error CSS1039: Token not allowed after unary operator: '-surface-muted' (9143,45): run-time error CSS1039: Token not allowed after unary operator: '-surface-active' (9144,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-soft-bg' (9145,45): run-time error CSS1039: Token not allowed after unary operator: '-secondary-soft-bg' (9146,42): run-time error CSS1039: Token not allowed after unary operator: '-danger-soft' (9148,38): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9149,40): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (9150,37): run-time error CSS1039: Token not allowed after unary operator: '-danger' (9151,38): run-time error CSS1039: Token not allowed after unary operator: '-warning' (9153,38): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9154,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (9155,36): run-time error CSS1039: Token not allowed after unary operator: '-surface-muted' (9156,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-900' (9157,36): run-time error CSS1039: Token not allowed after unary operator: '-neutral-0' (9161,38): run-time error CSS1039: Token not allowed after unary operator: '-border-default' (9162,37): run-time error CSS1039: Token not allowed after unary operator: '-border-subtle' (9163,37): run-time error CSS1039: Token not allowed after unary operator: '-border-strong' (9164,38): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9165,40): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (9166,37): run-time error CSS1039: Token not allowed after unary operator: '-danger' (9167,38): run-time error CSS1039: Token not allowed after unary operator: '-warning' (9169,34): run-time error CSS1039: Token not allowed after unary operator: '-border-subtle' (9173,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-50' (9174,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-100' (9175,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-200' (9176,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-300' (9177,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-400' (9178,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-500' (9179,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-600' (9180,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-700' (9181,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-800' (9182,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-900' (9184,41): run-time error CSS1039: Token not allowed after unary operator: '-primary-50' (9185,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-100' (9186,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-200' (9187,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-300' (9188,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-400' (9189,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-500' (9190,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-600' (9191,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-700' (9192,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-800' (9193,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-900' (9195,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-200' (9196,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-300' (9197,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-500' (9200,33): run-time error CSS1039: Token not allowed after unary operator: '-secondary-0' (9201,34): run-time error CSS1039: Token not allowed after unary operator: '-secondary-50' (9202,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-100' (9203,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-200' (9204,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-300' (9205,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-400' (9206,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-500' (9207,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-600' (9208,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-700' (9209,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-800' (9210,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-900' (9211,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-1000' (9213,42): run-time error CSS1039: Token not allowed after unary operator: '-secondary-0' (9214,43): run-time error CSS1039: Token not allowed after unary operator: '-secondary-50' (9215,44): run-time error CSS1039: Token not allowed after unary operator: '-secondary-100' (9216,44): run-time error CSS1039: Token not allowed after unary operator: '-secondary-200' (9217,44): run-time error CSS1039: Token not allowed after unary operator: '-secondary-300' (9218,44): run-time error CSS1039: Token not allowed after unary operator: '-secondary-400' (9219,44): run-time error CSS1039: Token not allowed after unary operator: '-secondary-500' (9220,44): run-time error CSS1039: Token not allowed after unary operator: '-secondary-600' (9221,44): run-time error CSS1039: Token not allowed after unary operator: '-secondary-700' (9222,44): run-time error CSS1039: Token not allowed after unary operator: '-secondary-800' (9223,44): run-time error CSS1039: Token not allowed after unary operator: '-secondary-900' (9224,45): run-time error CSS1039: Token not allowed after unary operator: '-secondary-1000' (9226,44): run-time error CSS1039: Token not allowed after unary operator: '-secondary-100' (9227,44): run-time error CSS1039: Token not allowed after unary operator: '-secondary-200' (9228,44): run-time error CSS1039: Token not allowed after unary operator: '-secondary-300' (9231,31): run-time error CSS1039: Token not allowed after unary operator: '-neutral-0' (9232,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50' (9233,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (9234,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (9235,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (9236,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (9237,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (9238,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (9239,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (9240,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (9241,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900' (9243,40): run-time error CSS1039: Token not allowed after unary operator: '-neutral-0' (9244,41): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50' (9245,42): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (9246,42): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (9247,42): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (9248,42): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400' (9249,42): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500' (9250,42): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600' (9251,42): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700' (9252,42): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800' (9253,42): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900' (9255,42): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100' (9256,42): run-time error CSS1039: Token not allowed after unary operator: '-neutral-150' (9257,42): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200' (9258,42): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300' (9266,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (9267,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9268,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-primary' (9278,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-primary' (9279,28): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9280,24): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9287,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-primary' (9288,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-hover' (9289,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-hover' (9294,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-primary' (9295,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (9296,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (9303,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-primary' (9304,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-hover' (9305,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary-hover' (9309,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-primary' (9310,28): run-time error CSS1039: Token not allowed after unary operator: '-danger' (9311,24): run-time error CSS1039: Token not allowed after unary operator: '-danger' (9315,17): run-time error CSS1039: Token not allowed after unary operator: '-text-heading' (9316,28): run-time error CSS1039: Token not allowed after unary operator: '-warning' (9317,24): run-time error CSS1039: Token not allowed after unary operator: '-warning' (9322,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-hover' (9323,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-hover' (9327,17): run-time error CSS1039: Token not allowed after unary operator: '-text-heading' (9328,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-muted' (9329,24): run-time error CSS1039: Token not allowed after unary operator: '-border-subtle' (9333,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-primary' (9334,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-900' (9335,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary-900' (9339,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9341,24): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9346,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-primary' (9347,28): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9348,24): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9352,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (9354,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (9359,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-primary' (9360,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (9361,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (9365,17): run-time error CSS1039: Token not allowed after unary operator: '-danger' (9367,24): run-time error CSS1039: Token not allowed after unary operator: '-danger' (9372,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-primary' (9373,28): run-time error CSS1039: Token not allowed after unary operator: '-danger' (9374,24): run-time error CSS1039: Token not allowed after unary operator: '-danger' (9383,28): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9384,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (9385,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9386,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-primary' (9393,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hover' (9394,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-hover' (9395,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-primary' (9403,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (9404,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (9405,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (9406,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-primary' (9413,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-hover' (9414,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary-hover' (9415,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-primary' (9423,28): run-time error CSS1039: Token not allowed after unary operator: '-border-subtle' (9424,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (9425,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-card' (9426,17): run-time error CSS1039: Token not allowed after unary operator: '-text-heading' (9433,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-muted' (9434,17): run-time error CSS1039: Token not allowed after unary operator: '-text-heading' (9442,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-soft-bg' (9443,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-700' (9453,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-soft-bg' (9454,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-700' (9464,22): run-time error CSS1039: Token not allowed after unary operator: '-danger-soft' (9465,17): run-time error CSS1039: Token not allowed after unary operator: '-danger' (9471,35): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (9472,35): run-time error CSS1039: Token not allowed after unary operator: '-radius-md' (9473,35): run-time error CSS1039: Token not allowed after unary operator: '-radius-lg' (9476,33): run-time error CSS1039: Token not allowed after unary operator: '-shadow-card' (9477,35): run-time error CSS1039: Token not allowed after unary operator: '-shadow-header' (9480,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-card' (9481,28): run-time error CSS1039: Token not allowed after unary operator: '-border-subtle' (9482,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-lg' (9483,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-card' (9486,29): run-time error CSS1039: Token not allowed after unary operator: '-primary' (9487,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-hover' (9489,31): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (9490,37): run-time error CSS1039: Token not allowed after unary operator: '-secondary-hover' (9492,28): run-time error CSS1039: Token not allowed after unary operator: '-danger' (16942,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50' (16946,32): run-time error CSS1039: Token not allowed after unary operator: '-surface-card' (16975,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50' (16976,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-150' (16984,39): run-time error CSS1039: Token not allowed after unary operator: '-neutral-150' (16988,39): run-time error CSS1039: Token not allowed after unary operator: '-neutral-150' (17000,38): run-time error CSS1039: Token not allowed after unary operator: '-neutral-150' (17004,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-150' (17008,38): run-time error CSS1039: Token not allowed after unary operator: '-neutral-150' (17013,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-150' (34800,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (35940,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (35943,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-lg' (35944,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-card' (35953,17): run-time error CSS1039: Token not allowed after unary operator: '-text-heading' (35961,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (35973,24): run-time error CSS1039: Token not allowed after unary operator: '-danger' (35974,17): run-time error CSS1039: Token not allowed after unary operator: '-danger' (35985,28): run-time error CSS1039: Token not allowed after unary operator: '-danger' (35989,24): run-time error CSS1039: Token not allowed after unary operator: '-warning' (35990,17): run-time error CSS1039: Token not allowed after unary operator: '-warning' (35999,24): run-time error CSS1039: Token not allowed after unary operator: '-primary' (36003,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (36004,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (36008,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary-400' (36009,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-600' (36027,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (36033,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (36034,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-primary' (36039,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hover' (36043,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-100' (36049,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-muted' (36050,17): run-time error CSS1039: Token not allowed after unary operator: '-text-heading' (36055,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-150' (36060,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' */ /*! * Bootstrap v4.1.3 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { width: device-width; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: right; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-right: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: right; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-right: 0; list-style: none; } .list-inline { padding-right: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-left: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014 \00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .no-gutters { margin-left: 0; margin-right: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-left: 0; padding-right: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; order: -1; } .order-last { -ms-flex-order: 13; order: 13; } .order-0 { -ms-flex-order: 0; order: 0; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } .offset-1 { margin-right: 8.333333%; } .offset-2 { margin-right: 16.666667%; } .offset-3 { margin-right: 25%; } .offset-4 { margin-right: 33.333333%; } .offset-5 { margin-right: 41.666667%; } .offset-6 { margin-right: 50%; } .offset-7 { margin-right: 58.333333%; } .offset-8 { margin-right: 66.666667%; } .offset-9 { margin-right: 75%; } .offset-10 { margin-right: 83.333333%; } .offset-11 { margin-right: 91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; order: -1; } .order-sm-last { -ms-flex-order: 13; order: 13; } .order-sm-0 { -ms-flex-order: 0; order: 0; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-right: 0; } .offset-sm-1 { margin-right: 8.333333%; } .offset-sm-2 { margin-right: 16.666667%; } .offset-sm-3 { margin-right: 25%; } .offset-sm-4 { margin-right: 33.333333%; } .offset-sm-5 { margin-right: 41.666667%; } .offset-sm-6 { margin-right: 50%; } .offset-sm-7 { margin-right: 58.333333%; } .offset-sm-8 { margin-right: 66.666667%; } .offset-sm-9 { margin-right: 75%; } .offset-sm-10 { margin-right: 83.333333%; } .offset-sm-11 { margin-right: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; order: -1; } .order-md-last { -ms-flex-order: 13; order: 13; } .order-md-0 { -ms-flex-order: 0; order: 0; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-right: 0; } .offset-md-1 { margin-right: 8.333333%; } .offset-md-2 { margin-right: 16.666667%; } .offset-md-3 { margin-right: 25%; } .offset-md-4 { margin-right: 33.333333%; } .offset-md-5 { margin-right: 41.666667%; } .offset-md-6 { margin-right: 50%; } .offset-md-7 { margin-right: 58.333333%; } .offset-md-8 { margin-right: 66.666667%; } .offset-md-9 { margin-right: 75%; } .offset-md-10 { margin-right: 83.333333%; } .offset-md-11 { margin-right: 91.666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; order: -1; } .order-lg-last { -ms-flex-order: 13; order: 13; } .order-lg-0 { -ms-flex-order: 0; order: 0; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-right: 0; } .offset-lg-1 { margin-right: 8.333333%; } .offset-lg-2 { margin-right: 16.666667%; } .offset-lg-3 { margin-right: 25%; } .offset-lg-4 { margin-right: 33.333333%; } .offset-lg-5 { margin-right: 41.666667%; } .offset-lg-6 { margin-right: 50%; } .offset-lg-7 { margin-right: 58.333333%; } .offset-lg-8 { margin-right: 66.666667%; } .offset-lg-9 { margin-right: 75%; } .offset-lg-10 { margin-right: 83.333333%; } .offset-lg-11 { margin-right: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; order: -1; } .order-xl-last { -ms-flex-order: 13; order: 13; } .order-xl-0 { -ms-flex-order: 0; order: 0; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-right: 0; } .offset-xl-1 { margin-right: 8.333333%; } .offset-xl-2 { margin-right: 16.666667%; } .offset-xl-3 { margin-right: 25%; } .offset-xl-4 { margin-right: 33.333333%; } .offset-xl-5 { margin-right: 41.666667%; } .offset-xl-6 { margin-right: 50%; } .offset-xl-7 { margin-right: 58.333333%; } .offset-xl-8 { margin-right: 66.666667%; } .offset-xl-9 { margin-right: 75%; } .offset-xl-10 { margin-right: 83.333333%; } .offset-xl-11 { margin-right: 91.666667%; } } .table { width: 100%; margin-bottom: 1rem; background-color: transparent; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table .table { background-color: #fff; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } .table-hover .table-primary:hover { background-color: #9fcdff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #212529; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #32383e; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-left: 0; padding-right: 0; } .form-control-sm { height: calc(1.8125rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(2.875rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-left: 5px; padding-right: 5px; } .form-check { position: relative; display: block; padding-right: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-right: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-right: 0; margin-left: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-left: 0.3125rem; margin-right: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; } .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { background-color: #71dd8a; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label::after, .custom-file-input.is-valid ~ .custom-file-label::after { border-color: inherit; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { background-color: #efa2a9; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label::after, .custom-file-input.is-invalid ~ .custom-file-label::after { border-color: inherit; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-right: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-left: 0.25rem; margin-right: 0; } .form-inline .custom-control { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover, .btn:focus { text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-primary { color: #007bff; background-color: transparent; background-image: none; border-color: #007bff; } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-secondary { color: #6c757d; background-color: transparent; background-image: none; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; background-color: transparent; background-image: none; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; background-color: transparent; background-image: none; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; background-color: transparent; background-image: none; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; background-color: transparent; background-image: none; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; background-color: transparent; background-image: none; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; background-color: transparent; background-image: none; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #007bff; background-color: transparent; } .btn-link:hover { color: #0056b3; text-decoration: underline; background-color: transparent; border-color: transparent; } .btn-link:focus, .btn-link.focus { text-decoration: underline; border-color: transparent; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media screen and (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media screen and (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-left: 0.3em solid transparent; border-bottom: 0; border-right: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-right: 0; } .dropdown-menu { position: absolute; top: 100%; right: 0; z-index: 1000; display: none; float: right; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: right; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-right { left: 0; right: auto; } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-left: 0.3em solid transparent; border-bottom: 0.3em solid; border-right: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-right: 0; } .dropright .dropdown-menu { top: 0; left: auto; right: 100%; margin-top: 0; margin-right: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-left: 0; border-bottom: 0.3em solid transparent; border-right: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-right: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; left: 100%; right: auto; margin-top: 0; margin-left: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-right: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-left: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-right: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { left: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-right: -1px; } .btn-toolbar { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:first-child { margin-right: 0; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .dropdown-toggle-split { padding-left: 0.5625rem; padding-right: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-right: 0; } .dropleft .dropdown-toggle-split::before { margin-left: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-left: 0.375rem; padding-right: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-left: 0.75rem; padding-right: 0.75rem; } .btn-group-vertical { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; } .btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-right: 0; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-right: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-prepend, .input-group-append { display: -ms-flexbox; display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-right: -1px; } .input-group-prepend { margin-left: -1px; } .input-group-append { margin-right: -1px; } .input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { height: calc(2.875rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { height: calc(1.8125rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-right: 1.5rem; } .custom-control-inline { display: -ms-inline-flexbox; display: inline-flex; margin-left: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; } .custom-control-label::before { position: absolute; top: 0.25rem; right: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #dee2e6; } .custom-control-label::after { position: absolute; top: 0.25rem; right: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #007bff; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #007bff; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem 0.375rem 1.75rem; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat left 0.75rem center; background-size: 8px 10px; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(128, 189, 255, 0.5); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-left: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { height: calc(1.8125rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .custom-select-lg { height: calc(2.875rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 125%; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.25rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.25rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input:focus ~ .custom-file-label::after { border-color: #80bdff; } .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-label { position: absolute; top: 0; left: 0; right: 0; z-index: 1; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; left: 0; bottom: 0; z-index: 3; display: block; height: 2.25rem; padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-right: 1px solid #ced4da; border-radius: 0.25rem 0 0 0.25rem; } .custom-range { width: 100%; padding-right: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media screen and (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media screen and (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-left: 0.2rem; margin-right: 0.2rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media screen and (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } } .custom-range::-ms-thumb:active { background-color: #b3d7ff; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-left: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .nav-fill .nav-item { -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-left: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-right: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-left: 0; padding-right: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-left: 0; padding-right: 0; } } @media (min-width: 576px) { .navbar-expand-sm { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-left: 0.5rem; padding-right: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .navbar-expand-md { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-left: 0.5rem; padding-right: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-left: 0; padding-right: 0; } } @media (min-width: 992px) { .navbar-expand-lg { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-left: 0.5rem; padding-right: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-left: 0; padding-right: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-left: 0.5rem; padding-right: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-left: 0; padding-right: 0; } .navbar-expand .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-left: 0.5rem; padding-right: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-left: 0; margin-right: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-right: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-left: -0.625rem; margin-bottom: -0.75rem; margin-right: -0.625rem; border-bottom: 0; } .card-header-pills { margin-left: -0.625rem; margin-right: -0.625rem; } .card-img-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.25rem - 1px); } .card-img-top { width: 100%; border-top-right-radius: calc(0.25rem - 1px); border-top-left-radius: calc(0.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-left-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .card-deck { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { -ms-flex-flow: row wrap; flex-flow: row wrap; margin-left: -15px; margin-right: -15px; } .card-deck .card { display: -ms-flexbox; display: flex; -ms-flex: 1 0 0%; flex: 1 0 0%; -ms-flex-direction: column; flex-direction: column; margin-left: 15px; margin-bottom: 0; margin-right: 15px; } } .card-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group > .card { -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-right: 0; border-right: 0; } .card-group > .card:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:first-child .card-img-top, .card-group > .card:first-child .card-header { border-top-left-radius: 0; } .card-group > .card:first-child .card-img-bottom, .card-group > .card:first-child .card-footer { border-bottom-left-radius: 0; } .card-group > .card:last-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:last-child .card-img-top, .card-group > .card:last-child .card-header { border-top-right-radius: 0; } .card-group > .card:last-child .card-img-bottom, .card-group > .card:last-child .card-footer { border-bottom-right-radius: 0; } .card-group > .card:only-child { border-radius: 0.25rem; } .card-group > .card:only-child .card-img-top, .card-group > .card:only-child .card-header { border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; } .card-group > .card:only-child .card-img-bottom, .card-group > .card:only-child .card-footer { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer { border-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion .card:first-of-type { border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .accordion .card:last-of-type { border-top-right-radius: 0; border-top-left-radius: 0; } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-right: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-left: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: -ms-flexbox; display: flex; padding-right: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-right: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .page-link:not(:disabled):not(.disabled) { cursor: pointer; } .page-item:first-child .page-link { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item:last-child .page-link { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-left: 0.6em; padding-right: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #007bff; } .badge-primary[href]:hover, .badge-primary[href]:focus { color: #fff; text-decoration: none; background-color: #0062cc; } .badge-secondary { color: #fff; background-color: #6c757d; } .badge-secondary[href]:hover, .badge-secondary[href]:focus { color: #fff; text-decoration: none; background-color: #545b62; } .badge-success { color: #fff; background-color: #28a745; } .badge-success[href]:hover, .badge-success[href]:focus { color: #fff; text-decoration: none; background-color: #1e7e34; } .badge-info { color: #fff; background-color: #17a2b8; } .badge-info[href]:hover, .badge-info[href]:focus { color: #fff; text-decoration: none; background-color: #117a8b; } .badge-warning { color: #212529; background-color: #ffc107; } .badge-warning[href]:hover, .badge-warning[href]:focus { color: #212529; text-decoration: none; background-color: #d39e00; } .badge-danger { color: #fff; background-color: #dc3545; } .badge-danger[href]:hover, .badge-danger[href]:focus { color: #fff; text-decoration: none; background-color: #bd2130; } .badge-light { color: #212529; background-color: #f8f9fa; } .badge-light[href]:hover, .badge-light[href]:focus { color: #212529; text-decoration: none; background-color: #dae0e5; } .badge-dark { color: #fff; background-color: #343a40; } .badge-dark[href]:hover, .badge-dark[href]:focus { color: #fff; text-decoration: none; background-color: #1d2124; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-left: 0; padding-right: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-left: 4rem; } .alert-dismissible .close { position: absolute; top: 0; left: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 100% 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 100% 0; } } .progress { display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease; } @media screen and (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } .media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .media-body { -ms-flex: 1; flex: 1; } .list-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-right: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .list-group-item:hover, .list-group-item:focus { z-index: 1; text-decoration: none; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .list-group-flush .list-group-item { border-left: 0; border-right: 0; border-radius: 0; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } .list-group-item-primary { color: #004085; background-color: #b8daff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #004085; background-color: #9fcdff; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #0c5460; background-color: #bee5eb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .close { float: left; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:not(:disabled):not(.disabled) { cursor: pointer; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { color: #000; text-decoration: none; opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); transform: translate(0, -25%); } @media screen and (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (0.5rem * 2)); } .modal-dialog-centered::before { display: block; height: calc(100vh - (0.5rem * 2)); content: ""; } .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-right-radius: 0.3rem; border-top-left-radius: 0.3rem; } .modal-header .close { padding: 1rem; margin: -1rem auto -1rem -1rem; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; } .modal-footer > :not(:first-child) { margin-right: .25rem; } .modal-footer > :not(:last-child) { margin-left: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } .modal-dialog-centered::before { height: calc(100vh - (1.75rem * 2)); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: right; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; right: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: right; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { border-width: 0.5rem 0.5rem 0; } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before { bottom: 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { bottom: 1px; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-right: 0.5rem; } .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { border-width: 0.5rem 0 0.5rem 0.5rem; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before { right: 0; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { right: 1px; border-left-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { border-width: 0 0.5rem 0.5rem 0.5rem; } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before { top: 0; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { top: 1px; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; right: 50%; display: block; width: 1rem; margin-right: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-left: 0.5rem; } .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { border-width: 0.5rem 0.5rem 0.5rem 0; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before { left: 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { left: 1px; border-right-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; color: inherit; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-right-radius: calc(0.3rem - 1px); border-top-left-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; -ms-flex-align: center; align-items: center; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease; } @media screen and (prefers-reduced-motion: reduce) { .carousel-item.active, .carousel-item-next, .carousel-item-prev { transition: none; } } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform: translateX(0); transform: translateX(0); } @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-item-next, .active.carousel-item-right { -webkit-transform: translateX(-100%); transform: translateX(-100%); } @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-item-next, .active.carousel-item-right { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .carousel-item-prev, .active.carousel-item-left { -webkit-transform: translateX(100%); transform: translateX(100%); } @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-item-prev, .active.carousel-item-left { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; } .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { -webkit-transform: translateX(0); transform: translateX(0); } @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .carousel-control-prev { right: 0; } .carousel-control-next { left: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-indicators { position: absolute; left: 0; bottom: 10px; right: 0; z-index: 15; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-right: 0; margin-left: 15%; margin-right: 15%; list-style: none; } .carousel-indicators li { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-left: 3px; margin-right: 3px; text-indent: -999px; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); } .carousel-indicators li::before { position: absolute; top: -10px; right: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators li::after { position: absolute; bottom: -10px; right: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; left: 15%; bottom: 20px; right: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-left: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-right: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-left: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-right: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-right-radius: 0.25rem !important; border-top-left-radius: 0.25rem !important; } .rounded-right { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-bottom { border-bottom-left-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-left { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.857143%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: right !important; } .float-sm-right { float: left !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: right !important; } .float-md-right { float: left !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: right !important; } .float-lg-right { float: left !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: right !important; } .float-xl-right { float: left !important; } .float-xl-none { float: none !important; } } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; left: 0; right: 0; z-index: 1030; } .fixed-bottom { position: fixed; left: 0; bottom: 0; right: 0; z-index: 1030; } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .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; } .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; } .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; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-left: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-right: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-left: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-right: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-left: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-right: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-left: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-right: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-left: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-right: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-left: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-right: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-left: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-right: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-left: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-right: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-left: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-right: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-left: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-right: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-left: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-right: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-left: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-right: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-left: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-right: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-left: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-right: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-left: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-right: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-left: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-right: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-left: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-right: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-left: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-right: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-left: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-right: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-left: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-right: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-left: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-right: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-left: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-right: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-left: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-right: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-left: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-right: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-left: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-right: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-left: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-right: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-left: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-right: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-left: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-right: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-left: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-right: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-left: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-right: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-left: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-right: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-left: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-right: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-left: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-right: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-left: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-right: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-left: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-right: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-left: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-right: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-left: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-right: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-left: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-right: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: right !important; } .text-right { text-align: left !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: right !important; } .text-sm-right { text-align: left !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: right !important; } .text-md-right { text-align: left !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: right !important; } .text-lg-right { text-align: left !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: right !important; } .text-xl-right { text-align: left !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0062cc !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #545b62 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #1e7e34 !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #117a8b !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #d39e00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #bd2130 !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #dae0e5 !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #1d2124 !important; } .text-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-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } /** * BYB Dashboard color system (from design palette) * Primary = Green scale | Secondary = Blue scale | Neutral = grayscale */ :root { /* Primary (Green) */ --primary-50: #F4F9EE; --primary-100: #E9F2DC; --primary-150: #DEECCB; --primary-200: #D3E5B9; --primary-300: #BDD897; --primary-400: #A7CB74; --primary-500: #91BE51; --primary-600: #749841; --primary-700: #577231; --primary-800: #3A4C20; --primary-900: #2C3918; --primary-950: #1D2610; --primary: var(--primary-500); --primary-hover: var(--primary-600); --primary-soft: var(--primary-100); --primary-soft-bg: var(--primary-50); --primary-text: var(--primary-700); --primary-text-muted: var(--primary-600); /* Secondary (Blue) */ --secondary-0: #F4F8FA; --secondary-50: #E8F6FE; --secondary-100: #D1E9F7; --secondary-150: #BBDCF0; --secondary-200: #A4CFE9; --secondary-300: #8EC2E2; --secondary-400: #60A9D4; --secondary-500: #338FC6; --secondary-600: #0675B8; --secondary-700: #055E93; --secondary-800: #04466E; --secondary-900: #022F4A; --secondary-950: #022337; --secondary-1000: #011725; --secondary: var(--secondary-500); --secondary-hover: var(--secondary-600); --secondary-soft: var(--secondary-100); --secondary-soft-bg: var(--secondary-50); --secondary-text: var(--secondary-800); /* Neutral */ --neutral-0: #FFFFFF; --neutral-50: #F3F3F3; --neutral-100: #E8E8E8; --neutral-150: #DCDCDC; --neutral-200: #D1D1D1; --neutral-300: #B9B9B9; --neutral-400: #A2A2A2; --neutral-500: #8B8B8B; --neutral-600: #6F6F6F; --neutral-700: #535353; --neutral-800: #383838; --neutral-900: #2A2A2A; --neutral-950: #1C1C1C; --neutral-975: #0E0E0E; --neutral-1000: #000000; /* Semantic aliases (Figma: page canvas = Blue/0) */ --surface-page: var(--secondary-0); --surface-card: var(--neutral-0); --surface-muted: var(--neutral-50); --surface-active: var(--neutral-100); --surface-primary-soft: var(--primary-50); --surface-today: var(--primary-50); --border-default: var(--neutral-100); --border-subtle: var(--neutral-150); --border-strong: var(--neutral-300); --text-primary: var(--neutral-900); --text-secondary: var(--neutral-700); --text-muted: var(--neutral-500); --text-inverse: var(--neutral-0); --text-on-primary: var(--neutral-0); /* Figma "Blue-950" (#011725) — scale step is secondary-1000 */ --text-heading: var(--secondary-1000); --shadow-header: 0 4px 9px rgba(219, 217, 217, 0.25); --shadow-card: 0 4px 12px -2px #EFEFF4; --shadow-sidebar: var(--shadow-header); --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --font-family: IRANSans, Tahoma, sans-serif; --danger: #CA3030; --danger-soft: #fff5f5; --warning: #f59e0b; --warning-hover: #d97706; } /** * BYB Design Utilities — color & surface helpers * Requires DesignTokens.css (CSS variables on :root) * * Usage in HTML (Bootstrap-like): *

عنوان

* توضیح *
...
* * * Scale utilities: * text-primary-700 | bg-secondary-50 | border-neutral-200 * * Load AFTER bootstrap.css to override default Bootstrap colors. */ /* ── Semantic text ─────────────────────────────────────────── */ .text-heading { color: var(--text-heading) !important; } .text-body, .text-primary-token { color: var(--text-primary) !important; } .text-secondary-token { color: var(--text-secondary) !important; } .text-muted { color: var(--text-muted) !important; } .text-inverse { color: var(--text-inverse) !important; } .text-on-primary { color: var(--text-on-primary) !important; } .text-primary { color: var(--primary) !important; } .text-primary-soft { color: var(--primary-text) !important; } .text-secondary { color: var(--secondary) !important; } .text-secondary-soft { color: var(--secondary-text) !important; } .text-danger { color: var(--danger) !important; } .text-warning { color: var(--warning) !important; } .text-success { color: var(--primary-600) !important; } .text-info { color: var(--secondary-600) !important; } .text-dark { color: var(--text-heading) !important; } .text-white { color: var(--neutral-0) !important; } .text-light { color: var(--neutral-400) !important; } /* ── Semantic background ───────────────────────────────────── */ .bg-surface-page { background-color: var(--surface-page) !important; } .bg-surface-card { background-color: var(--surface-card) !important; } .bg-surface-muted { background-color: var(--surface-muted) !important; } .bg-surface-active { background-color: var(--surface-active) !important; } .bg-primary-soft { background-color: var(--primary-soft-bg) !important; } .bg-secondary-soft { background-color: var(--secondary-soft-bg) !important; } .bg-danger-soft { background-color: var(--danger-soft) !important; } .bg-primary { background-color: var(--primary) !important; } .bg-secondary { background-color: var(--secondary) !important; } .bg-danger { background-color: var(--danger) !important; } .bg-warning { background-color: var(--warning) !important; } .bg-success { background-color: var(--primary) !important; } .bg-info { background-color: var(--secondary) !important; } .bg-light { background-color: var(--surface-muted) !important; } .bg-dark { background-color: var(--secondary-900) !important; } .bg-white { background-color: var(--neutral-0) !important; } .bg-transparent { background-color: transparent !important; } /* ── Borders ───────────────────────────────────────────────── */ .border-default { border-color: var(--border-default) !important; } .border-subtle { border-color: var(--border-subtle) !important; } .border-strong { border-color: var(--border-strong) !important; } .border-primary { border-color: var(--primary) !important; } .border-secondary { border-color: var(--secondary) !important; } .border-danger { border-color: var(--danger) !important; } .border-warning { border-color: var(--warning) !important; } .border { border: 1px solid var(--border-subtle) !important; } .border-0 { border: 0 !important; } /* ── Primary scale ─────────────────────────────────────────── */ .text-primary-50 { color: var(--primary-50) !important; } .text-primary-100 { color: var(--primary-100) !important; } .text-primary-200 { color: var(--primary-200) !important; } .text-primary-300 { color: var(--primary-300) !important; } .text-primary-400 { color: var(--primary-400) !important; } .text-primary-500 { color: var(--primary-500) !important; } .text-primary-600 { color: var(--primary-600) !important; } .text-primary-700 { color: var(--primary-700) !important; } .text-primary-800 { color: var(--primary-800) !important; } .text-primary-900 { color: var(--primary-900) !important; } .bg-primary-50 { background-color: var(--primary-50) !important; } .bg-primary-100 { background-color: var(--primary-100) !important; } .bg-primary-200 { background-color: var(--primary-200) !important; } .bg-primary-300 { background-color: var(--primary-300) !important; } .bg-primary-400 { background-color: var(--primary-400) !important; } .bg-primary-500 { background-color: var(--primary-500) !important; } .bg-primary-600 { background-color: var(--primary-600) !important; } .bg-primary-700 { background-color: var(--primary-700) !important; } .bg-primary-800 { background-color: var(--primary-800) !important; } .bg-primary-900 { background-color: var(--primary-900) !important; } .border-primary-200 { border-color: var(--primary-200) !important; } .border-primary-300 { border-color: var(--primary-300) !important; } .border-primary-500 { border-color: var(--primary-500) !important; } /* ── Secondary scale ───────────────────────────────────────── */ .text-secondary-0 { color: var(--secondary-0) !important; } .text-secondary-50 { color: var(--secondary-50) !important; } .text-secondary-100 { color: var(--secondary-100) !important; } .text-secondary-200 { color: var(--secondary-200) !important; } .text-secondary-300 { color: var(--secondary-300) !important; } .text-secondary-400 { color: var(--secondary-400) !important; } .text-secondary-500 { color: var(--secondary-500) !important; } .text-secondary-600 { color: var(--secondary-600) !important; } .text-secondary-700 { color: var(--secondary-700) !important; } .text-secondary-800 { color: var(--secondary-800) !important; } .text-secondary-900 { color: var(--secondary-900) !important; } .text-secondary-1000 { color: var(--secondary-1000) !important; } .bg-secondary-0 { background-color: var(--secondary-0) !important; } .bg-secondary-50 { background-color: var(--secondary-50) !important; } .bg-secondary-100 { background-color: var(--secondary-100) !important; } .bg-secondary-200 { background-color: var(--secondary-200) !important; } .bg-secondary-300 { background-color: var(--secondary-300) !important; } .bg-secondary-400 { background-color: var(--secondary-400) !important; } .bg-secondary-500 { background-color: var(--secondary-500) !important; } .bg-secondary-600 { background-color: var(--secondary-600) !important; } .bg-secondary-700 { background-color: var(--secondary-700) !important; } .bg-secondary-800 { background-color: var(--secondary-800) !important; } .bg-secondary-900 { background-color: var(--secondary-900) !important; } .bg-secondary-1000 { background-color: var(--secondary-1000) !important; } .border-secondary-100 { border-color: var(--secondary-100) !important; } .border-secondary-200 { border-color: var(--secondary-200) !important; } .border-secondary-300 { border-color: var(--secondary-300) !important; } /* ── Neutral scale ─────────────────────────────────────────── */ .text-neutral-0 { color: var(--neutral-0) !important; } .text-neutral-50 { color: var(--neutral-50) !important; } .text-neutral-100 { color: var(--neutral-100) !important; } .text-neutral-200 { color: var(--neutral-200) !important; } .text-neutral-300 { color: var(--neutral-300) !important; } .text-neutral-400 { color: var(--neutral-400) !important; } .text-neutral-500 { color: var(--neutral-500) !important; } .text-neutral-600 { color: var(--neutral-600) !important; } .text-neutral-700 { color: var(--neutral-700) !important; } .text-neutral-800 { color: var(--neutral-800) !important; } .text-neutral-900 { color: var(--neutral-900) !important; } .bg-neutral-0 { background-color: var(--neutral-0) !important; } .bg-neutral-50 { background-color: var(--neutral-50) !important; } .bg-neutral-100 { background-color: var(--neutral-100) !important; } .bg-neutral-200 { background-color: var(--neutral-200) !important; } .bg-neutral-300 { background-color: var(--neutral-300) !important; } .bg-neutral-400 { background-color: var(--neutral-400) !important; } .bg-neutral-500 { background-color: var(--neutral-500) !important; } .bg-neutral-600 { background-color: var(--neutral-600) !important; } .bg-neutral-700 { background-color: var(--neutral-700) !important; } .bg-neutral-800 { background-color: var(--neutral-800) !important; } .bg-neutral-900 { background-color: var(--neutral-900) !important; } .border-neutral-100 { border-color: var(--neutral-100) !important; } .border-neutral-150 { border-color: var(--neutral-150) !important; } .border-neutral-200 { border-color: var(--neutral-200) !important; } .border-neutral-300 { border-color: var(--neutral-300) !important; } /* ── Bootstrap button overrides ────────────────────────────── */ .btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.75rem 1.25rem; border-radius: var(--radius-sm); background: var(--primary); color: var(--text-on-primary) !important; font-size: clamp(0.875rem, 1.6vw, 1.125rem); font-weight: 500; line-height: 1.5; white-space: nowrap; text-decoration: none !important; transition: 0.15s linear; } .btn-primary, .btn-success { color: var(--text-on-primary) !important; background-color: var(--primary) !important; border-color: var(--primary) !important; } .btn-primary:hover, .btn-primary:focus, .btn-success:hover, .btn-success:focus { color: var(--text-on-primary) !important; background-color: var(--primary-hover) !important; border-color: var(--primary-hover) !important; } .btn-secondary, .btn-info { color: var(--text-on-primary) !important; background-color: var(--secondary) !important; border-color: var(--secondary) !important; } .btn-secondary:hover, .btn-secondary:focus, .btn-info:hover, .btn-info:focus { color: var(--text-on-primary) !important; background-color: var(--secondary-hover) !important; border-color: var(--secondary-hover) !important; } .btn-danger { color: var(--text-on-primary) !important; background-color: var(--danger) !important; border-color: var(--danger) !important; } .btn-warning { color: var(--text-heading) !important; background-color: var(--warning) !important; border-color: var(--warning) !important; } .btn-warning:hover, .btn-warning:focus { background-color: var(--warning-hover) !important; border-color: var(--warning-hover) !important; } .btn-light { color: var(--text-heading) !important; background-color: var(--surface-muted) !important; border-color: var(--border-subtle) !important; } .btn-dark { color: var(--text-on-primary) !important; background-color: var(--secondary-900) !important; border-color: var(--secondary-900) !important; } .btn-outline-primary { color: var(--primary) !important; background-color: transparent !important; border-color: var(--primary) !important; } .btn-outline-primary:hover, .btn-outline-primary:focus { color: var(--text-on-primary) !important; background-color: var(--primary) !important; border-color: var(--primary) !important; } .btn-outline-secondary { color: var(--secondary) !important; background-color: transparent !important; border-color: var(--secondary) !important; } .btn-outline-secondary:hover, .btn-outline-secondary:focus { color: var(--text-on-primary) !important; background-color: var(--secondary) !important; border-color: var(--secondary) !important; } .btn-outline-danger { color: var(--danger) !important; background-color: transparent !important; border-color: var(--danger) !important; } .btn-outline-danger:hover, .btn-outline-danger:focus { color: var(--text-on-primary) !important; background-color: var(--danger) !important; border-color: var(--danger) !important; } /* ── BYB component shortcuts ───────────────────────────────── */ .btn-byb-primary { display: inline-flex; align-items: center; justify-content: center; padding: 0.625rem 1.25rem; border: 1px solid var(--primary); border-radius: var(--radius-sm); background: var(--primary); color: var(--text-on-primary) !important; font-weight: 500; text-decoration: none !important; cursor: pointer; } .btn-byb-primary:hover { background: var(--primary-hover); border-color: var(--primary-hover); color: var(--text-on-primary) !important; } .btn-byb-secondary { display: inline-flex; align-items: center; justify-content: center; padding: 0.625rem 1.25rem; border: 1px solid var(--secondary); border-radius: var(--radius-sm); background: var(--secondary); color: var(--text-on-primary) !important; font-weight: 500; text-decoration: none !important; cursor: pointer; } .btn-byb-secondary:hover { background: var(--secondary-hover); border-color: var(--secondary-hover); color: var(--text-on-primary) !important; } .btn-byb-ghost { display: inline-flex; align-items: center; justify-content: center; padding: 0.625rem 1.25rem; border: 1px solid var(--border-subtle); border-radius: var(--radius-sm); background: var(--surface-card); color: var(--text-heading) !important; font-weight: 500; text-decoration: none !important; cursor: pointer; } .btn-byb-ghost:hover { background: var(--surface-muted); color: var(--text-heading) !important; } .badge-byb-primary { display: inline-flex; align-items: center; padding: 0.25rem 0.625rem; border-radius: 999px; background: var(--primary-soft-bg); color: var(--primary-700) !important; font-size: 0.8125rem; font-weight: 500; } .badge-byb-secondary { display: inline-flex; align-items: center; padding: 0.25rem 0.625rem; border-radius: 999px; background: var(--secondary-soft-bg); color: var(--secondary-700) !important; font-size: 0.8125rem; font-weight: 500; } .badge-byb-danger { display: inline-flex; align-items: center; padding: 0.25rem 0.625rem; border-radius: 999px; background: var(--danger-soft); color: var(--danger) !important; font-size: 0.8125rem; font-weight: 500; } /* ── Radius & shadow (token-based) ─────────────────────────── */ .rounded-sm { border-radius: var(--radius-sm) !important; } .rounded-md { border-radius: var(--radius-md) !important; } .rounded-lg { border-radius: var(--radius-lg) !important; } .rounded-pill { border-radius: 999px !important; } .shadow-card { box-shadow: var(--shadow-card) !important; } .shadow-header { box-shadow: var(--shadow-header) !important; } .card-byb { background: var(--surface-card); border: 1px solid var(--border-subtle); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); } .link-primary { color: var(--primary) !important; } .link-primary:hover { color: var(--primary-hover) !important; } .link-secondary { color: var(--secondary) !important; } .link-secondary:hover { color: var(--secondary-hover) !important; } .link-danger { color: var(--danger) !important; } .link-danger:hover { color: #a82828 !important; } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes rubberBand { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); -ms-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); -ms-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); -ms-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); -ms-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(-48px); transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); -ms-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(-48px); -ms-transform: scale(.475) translateX(-48px); transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); -ms-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); -ms-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-transform-origin: center bottom; transform-origin: center bottom; } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); -ms-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); -ms-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(42px); transform: scale(.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(42px); -ms-transform: scale(.475) translateX(42px); transform: scale(.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(-42px); transform: scale(.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(-42px); -ms-transform: scale(.475) translateX(-42px); transform: scale(.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); -ms-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-transform-origin: center top; transform-origin: center top; } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @media only screen and (max-width: 765px) { .m-l-45-mobile { margin-left: 45px; } } .w-100 { width: 100%; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-default:hover { background-color: #eeeeee; border-color: #eeeeee; } /* -------- Btn-Border ---------- */ .btn-border { color: #222222; background-color: #fff; border-color: #222222; } .btn-border:focus, .btn-border.focus { color: #222222; background-color: #e6e6e6; border-color: #000000; } .btn-border:hover { color: #222222; background-color: #e6e6e6; border-color: #040404; } .btn-border:active, .btn-border.active, .open > .dropdown-toggle.btn-border { color: #222222; background-color: #e6e6e6; border-color: #040404; } .btn-border:active:hover, .btn-border.active:hover, .open > .dropdown-toggle.btn-border:hover, .btn-border:active:focus, .btn-border.active:focus, .open > .dropdown-toggle.btn-border:focus, .btn-border:active.focus, .btn-border.active.focus, .open > .dropdown-toggle.btn-border.focus { color: #222222; background-color: #d4d4d4; border-color: #000000; } .btn-border:active, .btn-border.active, .open > .dropdown-toggle.btn-border { background-image: none; } .btn-border.disabled:hover, .btn-border[disabled]:hover, fieldset[disabled] .btn-border:hover, .btn-border.disabled:focus, .btn-border[disabled]:focus, fieldset[disabled] .btn-border:focus, .btn-border.disabled.focus, .btn-border[disabled].focus, fieldset[disabled] .btn-border.focus { background-color: #fff; border-color: #222222; } .btn-border .badge { color: #fff; background-color: #222222; } .btn-border { border-width: 2px; } .btn-border:hover, .btn-border:active, .btn-border:focus { background-color: #222222; border-color: #222222; color: #fff; } /* -------- Btn-Dark ---------- */ .btn-dark { color: #fff; background-color: #222222; border-color: #222222; } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #090909; border-color: #000000; } .btn-dark:hover { color: #fff; background-color: #090909; border-color: #040404; } .btn-dark:active, .btn-dark.active, .open > .dropdown-toggle.btn-dark { color: #fff; background-color: #090909; border-color: #040404; } .btn-dark:active:hover, .btn-dark.active:hover, .open > .dropdown-toggle.btn-dark:hover, .btn-dark:active:focus, .btn-dark.active:focus, .open > .dropdown-toggle.btn-dark:focus, .btn-dark:active.focus, .btn-dark.active.focus, .open > .dropdown-toggle.btn-dark.focus { color: #fff; background-color: #000000; border-color: #000000; } .btn-dark:active, .btn-dark.active, .open > .dropdown-toggle.btn-dark { background-image: none; } .btn-dark.disabled:hover, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark:hover, .btn-dark.disabled:focus, .btn-dark[disabled]:focus, fieldset[disabled] .btn-dark:focus, .btn-dark.disabled.focus, .btn-dark[disabled].focus, fieldset[disabled] .btn-dark.focus { background-color: #222222; border-color: #222222; } .btn-dark .badge { color: #222222; background-color: #fff; } /* -------- Btn-Gray ---------- */ .btn-gray { color: #333333; background-color: #eeeeee; border-color: #eeeeee; } .btn-gray:focus, .btn-gray.focus { color: #333333; background-color: #d5d5d5; border-color: #afafaf; } .btn-gray:hover { color: #333333; background-color: #d5d5d5; border-color: #d0d0d0; } .btn-gray:active, .btn-gray.active, .open > .dropdown-toggle.btn-gray { color: #333333; background-color: #d5d5d5; border-color: #d0d0d0; } .btn-gray:active:hover, .btn-gray.active:hover, .open > .dropdown-toggle.btn-gray:hover, .btn-gray:active:focus, .btn-gray.active:focus, .open > .dropdown-toggle.btn-gray:focus, .btn-gray:active.focus, .btn-gray.active.focus, .open > .dropdown-toggle.btn-gray.focus { color: #333333; background-color: #c3c3c3; border-color: #afafaf; } .btn-gray:active, .btn-gray.active, .open > .dropdown-toggle.btn-gray { background-image: none; } .btn-gray.disabled:hover, .btn-gray[disabled]:hover, fieldset[disabled] .btn-gray:hover, .btn-gray.disabled:focus, .btn-gray[disabled]:focus, fieldset[disabled] .btn-gray:focus, .btn-gray.disabled.focus, .btn-gray[disabled].focus, fieldset[disabled] .btn-gray.focus { background-color: #eeeeee; border-color: #eeeeee; } .btn-gray .badge { color: #eeeeee; background-color: #333333; } .btn-circled { border-radius: 25px; } .btn-flat { border-radius: 0; } /* -------- Btn-Default ---------- */ .btn { font-size: 13px; padding: 8px 22px; } /* -------- Btn-xs ---------- */ .btn-xs { font-size: 11px; padding: 3px 14px; } /* -------- Btn-sm ---------- */ .btn-sm { font-size: 12px; padding: 5px 17px; } /* -------- Btn-lg ---------- */ .btn-lg { font-size: 14px; padding: 10px 26px; } /* -------- Btn-xl ---------- */ .btn-xl { font-size: 16px; padding: 13px 32px; } /* -------- Btn-transparent ---------- */ .btn-transparent { background-color: transparent; color: #fff; } /* -------- Btn-Quick-contact ---------- */ .btn-quick-contact { background-color: rgba(5, 15, 5, 0.1); color: #fff; } /* btn read more*/ .btn-read-more { padding: 0; } .btn-read-more::after { display: inline-block; content: "\f18e"; font-family: fontawesome; font-size: 16px; font-variant: normal; font-weight: normal; line-height: 1; margin-left: 5px; position: relative; text-shadow: none; text-transform: none; top: 2px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .m-0-auto { margin: 0 auto; } .flat-register-now.login-page::after, .flat-register-now.login-page::before { content: none; } .vertical-middle { vertical-align: middle; } .field-validation-error { display: inline-block; width: 100%; color: white; margin-top: 10px; } .course .title a { font-size: 14px; } .btn-online-course-register { height: unset !important; line-height: unset !important; padding: 5px 17px !important; font-size: 12px !important; } .vertical-bottom { vertical-align: bottom; } .separator { color: #000; line-height: 1.2em; margin: 30px auto; overflow: hidden; text-align: center; width: 100%; } .separator::before, .separator::after { border-bottom: 1px solid #eee; content: ""; display: inline-block; height: .65em; margin: 0 -4px 0 -100%; vertical-align: top; width: 50%; } .separator::after { margin: 0 -100% 0 0; } .separator i { display: inline-block; margin: 0 20px 0 24px; font-size: 20px; } .separator::before, .separator::after { margin: 0 -100% 0 -4px; } .separator::after { margin: 0 0 0 -100%; } .separator i { margin: 0 24px 0 20px; } .modal-left { opacity: 1 } .modal-left.show .modal-dialog { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important } .modal-left.in .modal-dialog { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important } .modal-left .modal-dialog { position: absolute; top: 0; left: 0; bottom: 0; width: 360px; max-width: 100%; margin: 0; -webkit-transform: translate(-100%, 0) !important; transform: translate(-100%, 0) !important; -webkit-transition: .5s; transition: .5s } .modal-left .modal-content { height: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; border-radius: 0 } .modal-left .modal-body { -webkit-box-flex: 1; flex-grow: 1 } .modal-right { opacity: 1 } .modal-right.show .modal-dialog { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important } .modal-right.in .modal-dialog { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important } .modal-right .modal-dialog { position: absolute; top: 0; right: 0px; bottom: 0; width: 360px; max-width: 100%; margin: 0; -webkit-transform: translate(100%, 0) !important; transform: translate(100%, 0) !important; -webkit-transition: .5s; transition: .5s } .modal-right .modal-content { height: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; border-radius: 0 } .modal-right .modal-body { -webkit-box-flex: 1; overflow-y: auto; height: 60vh; flex-grow: 1 } .btn:hover { cursor: pointer } .btn:focus, .btn.focus, .btn:active, .btn.active { -webkit-box-shadow: none !important; box-shadow: none !important } .btn-bold { font-family: Roboto,sans-serif; text-transform: uppercase; font-weight: 500; font-size: 12px } .btn-group-xs > .btn, .btn-xs { font-size: 11px; padding: 2px 8px; line-height: 18px } .btn-group-xs > .btn.btn-bold, .btn-xs.btn-bold { font-size: 9px } .btn-group-sm > .btn, .btn-sm { font-size: 12px; padding: 4px 12px; line-height: 20px } .btn-group-sm > .btn.btn-bold, .btn-sm.btn-bold { font-size: 11px } .btn-group-lg > .btn, .btn-lg { font-size: 15px; padding: 7px 20px; line-height: 32px } .btn-group-lg > .btn.btn-bold, .btn-lg.btn-bold { font-size: 14px } .btn-w-xs { width: 85px } .btn-w-sm { width: 100px } .btn-w-md { width: 120px } .btn-w-lg { width: 145px } .btn-w-xl { width: 180px } .btn-round { border-radius: 10rem } .btn-primary { background-color: #33cabb; border-color: #33cabb; color: #fff } .btn-primary:hover { background-color: #52d3c7; border-color: #52d3c7; color: #fff } .btn-primary:focus, .btn-primary.focus { color: #fff } .btn-primary.disabled, .btn-primary:disabled { background-color: #33cabb; border-color: #33cabb; opacity: 0.5 } .btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show, .in > .btn-primary.dropdown-toggle { background-color: #2ba99d; border-color: #2ba99d; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-success { background-color: #15c377; border-color: #15c377; color: #fff } .btn-success:hover { background-color: #16d17f; border-color: #16d17f; color: #fff } .btn-success:focus, .btn-success.focus { color: #fff } .btn-success.disabled, .btn-success:disabled { background-color: #15c377; border-color: #15c377; opacity: 0.5 } .btn-success:not([disabled]):not(.disabled).active, .btn-success:not([disabled]):not(.disabled):active, .show > .btn-success.dropdown-toggle { background-color: #14b56f; border-color: #14b56f; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-info { background-color: #48b0f7; border-color: #48b0f7; color: #fff } .btn-info:hover { background-color: #65bdf8; border-color: #65bdf8; color: #fff } .btn-info:focus, .btn-info.focus { color: #fff } .btn-info.disabled, .btn-info:disabled { background-color: #48b0f7; border-color: #48b0f7; opacity: 0.5 } .btn-info:not([disabled]):not(.disabled).active, .btn-info:not([disabled]):not(.disabled):active, .show > .btn-info.dropdown-toggle { background-color: #2ba3f6; border-color: #2ba3f6; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-warning { background-color: #faa64b; border-color: #faa64b; color: #fff } .btn-warning:hover { background-color: #fbb264; border-color: #fbb264; color: #fff } .btn-warning:focus, .btn-warning.focus { color: #fff } .btn-warning.disabled, .btn-warning:disabled { background-color: #faa64b; border-color: #faa64b; opacity: 0.5 } .btn-warning:not([disabled]):not(.disabled).active, .btn-warning:not([disabled]):not(.disabled):active, .show > .btn-warning.dropdown-toggle { background-color: #f99a32; border-color: #f99a32; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-danger { background-color: #f96868; border-color: #f96868; color: #fff } .btn-danger:hover { background-color: #fa8181; border-color: #fa8181; color: #fff } .btn-danger:focus, .btn-danger.focus { color: #fff } .btn-danger.disabled, .btn-danger:disabled { background-color: #f96868; border-color: #f96868; opacity: 0.5 } .btn-danger:not([disabled]):not(.disabled).active, .btn-danger:not([disabled]):not(.disabled):active, .show > .btn-danger.dropdown-toggle { background-color: #f84f4f; border-color: #f84f4f; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-secondary { color: #4d5259 !important; background-color: #e4e7ea; border-color: #e4e7ea; color: #fff } .btn-secondary:hover { background-color: #edeff1; border-color: #edeff1; color: #fff } .btn-secondary:focus, .btn-secondary.focus { color: #fff } .btn-secondary.disabled, .btn-secondary:disabled { background-color: #e4e7ea; border-color: #e4e7ea; opacity: 0.5 } .btn-secondary:not([disabled]):not(.disabled).active, .btn-secondary:not([disabled]):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { background-color: #dbdfe3; border-color: #dbdfe3; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-link { color: #48b0f7; font-weight: 500 } .btn-link:hover, .btn-link:focus { text-decoration: none; color: #e4e7ea } .btn-light { background-color: #fcfdfe; border-color: #ebebeb; color: #8b95a5 } .btn-light:hover, .btn-light:focus { background-color: #f9fafb; color: #4d5259 } .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle { background-color: #f9fafb; color: #4d5259 } .btn-purple { background-color: #926dde; border-color: #926dde; color: #fff } .btn-purple:hover { background-color: #a282e3; border-color: #a282e3; color: #fff } .btn-purple:focus, .btn-purple.focus { color: #fff } .btn-purple.disabled, .btn-purple:disabled { background-color: #926dde; border-color: #926dde; opacity: 0.5 } .btn-purple:not([disabled]):not(.disabled).active, .btn-purple:not([disabled]):not(.disabled):active, .show > .btn-purple.dropdown-toggle { background-color: #8258d9; border-color: #8258d9; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-pink { background-color: #f96197; border-color: #f96197; color: #fff } .btn-pink:hover { background-color: #fa75a4; border-color: #fa75a4; color: #fff } .btn-pink:focus, .btn-pink.focus { color: #fff } .btn-pink.disabled, .btn-pink:disabled { background-color: #f96197; border-color: #f96197; opacity: 0.5 } .btn-pink:not([disabled]):not(.disabled).active, .btn-pink:not([disabled]):not(.disabled):active, .show > .btn-pink.dropdown-toggle { background-color: #f84d8a; border-color: #f84d8a; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-cyan { background-color: #57c7d4; border-color: #57c7d4; color: #fff } .btn-cyan:hover { background-color: #77d2dc; border-color: #77d2dc; color: #fff } .btn-cyan:focus, .btn-cyan.focus { color: #fff } .btn-cyan.disabled, .btn-cyan:disabled { background-color: #57c7d4; border-color: #57c7d4; opacity: 0.5 } .btn-cyan:not([disabled]):not(.disabled).active, .btn-cyan:not([disabled]):not(.disabled):active, .show > .btn-cyan.dropdown-toggle { background-color: #37bccc; border-color: #37bccc; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-yellow { background-color: #fcc525; border-color: #fcc525; color: #fff } .btn-yellow:hover { background-color: #fdd04d; border-color: #fdd04d; color: #fff } .btn-yellow:focus, .btn-yellow.focus { color: #fff } .btn-yellow.disabled, .btn-yellow:disabled { background-color: #fcc525; border-color: #fcc525; opacity: 0.5 } .btn-yellow:not([disabled]):not(.disabled).active, .btn-yellow:not([disabled]):not(.disabled):active, .show > .btn-yellow.dropdown-toggle { background-color: #f5b703; border-color: #f5b703; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-brown { background-color: #8d6658; border-color: #8d6658; color: #fff } .btn-brown:hover { background-color: #9d7162; border-color: #9d7162; color: #fff } .btn-brown:focus, .btn-brown.focus { color: #fff } .btn-brown.disabled, .btn-brown:disabled { background-color: #8d6658; border-color: #8d6658; opacity: 0.5 } .btn-brown:not([disabled]):not(.disabled).active, .btn-brown:not([disabled]):not(.disabled):active, .show > .btn-brown.dropdown-toggle { background-color: #7d5b4e; border-color: #7d5b4e; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-dark { background-color: #465161; border-color: #465161; color: #fff } .btn-dark:hover { background-color: #515d70; border-color: #515d70; color: #fff } .btn-dark:focus, .btn-dark.focus { color: #fff } .btn-dark.disabled, .btn-dark:disabled { background-color: #465161; border-color: #465161; opacity: 0.5 } .btn-dark:not([disabled]):not(.disabled).active, .btn-dark:not([disabled]):not(.disabled):active, .show > .btn-dark.dropdown-toggle { background-color: #3b4552; border-color: #3b4552; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-facebook { background-color: #3b5998; border-color: #3b5998; color: #fff } .btn-facebook:hover { background-color: #466ab5; border-color: #466ab5; color: #fff } .btn-facebook:focus, .btn-facebook.focus { color: #fff } .btn-facebook.disabled, .btn-facebook:disabled { background-color: #3b5998; border-color: #3b5998; opacity: 0.5 } .btn-facebook:not([disabled]):not(.disabled).active, .btn-facebook:not([disabled]):not(.disabled):active, .show > .btn-facebook.dropdown-toggle { background-color: #30487b; border-color: #30487b; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-google { background-color: #dd4b39; border-color: #dd4b39; color: #fff } .btn-google:hover { background-color: #e36b5c; border-color: #e36b5c; color: #fff } .btn-google:focus, .btn-google.focus { color: #fff } .btn-google.disabled, .btn-google:disabled { background-color: #dd4b39; border-color: #dd4b39; opacity: 0.5 } .btn-google:not([disabled]):not(.disabled).active, .btn-google:not([disabled]):not(.disabled):active, .show > .btn-google.dropdown-toggle { background-color: #ca3523; border-color: #ca3523; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-twitter { background-color: #00aced; border-color: #00aced; color: #fff } .btn-twitter:hover { background-color: #17bfff; border-color: #17bfff; color: #fff } .btn-twitter:focus, .btn-twitter.focus { color: #fff } .btn-twitter.disabled, .btn-twitter:disabled { background-color: #00aced; border-color: #00aced; opacity: 0.5 } .btn-twitter:not([disabled]):not(.disabled).active, .btn-twitter:not([disabled]):not(.disabled):active, .show > .btn-twitter.dropdown-toggle { background-color: #008ec4; border-color: #008ec4; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-linkedin { background-color: #007bb6; border-color: #007bb6; color: #fff } .btn-linkedin:hover { background-color: #0097df; border-color: #0097df; color: #fff } .btn-linkedin:focus, .btn-linkedin.focus { color: #fff } .btn-linkedin.disabled, .btn-linkedin:disabled { background-color: #007bb6; border-color: #007bb6; opacity: 0.5 } .btn-linkedin:not([disabled]):not(.disabled).active, .btn-linkedin:not([disabled]):not(.disabled):active, .show > .btn-linkedin.dropdown-toggle { background-color: #005f8d; border-color: #005f8d; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-pinterest { background-color: #cb2027; border-color: #cb2027; color: #fff } .btn-pinterest:hover { background-color: #df353c; border-color: #df353c; color: #fff } .btn-pinterest:focus, .btn-pinterest.focus { color: #fff } .btn-pinterest.disabled, .btn-pinterest:disabled { background-color: #cb2027; border-color: #cb2027; opacity: 0.5 } .btn-pinterest:not([disabled]):not(.disabled).active, .btn-pinterest:not([disabled]):not(.disabled):active, .show > .btn-pinterest.dropdown-toggle { background-color: #a81a20; border-color: #a81a20; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-git { background-color: #666; border-color: #666; color: #fff } .btn-git:hover { background-color: #7a7a7a; border-color: #7a7a7a; color: #fff } .btn-git:focus, .btn-git.focus { color: #fff } .btn-git.disabled, .btn-git:disabled { background-color: #666; border-color: #666; opacity: 0.5 } .btn-git:not([disabled]):not(.disabled).active, .btn-git:not([disabled]):not(.disabled):active, .show > .btn-git.dropdown-toggle { background-color: #525252; border-color: #525252; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-tumblr { background-color: #32506d; border-color: #32506d; color: #fff } .btn-tumblr:hover { background-color: #3f6589; border-color: #3f6589; color: #fff } .btn-tumblr:focus, .btn-tumblr.focus { color: #fff } .btn-tumblr.disabled, .btn-tumblr:disabled { background-color: #32506d; border-color: #32506d; opacity: 0.5 } .btn-tumblr:not([disabled]):not(.disabled).active, .btn-tumblr:not([disabled]):not(.disabled):active, .show > .btn-tumblr.dropdown-toggle { background-color: #253b51; border-color: #253b51; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-vimeo { background-color: #aad450; border-color: #aad450; color: #fff } .btn-vimeo:hover { background-color: #badc71; border-color: #badc71; color: #fff } .btn-vimeo:focus, .btn-vimeo.focus { color: #fff } .btn-vimeo.disabled, .btn-vimeo:disabled { background-color: #aad450; border-color: #aad450; opacity: 0.5 } .btn-vimeo:not([disabled]):not(.disabled).active, .btn-vimeo:not([disabled]):not(.disabled):active, .show > .btn-vimeo.dropdown-toggle { background-color: #99ca32; border-color: #99ca32; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-youtube { background-color: #b00; border-color: #b00; color: #fff } .btn-youtube:hover { background-color: #e40000; border-color: #e40000; color: #fff } .btn-youtube:focus, .btn-youtube.focus { color: #fff } .btn-youtube.disabled, .btn-youtube:disabled { background-color: #b00; border-color: #b00; opacity: 0.5 } .btn-youtube:not([disabled]):not(.disabled).active, .btn-youtube:not([disabled]):not(.disabled):active, .show > .btn-youtube.dropdown-toggle { background-color: #920000; border-color: #920000; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-flickr { background-color: #ff0084; border-color: #ff0084; color: #fff } .btn-flickr:hover { background-color: #ff2998; border-color: #ff2998; color: #fff } .btn-flickr:focus, .btn-flickr.focus { color: #fff } .btn-flickr.disabled, .btn-flickr:disabled { background-color: #ff0084; border-color: #ff0084; opacity: 0.5 } .btn-flickr:not([disabled]):not(.disabled).active, .btn-flickr:not([disabled]):not(.disabled):active, .show > .btn-flickr.dropdown-toggle { background-color: #d6006f; border-color: #d6006f; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-reddit { background-color: #ff4500; border-color: #ff4500; color: #fff } .btn-reddit:hover { background-color: #ff6329; border-color: #ff6329; color: #fff } .btn-reddit:focus, .btn-reddit.focus { color: #fff } .btn-reddit.disabled, .btn-reddit:disabled { background-color: #ff4500; border-color: #ff4500; opacity: 0.5 } .btn-reddit:not([disabled]):not(.disabled).active, .btn-reddit:not([disabled]):not(.disabled):active, .show > .btn-reddit.dropdown-toggle { background-color: #d63a00; border-color: #d63a00; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-dribbble { background-color: #ea4c89; border-color: #ea4c89; color: #fff } .btn-dribbble:hover { background-color: #ee71a1; border-color: #ee71a1; color: #fff } .btn-dribbble:focus, .btn-dribbble.focus { color: #fff } .btn-dribbble.disabled, .btn-dribbble:disabled { background-color: #ea4c89; border-color: #ea4c89; opacity: 0.5 } .btn-dribbble:not([disabled]):not(.disabled).active, .btn-dribbble:not([disabled]):not(.disabled):active, .show > .btn-dribbble.dropdown-toggle { background-color: #e62771; border-color: #e62771; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-skype { background-color: #00aff0; border-color: #00aff0; color: #fff } .btn-skype:hover { background-color: #1ac1ff; border-color: #1ac1ff; color: #fff } .btn-skype:focus, .btn-skype.focus { color: #fff } .btn-skype.disabled, .btn-skype:disabled { background-color: #00aff0; border-color: #00aff0; opacity: 0.5 } .btn-skype:not([disabled]):not(.disabled).active, .btn-skype:not([disabled]):not(.disabled):active, .show > .btn-skype.dropdown-toggle { background-color: #0091c7; border-color: #0091c7; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-instagram { background-color: #517fa4; border-color: #517fa4; color: #fff } .btn-instagram:hover { background-color: #6993b5; border-color: #6993b5; color: #fff } .btn-instagram:focus, .btn-instagram.focus { color: #fff } .btn-instagram.disabled, .btn-instagram:disabled { background-color: #517fa4; border-color: #517fa4; opacity: 0.5 } .btn-instagram:not([disabled]):not(.disabled).active, .btn-instagram:not([disabled]):not(.disabled):active, .show > .btn-instagram.dropdown-toggle { background-color: #446a89; border-color: #446a89; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-lastfm { background-color: #c3000d; border-color: #c3000d; color: #fff } .btn-lastfm:hover { background-color: #ec0010; border-color: #ec0010; color: #fff } .btn-lastfm:focus, .btn-lastfm.focus { color: #fff } .btn-lastfm.disabled, .btn-lastfm:disabled { background-color: #c3000d; border-color: #c3000d; opacity: 0.5 } .btn-lastfm:not([disabled]):not(.disabled).active, .btn-lastfm:not([disabled]):not(.disabled):active, .show > .btn-lastfm.dropdown-toggle { background-color: #9a000a; border-color: #9a000a; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-behance { background-color: #1769ff; border-color: #1769ff; color: #fff } .btn-behance:hover { background-color: #4083ff; border-color: #4083ff; color: #fff } .btn-behance:focus, .btn-behance.focus { color: #fff } .btn-behance.disabled, .btn-behance:disabled { background-color: #1769ff; border-color: #1769ff; opacity: 0.5 } .btn-behance:not([disabled]):not(.disabled).active, .btn-behance:not([disabled]):not(.disabled):active, .show > .btn-behance.dropdown-toggle { background-color: #0054ed; border-color: #0054ed; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-rss { background-color: #f26522; border-color: #f26522; color: #fff } .btn-rss:hover { background-color: #f48049; border-color: #f48049; color: #fff } .btn-rss:focus, .btn-rss.focus { color: #fff } .btn-rss.disabled, .btn-rss:disabled { background-color: #f26522; border-color: #f26522; opacity: 0.5 } .btn-rss:not([disabled]):not(.disabled).active, .btn-rss:not([disabled]):not(.disabled):active, .show > .btn-rss.dropdown-toggle { background-color: #de500d; border-color: #de500d; color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-primary-outline { color: #33cabb; background-color: transparent; border-color: #33cabb } .btn-primary-outline:hover { color: #fff; background-color: #33cabb; border-color: #33cabb } .btn-primary-outline:not([disabled]):not(.disabled).active, .btn-primary-outline:not([disabled]):not(.disabled):active, .show > .btn-primary-outline.dropdown-toggle { background-color: #2ba99d; border-color: #2ba99d; -webkit-box-shadow: none; box-shadow: none } .btn-success-outline { color: #15c377; background-color: transparent; border-color: #15c377 } .btn-success-outline:hover { color: #fff; background-color: #15c377; border-color: #15c377 } .btn-success-outline:not([disabled]):not(.disabled).active, .btn-success-outline:not([disabled]):not(.disabled):active, .show > .btn-success-outline.dropdown-toggle { background-color: #12a766; border-color: #12a766; -webkit-box-shadow: none; box-shadow: none } .btn-info-outline { color: #48b0f7; background-color: transparent; border-color: #48b0f7 } .btn-info-outline:hover { color: #fff; background-color: #48b0f7; border-color: #48b0f7 } .btn-info-outline:not([disabled]):not(.disabled).active, .btn-info-outline:not([disabled]):not(.disabled):active, .show > .btn-info-outline.dropdown-toggle { background-color: #2ba3f6; border-color: #2ba3f6; -webkit-box-shadow: none; box-shadow: none } .btn-warning-outline { color: #faa64b; background-color: transparent; border-color: #faa64b } .btn-warning-outline:hover { color: #fff; background-color: #faa64b; border-color: #faa64b } .btn-warning-outline:not([disabled]):not(.disabled).active, .btn-warning-outline:not([disabled]):not(.disabled):active, .show > .btn-warning-outline.dropdown-toggle { background-color: #f99a32; border-color: #f99a32; -webkit-box-shadow: none; box-shadow: none } .btn-danger-outline { color: #f96868; background-color: transparent; border-color: #f96868 } .btn-danger-outline:hover { color: #fff; background-color: #f96868; border-color: #f96868 } .btn-danger-outline:not([disabled]):not(.disabled).active, .btn-danger-outline:not([disabled]):not(.disabled):active, .show > .btn-danger-outline.dropdown-toggle { background-color: #f84f4f; border-color: #f84f4f; -webkit-box-shadow: none; box-shadow: none } .btn-secondary-outline { color: #e4e7ea; background-color: transparent; border-color: #e4e7ea } .btn-secondary-outline:hover { color: #fff; background-color: #e4e7ea; border-color: #e4e7ea } .btn-secondary-outline:not([disabled]):not(.disabled).active, .btn-secondary-outline:not([disabled]):not(.disabled):active, .show > .btn-secondary-outline.dropdown-toggle { background-color: #dbdfe3; border-color: #dbdfe3; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-primary { color: #33cabb; background-color: transparent; border-color: #33cabb } .btn-outline.btn-primary:hover { color: #fff; background-color: #33cabb; border-color: #33cabb } .btn-outline.btn-primary:not([disabled]):not(.disabled).active, .btn-outline.btn-primary:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-primary.dropdown-toggle { background-color: #2ba99d; border-color: #2ba99d; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-success { color: #15c377; background-color: transparent; border-color: #15c377 } .btn-outline.btn-success:hover { color: #fff; background-color: #15c377; border-color: #15c377 } .btn-outline.btn-success:not([disabled]):not(.disabled).active, .btn-outline.btn-success:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-success.dropdown-toggle { background-color: #12a766; border-color: #12a766; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-info { color: #48b0f7; background-color: transparent; border-color: #48b0f7 } .btn-outline.btn-info:hover { color: #fff; background-color: #48b0f7; border-color: #48b0f7 } .btn-outline.btn-info:not([disabled]):not(.disabled).active, .btn-outline.btn-info:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-info.dropdown-toggle { background-color: #2ba3f6; border-color: #2ba3f6; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-warning { color: #faa64b; background-color: transparent; border-color: #faa64b } .btn-outline.btn-warning:hover { color: #fff; background-color: #faa64b; border-color: #faa64b } .btn-outline.btn-warning:not([disabled]):not(.disabled).active, .btn-outline.btn-warning:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-warning.dropdown-toggle { background-color: #f99a32; border-color: #f99a32; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-danger { color: #f96868; background-color: transparent; border-color: #f96868 } .btn-outline.btn-danger:hover { color: #fff; background-color: #f96868; border-color: #f96868 } .btn-outline.btn-danger:not([disabled]):not(.disabled).active, .btn-outline.btn-danger:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-danger.dropdown-toggle { background-color: #f84f4f; border-color: #f84f4f; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-secondary { color: #e4e7ea; background-color: transparent; border-color: #e4e7ea } .btn-outline.btn-secondary:hover { color: #fff; background-color: #e4e7ea; border-color: #e4e7ea } .btn-outline.btn-secondary:not([disabled]):not(.disabled).active, .btn-outline.btn-secondary:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-secondary.dropdown-toggle { background-color: #dbdfe3; border-color: #dbdfe3; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-light { color: #fff; background-color: transparent; border-color: #fff } .btn-outline.btn-light:hover { color: #fff; background-color: #fff; border-color: #fff } .btn-outline.btn-light:not([disabled]):not(.disabled).active, .btn-outline.btn-light:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-light.dropdown-toggle { background-color: #f2f2f2; border-color: #f2f2f2; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-purple { color: #926dde; background-color: transparent; border-color: #926dde } .btn-outline.btn-purple:hover { color: #fff; background-color: #926dde; border-color: #926dde } .btn-outline.btn-purple:not([disabled]):not(.disabled).active, .btn-outline.btn-purple:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-purple.dropdown-toggle { background-color: #8258d9; border-color: #8258d9; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-pink { color: #f96197; background-color: transparent; border-color: #f96197 } .btn-outline.btn-pink:hover { color: #fff; background-color: #f96197; border-color: #f96197 } .btn-outline.btn-pink:not([disabled]):not(.disabled).active, .btn-outline.btn-pink:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-pink.dropdown-toggle { background-color: #f84d8a; border-color: #f84d8a; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-cyan { color: #57c7d4; background-color: transparent; border-color: #57c7d4 } .btn-outline.btn-cyan:hover { color: #fff; background-color: #57c7d4; border-color: #57c7d4 } .btn-outline.btn-cyan:not([disabled]):not(.disabled).active, .btn-outline.btn-cyan:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-cyan.dropdown-toggle { background-color: #37bccc; border-color: #37bccc; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-yellow { color: #fcc525; background-color: transparent; border-color: #fcc525 } .btn-outline.btn-yellow:hover { color: #fff; background-color: #fcc525; border-color: #fcc525 } .btn-outline.btn-yellow:not([disabled]):not(.disabled).active, .btn-outline.btn-yellow:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-yellow.dropdown-toggle { background-color: #f5b703; border-color: #f5b703; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-brown { color: #8d6658; background-color: transparent; border-color: #8d6658 } .btn-outline.btn-brown:hover { color: #fff; background-color: #8d6658; border-color: #8d6658 } .btn-outline.btn-brown:not([disabled]):not(.disabled).active, .btn-outline.btn-brown:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-brown.dropdown-toggle { background-color: #7d5b4e; border-color: #7d5b4e; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-dark { color: #465161; background-color: transparent; border-color: #465161 } .btn-outline.btn-dark:hover { color: #fff; background-color: #465161; border-color: #465161 } .btn-outline.btn-dark:not([disabled]):not(.disabled).active, .btn-outline.btn-dark:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-dark.dropdown-toggle { background-color: #3b4552; border-color: #3b4552; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-light:hover { color: #4d5259 } .btn-outline.btn-facebook { color: #3b5998; background-color: transparent; border-color: #3b5998 } .btn-outline.btn-facebook:hover { color: #fff; background-color: #3b5998; border-color: #3b5998 } .btn-outline.btn-facebook:not([disabled]):not(.disabled).active, .btn-outline.btn-facebook:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-facebook.dropdown-toggle { background-color: #30487b; border-color: #30487b; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-google { color: #dd4b39; background-color: transparent; border-color: #dd4b39 } .btn-outline.btn-google:hover { color: #fff; background-color: #dd4b39; border-color: #dd4b39 } .btn-outline.btn-google:not([disabled]):not(.disabled).active, .btn-outline.btn-google:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-google.dropdown-toggle { background-color: #ca3523; border-color: #ca3523; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-twitter { color: #00aced; background-color: transparent; border-color: #00aced } .btn-outline.btn-twitter:hover { color: #fff; background-color: #00aced; border-color: #00aced } .btn-outline.btn-twitter:not([disabled]):not(.disabled).active, .btn-outline.btn-twitter:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-twitter.dropdown-toggle { background-color: #008ec4; border-color: #008ec4; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-linkedin { color: #007bb6; background-color: transparent; border-color: #007bb6 } .btn-outline.btn-linkedin:hover { color: #fff; background-color: #007bb6; border-color: #007bb6 } .btn-outline.btn-linkedin:not([disabled]):not(.disabled).active, .btn-outline.btn-linkedin:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-linkedin.dropdown-toggle { background-color: #005f8d; border-color: #005f8d; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-pinterest { color: #cb2027; background-color: transparent; border-color: #cb2027 } .btn-outline.btn-pinterest:hover { color: #fff; background-color: #cb2027; border-color: #cb2027 } .btn-outline.btn-pinterest:not([disabled]):not(.disabled).active, .btn-outline.btn-pinterest:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-pinterest.dropdown-toggle { background-color: #a81a20; border-color: #a81a20; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-git { color: #666; background-color: transparent; border-color: #666 } .btn-outline.btn-git:hover { color: #fff; background-color: #666; border-color: #666 } .btn-outline.btn-git:not([disabled]):not(.disabled).active, .btn-outline.btn-git:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-git.dropdown-toggle { background-color: #525252; border-color: #525252; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-tumblr { color: #32506d; background-color: transparent; border-color: #32506d } .btn-outline.btn-tumblr:hover { color: #fff; background-color: #32506d; border-color: #32506d } .btn-outline.btn-tumblr:not([disabled]):not(.disabled).active, .btn-outline.btn-tumblr:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-tumblr.dropdown-toggle { background-color: #253b51; border-color: #253b51; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-vimeo { color: #aad450; background-color: transparent; border-color: #aad450 } .btn-outline.btn-vimeo:hover { color: #fff; background-color: #aad450; border-color: #aad450 } .btn-outline.btn-vimeo:not([disabled]):not(.disabled).active, .btn-outline.btn-vimeo:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-vimeo.dropdown-toggle { background-color: #99ca32; border-color: #99ca32; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-youtube { color: #b00; background-color: transparent; border-color: #b00 } .btn-outline.btn-youtube:hover { color: #fff; background-color: #b00; border-color: #b00 } .btn-outline.btn-youtube:not([disabled]):not(.disabled).active, .btn-outline.btn-youtube:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-youtube.dropdown-toggle { background-color: #920000; border-color: #920000; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-flickr { color: #ff0084; background-color: transparent; border-color: #ff0084 } .btn-outline.btn-flickr:hover { color: #fff; background-color: #ff0084; border-color: #ff0084 } .btn-outline.btn-flickr:not([disabled]):not(.disabled).active, .btn-outline.btn-flickr:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-flickr.dropdown-toggle { background-color: #d6006f; border-color: #d6006f; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-reddit { color: #ff4500; background-color: transparent; border-color: #ff4500 } .btn-outline.btn-reddit:hover { color: #fff; background-color: #ff4500; border-color: #ff4500 } .btn-outline.btn-reddit:not([disabled]):not(.disabled).active, .btn-outline.btn-reddit:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-reddit.dropdown-toggle { background-color: #d63a00; border-color: #d63a00; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-dribbble { color: #ea4c89; background-color: transparent; border-color: #ea4c89 } .btn-outline.btn-dribbble:hover { color: #fff; background-color: #ea4c89; border-color: #ea4c89 } .btn-outline.btn-dribbble:not([disabled]):not(.disabled).active, .btn-outline.btn-dribbble:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-dribbble.dropdown-toggle { background-color: #e62771; border-color: #e62771; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-skype { color: #00aff0; background-color: transparent; border-color: #00aff0 } .btn-outline.btn-skype:hover { color: #fff; background-color: #00aff0; border-color: #00aff0 } .btn-outline.btn-skype:not([disabled]):not(.disabled).active, .btn-outline.btn-skype:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-skype.dropdown-toggle { background-color: #0091c7; border-color: #0091c7; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-instagram { color: #517fa4; background-color: transparent; border-color: #517fa4 } .btn-outline.btn-instagram:hover { color: #fff; background-color: #517fa4; border-color: #517fa4 } .btn-outline.btn-instagram:not([disabled]):not(.disabled).active, .btn-outline.btn-instagram:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-instagram.dropdown-toggle { background-color: #446a89; border-color: #446a89; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-lastfm { color: #c3000d; background-color: transparent; border-color: #c3000d } .btn-outline.btn-lastfm:hover { color: #fff; background-color: #c3000d; border-color: #c3000d } .btn-outline.btn-lastfm:not([disabled]):not(.disabled).active, .btn-outline.btn-lastfm:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-lastfm.dropdown-toggle { background-color: #9a000a; border-color: #9a000a; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-behance { color: #1769ff; background-color: transparent; border-color: #1769ff } .btn-outline.btn-behance:hover { color: #fff; background-color: #1769ff; border-color: #1769ff } .btn-outline.btn-behance:not([disabled]):not(.disabled).active, .btn-outline.btn-behance:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-behance.dropdown-toggle { background-color: #0054ed; border-color: #0054ed; -webkit-box-shadow: none; box-shadow: none } .btn-outline.btn-rss { color: #f26522; background-color: transparent; border-color: #f26522 } .btn-outline.btn-rss:hover { color: #fff; background-color: #f26522; border-color: #f26522 } .btn-outline.btn-rss:not([disabled]):not(.disabled).active, .btn-outline.btn-rss:not([disabled]):not(.disabled):active, .show > .btn-outline.btn-rss.dropdown-toggle { background-color: #de500d; border-color: #de500d; -webkit-box-shadow: none; box-shadow: none } .btn-label { position: relative; padding-left: 52px; overflow: hidden } .btn-label label { position: absolute; left: 0; top: 0; bottom: 0; width: 36px; line-height: inherit; padding-top: 5px; padding-bottom: 5px; background-color: rgba(0,0,0,0.1); cursor: pointer; margin-bottom: 0 } .btn-label.btn-xs { padding-left: 32px } .btn-label.btn-xs label { width: 24px } .btn-label.btn-sm { padding-left: 41px } .btn-label.btn-sm label { width: 29px } .btn-label.btn-lg { padding-left: 64px } .btn-label.btn-lg label { width: 48px } .btn-float { display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 56px; height: 56px; padding: 0; margin: 0; font-size: 24px; border-radius: 100%; -webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.15); box-shadow: 0 6px 10px rgba(0,0,0,0.15) } .btn-float.btn-sm { width: 40px; height: 40px; font-size: 16px } .btn-float:active { -webkit-box-shadow: none; box-shadow: none } .btn-sq, .btn-square { padding: 5px; width: 36px; height: 36px } .btn-sq.btn-lg, .btn-square.btn-lg { width: 48px; height: 48px } .btn-sq.btn-sm, .btn-square.btn-sm { width: 29px; height: 29px; line-height: 1.2 } .btn-sq.btn-xs, .btn-square.btn-xs { width: 24px; height: 24px } .btn-pure { background-color: transparent !important; border-color: transparent !important } .btn-pure.btn-primary { color: #33cabb } .btn-pure.btn-primary:hover, .btn-pure.btn-primary:not([disabled]):not(.disabled).active, .btn-pure.btn-primary:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-primary.dropdown-toggle { color: #29a195; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-secondary { color: #e4e7ea } .btn-pure.btn-secondary:hover, .btn-pure.btn-secondary:not([disabled]):not(.disabled).active, .btn-pure.btn-secondary:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-secondary.dropdown-toggle { color: #c7ced4; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-success { color: #15c377 } .btn-pure.btn-success:hover, .btn-pure.btn-success:not([disabled]):not(.disabled).active, .btn-pure.btn-success:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-success.dropdown-toggle { color: #10955b; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-info { color: #48b0f7 } .btn-pure.btn-info:hover, .btn-pure.btn-info:not([disabled]):not(.disabled).active, .btn-pure.btn-info:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-info.dropdown-toggle { color: #179bf5; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-warning { color: #faa64b } .btn-pure.btn-warning:hover, .btn-pure.btn-warning:not([disabled]):not(.disabled).active, .btn-pure.btn-warning:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-warning.dropdown-toggle { color: #f98d19; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-danger { color: #f96868 } .btn-pure.btn-danger:hover, .btn-pure.btn-danger:not([disabled]):not(.disabled).active, .btn-pure.btn-danger:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-danger.dropdown-toggle { color: #f73737; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-pink { color: #f96197 } .btn-pure.btn-pink:hover, .btn-pure.btn-pink:not([disabled]):not(.disabled).active, .btn-pure.btn-pink:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-pink.dropdown-toggle { color: #f73077; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-purple { color: #926dde } .btn-pure.btn-purple:hover, .btn-pure.btn-purple:not([disabled]):not(.disabled).active, .btn-pure.btn-purple:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-purple.dropdown-toggle { color: #7343d5; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-brown { color: #8d6658 } .btn-pure.btn-brown:hover, .btn-pure.btn-brown:not([disabled]):not(.disabled).active, .btn-pure.btn-brown:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-brown.dropdown-toggle { color: #6e4f44; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-cyan { color: #57c7d4 } .btn-pure.btn-cyan:hover, .btn-pure.btn-cyan:not([disabled]):not(.disabled).active, .btn-pure.btn-cyan:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-cyan.dropdown-toggle { color: #33b6c5; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-yellow { color: #fcc525 } .btn-pure.btn-yellow:hover, .btn-pure.btn-yellow:not([disabled]):not(.disabled).active, .btn-pure.btn-yellow:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-yellow.dropdown-toggle { color: #ebb003; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-gray { color: #868e96 } .btn-pure.btn-gray:hover, .btn-pure.btn-gray:not([disabled]):not(.disabled).active, .btn-pure.btn-gray:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-gray.dropdown-toggle { color: #6c757d; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-dark { color: #465161 } .btn-pure.btn-dark:hover, .btn-pure.btn-dark:not([disabled]):not(.disabled).active, .btn-pure.btn-dark:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-dark.dropdown-toggle { color: #313843; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-facebook { color: #3b5998 } .btn-pure.btn-facebook:hover, .btn-pure.btn-facebook:not([disabled]):not(.disabled).active, .btn-pure.btn-facebook:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-facebook.dropdown-toggle { color: #2d4373; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-google { color: #dd4b39 } .btn-pure.btn-google:hover, .btn-pure.btn-google:not([disabled]):not(.disabled).active, .btn-pure.btn-google:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-google.dropdown-toggle { color: #c23321; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-twitter { color: #00aced } .btn-pure.btn-twitter:hover, .btn-pure.btn-twitter:not([disabled]):not(.disabled).active, .btn-pure.btn-twitter:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-twitter.dropdown-toggle { color: #0087ba; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-linkedin { color: #007bb6 } .btn-pure.btn-linkedin:hover, .btn-pure.btn-linkedin:not([disabled]):not(.disabled).active, .btn-pure.btn-linkedin:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-linkedin.dropdown-toggle { color: #005983; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-pinterest { color: #cb2027 } .btn-pure.btn-pinterest:hover, .btn-pure.btn-pinterest:not([disabled]):not(.disabled).active, .btn-pure.btn-pinterest:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-pinterest.dropdown-toggle { color: #9f191f; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-git { color: #666 } .btn-pure.btn-git:hover, .btn-pure.btn-git:not([disabled]):not(.disabled).active, .btn-pure.btn-git:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-git.dropdown-toggle { color: #4d4c4c; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-tumblr { color: #32506d } .btn-pure.btn-tumblr:hover, .btn-pure.btn-tumblr:not([disabled]):not(.disabled).active, .btn-pure.btn-tumblr:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-tumblr.dropdown-toggle { color: #22364a; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-vimeo { color: #aad450 } .btn-pure.btn-vimeo:hover, .btn-pure.btn-vimeo:not([disabled]):not(.disabled).active, .btn-pure.btn-vimeo:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-vimeo.dropdown-toggle { color: #93c130; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-youtube { color: #b00 } .btn-pure.btn-youtube:hover, .btn-pure.btn-youtube:not([disabled]):not(.disabled).active, .btn-pure.btn-youtube:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-youtube.dropdown-toggle { color: #800; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-flickr { color: #ff0084 } .btn-pure.btn-flickr:hover, .btn-pure.btn-flickr:not([disabled]):not(.disabled).active, .btn-pure.btn-flickr:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-flickr.dropdown-toggle { color: #cc006a; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-reddit { color: #ff4500 } .btn-pure.btn-reddit:hover, .btn-pure.btn-reddit:not([disabled]):not(.disabled).active, .btn-pure.btn-reddit:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-reddit.dropdown-toggle { color: #cc3700; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-dribbble { color: #ea4c89 } .btn-pure.btn-dribbble:hover, .btn-pure.btn-dribbble:not([disabled]):not(.disabled).active, .btn-pure.btn-dribbble:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-dribbble.dropdown-toggle { color: #e51e6b; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-skype { color: #00aff0 } .btn-pure.btn-skype:hover, .btn-pure.btn-skype:not([disabled]):not(.disabled).active, .btn-pure.btn-skype:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-skype.dropdown-toggle { color: #008abd; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-instagram { color: #517fa4 } .btn-pure.btn-instagram:hover, .btn-pure.btn-instagram:not([disabled]):not(.disabled).active, .btn-pure.btn-instagram:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-instagram.dropdown-toggle { color: #406582; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-lastfm { color: #c3000d } .btn-pure.btn-lastfm:hover, .btn-pure.btn-lastfm:not([disabled]):not(.disabled).active, .btn-pure.btn-lastfm:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-lastfm.dropdown-toggle { color: #90000a; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-behance { color: #1769ff } .btn-pure.btn-behance:hover, .btn-pure.btn-behance:not([disabled]):not(.disabled).active, .btn-pure.btn-behance:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-behance.dropdown-toggle { color: #0050e3; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-rss { color: #f26522 } .btn-pure.btn-rss:hover, .btn-pure.btn-rss:not([disabled]):not(.disabled).active, .btn-pure.btn-rss:not([disabled]):not(.disabled):active, .show > .btn-pure.btn-rss.dropdown-toggle { color: #d54d0d; -webkit-box-shadow: none; box-shadow: none } .btn-flat { position: relative; font-size: 13px; font-family: Roboto,sans-serif; text-transform: uppercase; background-color: #fcfdfe; border: none; border-radius: 0 } .btn-flat:hover { background-color: #f9fafb } .btn-flat svg { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .btn-flat circle { fill: rgba(255,255,255,0.3) } .btn-flat.btn-primary { color: #33cabb } .btn-flat.btn-primary circle { fill: rgba(51,202,187,0.1) } .btn-flat.btn-secondary { color: #e4e7ea } .btn-flat.btn-secondary circle { fill: rgba(228,231,234,0.1) } .btn-flat.btn-success { color: #15c377 } .btn-flat.btn-success circle { fill: rgba(21,195,119,0.1) } .btn-flat.btn-info { color: #48b0f7 } .btn-flat.btn-info circle { fill: rgba(72,176,247,0.1) } .btn-flat.btn-warning { color: #faa64b } .btn-flat.btn-warning circle { fill: rgba(250,166,75,0.1) } .btn-flat.btn-danger { color: #f96868 } .btn-flat.btn-danger circle { fill: rgba(249,104,104,0.1) } .btn-flat.btn-pink { color: #f96197 } .btn-flat.btn-pink circle { fill: rgba(249,97,151,0.1) } .btn-flat.btn-purple { color: #926dde } .btn-flat.btn-purple circle { fill: rgba(146,109,222,0.1) } .btn-flat.btn-brown { color: #8d6658 } .btn-flat.btn-brown circle { fill: rgba(141,102,88,0.1) } .btn-flat.btn-cyan { color: #57c7d4 } .btn-flat.btn-cyan circle { fill: rgba(87,199,212,0.1) } .btn-flat.btn-yellow { color: #fcc525 } .btn-flat.btn-yellow circle { fill: rgba(252,197,37,0.1) } .btn-flat.btn-gray { color: #868e96 } .btn-flat.btn-gray circle { fill: rgba(134,142,150,0.1) } .btn-flat.btn-dark { color: #465161 } .btn-flat.btn-dark circle { fill: rgba(70,81,97,0.1) } .btn-flat.btn-secondary { color: #616a78 } .btn-flat.btn-facebook { color: #3b5998 } .btn-flat.btn-facebook circle { fill: rgba(59,89,152,0.1) } .btn-flat.btn-google { color: #dd4b39 } .btn-flat.btn-google circle { fill: rgba(221,75,57,0.1) } .btn-flat.btn-twitter { color: #00aced } .btn-flat.btn-twitter circle { fill: rgba(0,172,237,0.1) } .btn-flat.btn-linkedin { color: #007bb6 } .btn-flat.btn-linkedin circle { fill: rgba(0,123,182,0.1) } .btn-flat.btn-pinterest { color: #cb2027 } .btn-flat.btn-pinterest circle { fill: rgba(203,32,39,0.1) } .btn-flat.btn-git { color: #666 } .btn-flat.btn-git circle { fill: rgba(102,102,102,0.1) } .btn-flat.btn-tumblr { color: #32506d } .btn-flat.btn-tumblr circle { fill: rgba(50,80,109,0.1) } .btn-flat.btn-vimeo { color: #aad450 } .btn-flat.btn-vimeo circle { fill: rgba(170,212,80,0.1) } .btn-flat.btn-youtube { color: #b00 } .btn-flat.btn-youtube circle { fill: rgba(187,0,0,0.1) } .btn-flat.btn-flickr { color: #ff0084 } .btn-flat.btn-flickr circle { fill: rgba(255,0,132,0.1) } .btn-flat.btn-reddit { color: #ff4500 } .btn-flat.btn-reddit circle { fill: rgba(255,69,0,0.1) } .btn-flat.btn-dribbble { color: #ea4c89 } .btn-flat.btn-dribbble circle { fill: rgba(234,76,137,0.1) } .btn-flat.btn-skype { color: #00aff0 } .btn-flat.btn-skype circle { fill: rgba(0,175,240,0.1) } .btn-flat.btn-instagram { color: #517fa4 } .btn-flat.btn-instagram circle { fill: rgba(81,127,164,0.1) } .btn-flat.btn-lastfm { color: #c3000d } .btn-flat.btn-lastfm circle { fill: rgba(195,0,13,0.1) } .btn-flat.btn-behance { color: #1769ff } .btn-flat.btn-behance circle { fill: rgba(23,105,255,0.1) } .btn-flat.btn-rss { color: #f26522 } .btn-flat.btn-rss circle { fill: rgba(242,101,34,0.1) } .btn-multiline { padding-top: 15px; padding-bottom: 5px } .btn-group, .btn-group-vertical { vertical-align: initial } .btn-group .btn i { vertical-align: middle } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 2px } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 2px } .btn-spacer .btn + .btn { margin-left: 8px } .btn-group-justified { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between } .btn-group-justified .btn { width: 100% } .btn-group-round .btn:first-child { border-top-left-radius: 10rem; border-bottom-left-radius: 10rem } .btn-group-round .btn:last-child { border-top-right-radius: 10rem; border-bottom-right-radius: 10rem } .fab { position: relative; display: inline-block; z-index: 9 } .fab > .btn { position: relative; z-index: 1 } .fab-fixed { position: fixed; right: 40px; bottom: 40px } .fab-buttons { position: absolute; bottom: 64px; right: 8px; list-style: none; margin: 0; padding: 0; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse } .fab-buttons li { padding: 4px 0; text-align: right; opacity: 0; -webkit-transition: .4s; transition: .4s } .fab-buttons li:nth-child(1) { -webkit-transform: translateY(103%); transform: translateY(103%) } .fab-buttons li:nth-child(2) { -webkit-transform: translateY(206%); transform: translateY(206%) } .fab-buttons li:nth-child(3) { -webkit-transform: translateY(309%); transform: translateY(309%) } .fab-buttons li:nth-child(4) { -webkit-transform: translateY(412%); transform: translateY(412%) } .fab-buttons li:nth-child(5) { -webkit-transform: translateY(515%); transform: translateY(515%) } .fab-buttons li:nth-child(6) { -webkit-transform: translateY(618%); transform: translateY(618%) } .fab-buttons li:nth-child(7) { -webkit-transform: translateY(721%); transform: translateY(721%) } .fab-buttons li:nth-child(8) { -webkit-transform: translateY(824%); transform: translateY(824%) } .fab-buttons li:nth-child(9) { -webkit-transform: translateY(927%); transform: translateY(927%) } .fab-icon-default, .fab-icon-active { display: inline-block; position: absolute; left: 50%; top: 50%; opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transition: .5s; transition: .5s } .fab-icon-active { opacity: 0; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0) } .fab > .btn.active .fab-icon-default { opacity: 0; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0) } .fab > .btn.active .fab-icon-active { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1) } .fab > .btn.active + .fab-buttons li { opacity: 1; -webkit-transform: translate(0); transform: translate(0) } .fab-dir-bottom .fab-buttons { top: 64px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column } .fab-dir-bottom .fab-buttons li:nth-child(1) { -webkit-transform: translateY(-103%); transform: translateY(-103%) } .fab-dir-bottom .fab-buttons li:nth-child(2) { -webkit-transform: translateY(-206%); transform: translateY(-206%) } .fab-dir-bottom .fab-buttons li:nth-child(3) { -webkit-transform: translateY(-309%); transform: translateY(-309%) } .fab-dir-bottom .fab-buttons li:nth-child(4) { -webkit-transform: translateY(-412%); transform: translateY(-412%) } .fab-dir-bottom .fab-buttons li:nth-child(5) { -webkit-transform: translateY(-515%); transform: translateY(-515%) } .fab-dir-bottom .fab-buttons li:nth-child(6) { -webkit-transform: translateY(-618%); transform: translateY(-618%) } .fab-dir-bottom .fab-buttons li:nth-child(7) { -webkit-transform: translateY(-721%); transform: translateY(-721%) } .fab-dir-bottom .fab-buttons li:nth-child(8) { -webkit-transform: translateY(-824%); transform: translateY(-824%) } .fab-dir-bottom .fab-buttons li:nth-child(9) { -webkit-transform: translateY(-927%); transform: translateY(-927%) } .fab-dir-left .fab-buttons { top: 0; right: 64px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse } .fab-dir-left .fab-buttons li { padding: 8px 4px } .fab-dir-left .fab-buttons li:nth-child(1) { -webkit-transform: translateX(103%); transform: translateX(103%) } .fab-dir-left .fab-buttons li:nth-child(2) { -webkit-transform: translateX(206%); transform: translateX(206%) } .fab-dir-left .fab-buttons li:nth-child(3) { -webkit-transform: translateX(309%); transform: translateX(309%) } .fab-dir-left .fab-buttons li:nth-child(4) { -webkit-transform: translateX(412%); transform: translateX(412%) } .fab-dir-left .fab-buttons li:nth-child(5) { -webkit-transform: translateX(515%); transform: translateX(515%) } .fab-dir-left .fab-buttons li:nth-child(6) { -webkit-transform: translateX(618%); transform: translateX(618%) } .fab-dir-left .fab-buttons li:nth-child(7) { -webkit-transform: translateX(721%); transform: translateX(721%) } .fab-dir-left .fab-buttons li:nth-child(8) { -webkit-transform: translateX(824%); transform: translateX(824%) } .fab-dir-left .fab-buttons li:nth-child(9) { -webkit-transform: translateX(927%); transform: translateX(927%) } .fab-dir-right .fab-buttons { top: 0; left: 64px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row } .fab-dir-right .fab-buttons li { padding: 8px 4px } .fab-dir-right .fab-buttons li:nth-child(1) { -webkit-transform: translateX(-103%); transform: translateX(-103%) } .fab-dir-right .fab-buttons li:nth-child(2) { -webkit-transform: translateX(-206%); transform: translateX(-206%) } .fab-dir-right .fab-buttons li:nth-child(3) { -webkit-transform: translateX(-309%); transform: translateX(-309%) } .fab-dir-right .fab-buttons li:nth-child(4) { -webkit-transform: translateX(-412%); transform: translateX(-412%) } .fab-dir-right .fab-buttons li:nth-child(5) { -webkit-transform: translateX(-515%); transform: translateX(-515%) } .fab-dir-right .fab-buttons li:nth-child(6) { -webkit-transform: translateX(-618%); transform: translateX(-618%) } .fab-dir-right .fab-buttons li:nth-child(7) { -webkit-transform: translateX(-721%); transform: translateX(-721%) } .fab-dir-right .fab-buttons li:nth-child(8) { -webkit-transform: translateX(-824%); transform: translateX(-824%) } .fab-dir-right .fab-buttons li:nth-child(9) { -webkit-transform: translateX(-927%); transform: translateX(-927%) } .form-type-material.form-control, .form-type-material .form-control { border-color: transparent; padding-left: 0; padding-right: 10px; -webkit-background-size: 0 2px, 100% 1px; background-size: 0 2px, 100% 1px; background-repeat: no-repeat; background-position: center bottom,center calc(100% - 1px); background-image: -webkit-gradient(linear, left top, left bottom, from(#33cabb), to(#33cabb)),-webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#ebebeb)); background-image: -webkit-linear-gradient(#33cabb, #33cabb),-webkit-linear-gradient(#ebebeb, #ebebeb); background-image: linear-gradient(#33cabb, #33cabb),linear-gradient(#ebebeb, #ebebeb); -webkit-transition: background 0.3s; transition: background 0.3s; } .form-type-material.form-control:focus, .form-type-material.form-control.focus, .form-type-material .form-control:focus, .form-type-material .form-control.focus { -webkit-background-size: 100% 2px, 100% 1px; background-size: 100% 2px, 100% 1px; border-color: transparent; -webkit-box-shadow: none; box-shadow: none } .form-type-material.form-control:disabled, .form-type-material.form-control[readonly], .form-type-material .form-control:disabled, .form-type-material .form-control[readonly] { background-color: #fff; opacity: 0.7; } .form-type-material.form-control.form-control-sm ~ label, .form-type-material .form-control.form-control-sm ~ label { font-size: 80% } .form-type-material.form-control.form-control-lg ~ label, .form-type-material .form-control.form-control-lg ~ label { font-size: 120% } .form-type-material.form-group, .form-type-material .form-group { position: relative; padding-top: 10px; margin-bottom: 20px } .form-type-material.form-group label:not(.custom-control-label):not(.switch), .form-type-material .form-group label:not(.custom-control-label):not(.switch) { position: absolute; right: 9px; top: 22px; font-size: 12px; font-weight: 400; padding: 0; pointer-events: none; white-space: nowrap; -webkit-transition: 0.3s; transition: 0.3s; } .form-type-material.form-group .form-control-lg ~ label, .form-type-material .form-group .form-control-lg ~ label { top: 20px } .form-type-material.input-group, .form-type-material .input-group { position: relative; padding-top: 10px } .form-type-material.input-group label:not(.custom-control-label), .form-type-material .input-group label:not(.custom-control-label) { position: absolute; left: 0; top: 8px !important; font-weight: 300; padding: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s } .form-type-material.input-group .input-group-text, .form-type-material .input-group .input-group-text { background-color: #fff; border: none; color: #8b95a5 } .form-type-material.input-group .input-group-prepend .btn:last-of-type, .form-type-material .input-group .input-group-prepend .btn:last-of-type { margin-right: 1rem } .form-type-material.input-group .input-group-append .btn:first-of-type, .form-type-material .input-group .input-group-append .btn:first-of-type { margin-left: 1rem } .form-type-material.input-group.input-group-lg label, .form-type-material .input-group.input-group-lg label { font-size: 120%; top: 14px !important } .form-type-material.input-group.input-group-sm label, .form-type-material .input-group.input-group-sm label { font-size: 80%; top: 3px !important } .form-type-material .custom-file-control { border: 0; border-radius: 0; border-bottom: 1px solid #ebebeb; padding-left: 0; padding-right: 0 } .form-type-material .custom-file-control::before { border-radius: 0 } .form-type-material .input-group-input { position: relative; -webkit-box-flex: 1; flex-grow: 1 } .form-type-material .input-group-input .form-control { width: 100% } .form-type-material .input-group-input label { top: 6px !important; z-index: 3 } .form-type-material .input-group-input.do-float label, .form-type-material .input-group-input .label-floated { top: -13px !important } .form-type-material .bootstrap-select .dropdown-toggle { background-color: transparent; border: none; padding-left: 0; -webkit-background-size: 0 2px, 100% 1px; background-size: 0 2px, 100% 1px; background-repeat: no-repeat; background-position: center bottom,center calc(100% - 1px); background-image: -webkit-gradient(linear, left top, left bottom, from(#33cabb), to(#33cabb)),-webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#ebebeb)); background-image: -webkit-linear-gradient(#33cabb, #33cabb),-webkit-linear-gradient(#ebebeb, #ebebeb); background-image: linear-gradient(#33cabb, #33cabb),linear-gradient(#ebebeb, #ebebeb); -webkit-transition: background 0.3s; transition: background 0.3s } .form-type-material .bootstrap-select .dropdown-toggle:focus { background-color: #fff } .form-type-material .bootstrap-select.show .dropdown-toggle { -webkit-background-size: 100% 2px, 100% 1px; background-size: 100% 2px, 100% 1px; border-color: transparent } .form-type-material .bootstrap-select.in .dropdown-toggle { -webkit-background-size: 100% 2px, 100% 1px; background-size: 100% 2px, 100% 1px; border-color: transparent } .form-type-material .bootstrap-select.input-group-btn .dropdown-toggle { margin-top: 0 } .form-type-material .bootstrap-select + label { z-index: 3 } .form-type-material .form-control:focus + label:not(.error), .form-type-material .form-control:valid + label:not(.error), .form-type-material .form-control:disabled + label:not(.error) { top: -7px !important; font-size: 11px !important; font-weight: 400 !important; opacity: .5; } .form-type-material .form-control:focus + label + label, .form-type-material .form-control:valid + label + label { top: -7px !important; font-size: 11px !important; font-weight: 400 !important; opacity: .5; } .form-type-material .form-control + label.error { top: 100% !important; font-size: 11px !important; font-weight: 400 !important; opacity: 1; color: #ff5656; } .lds-roller { display: inline-block; position: relative; width: 64px; height: 64px; } .lds-roller div { animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 32px 32px; } .lds-roller div:after { content: " "; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #cef; margin: -3px 0 0 -3px; } .lds-roller div:nth-child(1) { animation-delay: -0.036s; } .lds-roller div:nth-child(1):after { top: 50px; left: 50px; } .lds-roller div:nth-child(2) { animation-delay: -0.072s; } .lds-roller div:nth-child(2):after { top: 54px; left: 45px; } .lds-roller div:nth-child(3) { animation-delay: -0.108s; } .lds-roller div:nth-child(3):after { top: 57px; left: 39px; } .lds-roller div:nth-child(4) { animation-delay: -0.144s; } .lds-roller div:nth-child(4):after { top: 58px; left: 32px; } .lds-roller div:nth-child(5) { animation-delay: -0.18s; } .lds-roller div:nth-child(5):after { top: 57px; left: 25px; } .lds-roller div:nth-child(6) { animation-delay: -0.216s; } .lds-roller div:nth-child(6):after { top: 54px; left: 19px; } .lds-roller div:nth-child(7) { animation-delay: -0.252s; } .lds-roller div:nth-child(7):after { top: 50px; left: 14px; } .lds-roller div:nth-child(8) { animation-delay: -0.288s; } .lds-roller div:nth-child(8):after { top: 45px; left: 10px; } @keyframes lds-roller { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .courses-grid-v3-page .content-page .taskbar { padding: 0; } #courseStr { height: 44px; display: inherit; background: rgba(83,109,254,0.05); } .form-control { font-size: 0.8rem; } .font-14 { font-size: 14px; } /* -------------------------------------- @Author: ThemeMascot @URL: http://themeforest.net/user/ThemeMascot ----------------------------------------- */ /* * Utility Classes * ----------------------------------------------- */ /* -------- Text Colors ---------- */ /* Text Black & Gray Color*/ .text-black { color: #000 !important; } .text-black-111 { color: #111111 !important; } .text-black-222 { color: #222222 !important; } .text-black-333 { color: #333333 !important; } .text-black-444 { color: #404040 !important; } .text-black-555 { color: #555555 !important; } .text-black-666 { color: #666666 !important; } .text-gray-dimgray { color: #666666 !important; } .text-gray-light { color: #777777 !important; } .text-gray { color: #808080 !important; } .text-gray-darkgray { color: #a9a9a9 !important; } .text-gray-silver { color: #c0c0c0 !important; } .text-gray-lightgray { color: #d3d3d3 !important; } .text-gray-gainsboro { color: #fff !important; } .text-gray-lighter { color: #eeeeee !important; } /* Text White Color*/ .text-white { color: #fff !important; } .text-white-f1 { color: #f1f1f1 !important; } .text-white-f2 { color: #f2f2f2 !important; } .text-white-f3 { color: #f3f3f3 !important; } .text-white-f4 { color: #f4f4f4 !important; } .text-white-f5 { color: #f5f5f5 !important; } .text-white-f6 { color: #f6f6f6 !important; } .text-white-f7 { color: #f7f7f7 !important; } .text-white-f8 { color: #f8f8f8 !important; } .text-white-f9 { color: #f9f9f9 !important; } .text-white-fa { color: #fafafa !important; } .text-white-fc { color: #fcfcfc !important; } .text-white-fd { color: #fdfdfd !important; } .text-white-fe { color: #fefefe !important; } /* -------- Solid Color Background ---------- */ .bg-deep { background-color: #f1f1f1 !important; } .bg-light { background-color: #f5f5f5 !important; } .bg-lighter { background-color: #f7f7f7 !important; } .bg-lightest { background-color: #fcfcfc !important; } .bg-black { background-color: #000 !important; } .divider-dark { background-color: #252525 !important; } footer.bg-deep { background-color: #191919 !important; } .bg-black-111 { background-color: #111111 !important; } .bg-black-222 { background-color: #222222 !important; } .bg-black-333 { background-color: #333333 !important; } .bg-black-444 { background-color: #404040 !important; } .bg-black-555 { background-color: #555555 !important; } .bg-gray-dimgray { background-color: #666666 !important; } .bg-gray-light { background-color: #777777 !important; } .bg-gray { background-color: #808080 !important; } .bg-gray-darkgray { background-color: #a9a9a9 !important; } .bg-gray-silver { background-color: #c0c0c0 !important; } .bg-gray-lightgray { background-color: #d3d3d3 !important; } .bg-gray-gainsboro { background-color: #dcdcdc !important; } .bg-gray-lighter { background-color: #eeeeee !important; } /* Bg White Color*/ .bg-white { background-color: #fff !important; } .bg-white-f1 { background-color: #f1f1f1 !important; } .bg-white-f2 { background-color: #f2f2f2 !important; } .bg-white-f3 { background-color: #f3f3f3 !important; } .bg-white-f4 { background-color: #f4f4f4 !important; } .bg-white-f5 { background-color: #f5f5f5 !important; } .bg-white-f6 { background-color: #f6f6f6 !important; } .bg-white-f7 { background-color: #f7f7f7 !important; } .bg-white-f8 { background-color: #f8f8f8 !important; } .bg-white-f9 { background-color: #f9f9f9 !important; } .bg-white-fa { background-color: #fafafa !important; } .bg-white-fb { background-color: #fbfbfb !important; } .bg-white-fc { background-color: #fcfcfc !important; } .bg-white-fd { background-color: #fdfdfd !important; } .bg-white-fe { background-color: #fefefe !important; } /* -------- Transparent Background Color ---------- */ .bg-white-transparent-9 { background-color: rgba(255, 255, 255, 0.9); } .bg-white-transparent-8 { background-color: rgba(255, 255, 255, 0.8); } .bg-white-transparent-7 { background-color: rgba(255, 255, 255, 0.7); } .bg-white-transparent-6 { background-color: rgba(255, 255, 255, 0.6); } .bg-white-transparent-5 { background-color: rgba(255, 255, 255, 0.5); } .bg-white-transparent-4 { background-color: rgba(255, 255, 255, 0.4); } .bg-white-transparent-3 { background-color: rgba(255, 255, 255, 0.3); } .bg-white-transparent-2 { background-color: rgba(255, 255, 255, 0.2); } .bg-white-transparent-1 { background-color: rgba(255, 255, 255, 0.1); } .bg-dark-transparent-9 { background-color: rgba(0, 0, 0, 0.9); } .bg-dark-transparent-8 { background-color: rgba(0, 0, 0, 0.8); } .bg-dark-transparent-7 { background-color: rgba(0, 0, 0, 0.7); } .bg-dark-transparent-6 { background-color: rgba(0, 0, 0, 0.6); } .bg-dark-transparent-5 { background-color: rgba(0, 0, 0, 0.5); } .bg-dark-transparent-4 { background-color: rgba(0, 0, 0, 0.4); } .bg-dark-transparent-3 { background-color: rgba(0, 0, 0, 0.3); } .bg-dark-transparent-2 { background-color: rgba(0, 0, 0, 0.2); } .bg-dark-transparent-1 { background-color: rgba(0, 0, 0, 0.1); } /* -------- Font Weight ---------- */ .font-weight-100 { font-weight: 100 !important; } .font-weight-200 { font-weight: 200 !important; } .font-weight-300 { font-weight: 300 !important; } .font-weight-400 { font-weight: 400 !important; } .font-weight-500 { font-weight: 500 !important; } .font-weight-600 { font-weight: 600 !important; } .font-weight-700 { font-weight: 700 !important; } .font-weight-800 { font-weight: 800 !important; } .font-weight-900 { font-weight: 900 !important; } /* -------- Font Size ---------- */ .font-9 { font-size: 9px !important; } .font-10 { font-size: 10px !important; } .font-11 { font-size: 11px !important; } .font-12 { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14 { font-size: 14px !important; } .font-15 { font-size: 15px !important; } .font-16 { font-size: 16px !important; } .font-17 { font-size: 17px !important; } .font-18 { font-size: 18px !important; } .font-19 { font-size: 19px !important; } .font-20 { font-size: 20px !important; } .font-21 { font-size: 21px !important; } .font-22 { font-size: 22px !important; } .font-23 { font-size: 23px !important; } .font-24 { font-size: 24px !important; } .font-25 { font-size: 25px !important; } .font-26 { font-size: 26px !important; } .font-27 { font-size: 27px !important; } .font-28 { font-size: 2rem !important; } .font-29 { font-size: 2.07142857rem !important; } .font-30 { font-size: 2.14285714rem !important; } .font-32 { font-size: 2.28571429rem !important; } .font-36 { font-size: 2.57142857rem !important; } .font-38 { font-size: 2.71428571rem !important; } .font-40 { font-size: 2.85714286rem !important; } .font-42 { font-size: 3rem !important; } .font-44 { font-size: 3.14285714rem !important; } .font-46 { font-size: 3.28571429rem !important; } .font-48 { font-size: 3.42857143rem !important; } .font-54 { font-size: 3.85714286rem !important; } .font-60 { font-size: 4.28571429rem !important; } .font-64 { font-size: 4.57142857rem !important; } .font-72 { font-size: 5.14285714rem !important; } .font-78 { font-size: 5.57142857rem !important; } .font-90 { font-size: 6.42857143rem !important; } .font-100 { font-size: 7.14285714rem !important; } .font-150 { font-size: 10.71428571rem !important; } .font-200 { font-size: 14.28571429rem !important; } .table th, .table td { padding: 0.3rem; } .media { padding: 16px 12px; -webkit-transition: background-color .2s linear; transition: background-color .2s linear; } .media > * { margin: 0 8px; } .media-body { min-width: 0; } .media-body > * { margin-bottom: 0; } .media-single { -webkit-box-align: center; align-items: center; } .media-list > .media:not(.media-list-header):not(.media-list-footer) { margin-bottom: 0; } .media-list-hover > .media:not(.media-list-header):not(.media-list-footer):hover { background-color: #f9fafb; } .media-list-divided > .media:not(.media-list-header):not(.media-list-footer) { border-bottom: 1px solid rgba(77,82,89,0.07); } .media-list-divided > .media:not(.media-list-header):not(.media-list-footer):last-child { border-bottom: none; } @media print { body * { visibility: hidden; } } .card { border: 0; border-radius: 0px; margin-bottom: 30px; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.03); box-shadow: 0 5px 3px rgba(0,0,0,0.03); -webkit-transition: .5s; transition: .5s; } .card-title { font-family: Roboto,sans-serif; font-weight: 300; line-height: 1.5; margin-bottom: 0; padding: 15px 20px; border-bottom: 1px solid rgba(77,82,89,0.07); } .card-title strong { font-weight: 400; } h5.card-title { font-size: 15px; } .bt-1 { border-top: 1px solid #ebebeb !important; } .border-light { border-color: #f1f2f3 !important; } .text-fader { color: rgba(77,82,89,0.5) !important; } .w-80px { width: 80px !important; } .w-60px { width: 60px !important; } .fs-10 { font-size: 10px !important; } .fw-500 { font-weight: 500 !important; } .ls-1 { letter-spacing: 1px !important; } .table-separated { border-collapse: separate; border-spacing: 0 0px ; text-align: center !important; } .table-separated.table-striped tbody tr:nth-of-type(odd), .table-separated.table-hover tbody tr:hover { background-color: var(--neutral-50) } .table-separated tbody tr { background-color: var(--surface-card); -webkit-transition: .5s; transition: .5s; } .table-separated tbody tr > *:first-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px } .table-separated tbody tr > *:last-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px } .table-separated tbody tr th, .table-separated tbody tr td { border-top: none; padding: 0.5rem 0.5rem 0.5rem 0.5rem; } .table-separated thead th { border-bottom: none } .table-separated thead tr { justify-content: center; align-items: center; padding: 12px 40px; height: 56px; background: var(--neutral-50); border: 1px solid var(--neutral-150); border-radius: 8px 8px 0px 0px; align-self: stretch; } .table-separated thead th { vertical-align: middle; padding-right: 1rem; border-bottom: 1px solid var(--neutral-150); } .table-separated tr:last-child td { border-bottom: 1px solid var(--neutral-150); } .table-separated tr:last-child td:last-child { border-bottom-left-radius: 8px; } .table-separated tr:last-child td:first-child { border-bottom-right-radius: 8px; } .table-separated td:first-child { border-right: 1px solid var(--neutral-150); } .table-separated td:last-child { border-left: 1px solid var(--neutral-150); } .table-separated thead th:first-child { border-right: 1px solid var(--neutral-150); border-top-right-radius: 8px; } .table-separated thead th:last-child { border-left: 1px solid var(--neutral-150); border-top-left-radius: 8px; } .dataTables_length { text-align: right; } .modal-fill { background: rgba(255,255,255,0.97); -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: .4s; transition: .4s } .modal-fill.show { display: -webkit-box !important; display: flex !important; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column nowrap; -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: .4s; transition: .4s } .modal-fill.in { display: -webkit-box !important; display: flex !important; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column nowrap; -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: .4s; transition: .4s } .modal-fill .modal-dialog { display: -webkit-box; display: flex; max-width: 100%; width: 100%; height: 100%; margin: 0; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column nowrap; align-content: center; -webkit-box-align: center; align-items: center } .modal-fill .modal-content { background: transparent; width: 100%; max-width: 600px } .modal-fill .modal-header { border-bottom: none } .modal-fill .modal-header .close { position: fixed; top: 0; right: 0; padding: 20px; font-size: 2.5rem; font-weight: 300 } .modal-fill .modal-dialog.modal-lg .modal-content { height: 90%; border: none; } .modal-fill .modal-lg .modal-content { max-width: 80%; } div.dataTables_wrapper div.dataTables_paginate ul.pagination li a { font-size: 80%; } .icon-box p { font-family: Roboto; } .bg-primary { background-color: #33cabb !important; color: #fff } .bg-secondary { background-color: #e4e7ea !important; color: #fff } .bg-success { background-color: #15c377 !important; color: #fff } .bg-info { background-color: #48b0f7 !important; color: #fff } .bg-warning { background-color: #faa64b !important; color: #fff } .bg-danger { background-color: #f96868 !important; color: #fff } .bg-pink { background-color: #f96197 !important; color: #fff } .bg-purple { background-color: #926dde !important; color: #fff } .bg-brown { background-color: #8d6658 !important; color: #fff } .bg-cyan { background-color: #57c7d4 !important; color: #fff } .bg-yellow { background-color: #fcc525 !important; color: #fff } .bg-gray { background-color: #868e96 !important; color: #fff } .bg-dark { background-color: #465161 !important; color: #fff } .bg-white { background-color: #fff !important } .bg-inverse { background-color: #465161 !important; color: #fff } .bg-transparent { background-color: transparent !important } .bg-secondary { color: #616a78 } .bg-lightest { background-color: #fcfdfe !important } .bg-lighter { background-color: #f9fafb !important } .bg-light { background-color: #f5f6f7 !important } .bg-pale-primary { background-color: #dcfcfa !important } .bg-pale-secondary { background-color: #f7fafc !important } .bg-pale-success { background-color: #e3fcf2 !important } .bg-pale-info { background-color: #e3f3fc !important } .bg-pale-warning { background-color: #fcf0e3 !important } .bg-pale-danger { background-color: #fce3e3 !important } .bg-pale-pink { background-color: #fce3ec !important } .bg-pale-purple { background-color: #ece3fc !important } .bg-pale-brown { background-color: #eddcd5 !important } .bg-pale-cyan { background-color: #e3fafc !important } .bg-pale-yellow { background-color: #fcf8e3 !important } .bg-pale-gray { background-color: #f2f2f2 !important } .bg-pale-dark { background-color: #c8c8c8 !important } .bb-none { border-bottom: none; } .dir-rtl { direction: rtl; } .color-primary { color: #0567ae !important; } .btn-round-bamdad { border-radius: 10rem; border: 1px solid #bdbdbd; font-size: 18px; font-weight: 500; padding: 8px 16px !important; width: 65%; } .modal-title { font-size: 15px; } .color-secondary { color: #76B828; } .product-list__item { width: 262px !important; } .product-list__item { list-style: none; display: inline-block; vertical-align: top; width: 100%; -webkit-transition: 0.5s all; transition: 0.5s all; -webkit-border-radius: 10px; border-radius: 10px; background-color: #fff; margin-bottom: 30px; } .product-list__item:hover { -webkit-box-shadow: 0 10px 24px 0 rgba(25, 35, 40, 0.1); box-shadow: 0 10px 24px 0 rgba(25, 35, 40, 0.1); -webkit-transition: 0.5s all; transition: 0.5s all; } .product-list__img { border: 1px solid #dcdcdc; border-radius: 10px 10px 0 0; border-bottom: none; } .product-list__img a { display: block; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } .product-list__img img { width: 100%; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; display: block; height: 160px; object-fit: cover; } .product-list__content { border: 1px solid #dcdcdc; padding: 12px; min-height: 85px; } .product-list__content::after { content: ''; display: table; clear: both; } .product-list__category { font-weight: 200; font-size: 12px; line-height: 14px; color: #4da068; margin-bottom: 5px; display: inline-block; vertical-align: middle; } .product-list__category:hover { color: #000; } .product-list__title { font-size: 18px; line-height: 20px; margin: 0 0 0px; min-height: 60px; } .product-list__title a { color: #303638; font-size: 14px; line-height: 25px; } .product-list__title a:hover { color: #727e85; } .product-list__star-list { margin: 0; padding: 0; float: left; font-size: 0; } .product-list__star-list li { display: inline-block; vertical-align: middle; margin: 0; } .product-list__star-list li a { font-size: 14px; line-height: 16px; display: inline-block; vertical-align: middle; color: #ffcb3e; } .product-list__star-list li a:hover { color: #a0ce4e; } .product-list__price { font-size: 12px; line-height: 16px; color: #fe3f4c; border: 1px solid #fe3f4c; padding: 3px 14px 3px; float: right; -webkit-border-radius: 30px; border-radius: 30px; margin: -5px 0 0; } .product-list__item-info { border: 1px solid #dcdcdc; border-top: none; float: left; width: 100%; padding: 12px 18px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; background: #f5f5f5; } .product-list__item-info::after { content: ''; display: table; clear: both; } .item-info__text-01 { font-size: 14px; line-height: 18px; color: #000000; margin: 0; float: left; opacity: 0.8; position: relative; padding-right: 24px; } .item-info__text-01::before { font-family: "Font Awesome 5 Pro"; content: '\f02d'; font-size: 14px; line-height: 16px; position: absolute; top: 1px; right: 0; } .item-info__text-02.money::before { content: '\f3d1' !important; } .item-info__text-01.time::before { content: '\f017' !important; } .item-info__text-02 { font-size: 14px; line-height: 18px; color: #000000; margin: 0; float: right; opacity: 0.8; position: relative; padding-right: 24px; } .item-info__text-02::before { font-family: "Font Awesome 5 Pro"; content: '\f0c0'; font-size: 14px; line-height: 16px; position: absolute; top: 1px; right: 0; } @media only screen and (max-width: 1199px) { .product-list__item { margin-right: 20px; margin-bottom: 20px; width: 220px; } .product-list__item-info { padding: 12px 10px; } .item-info__text-01 { padding-left: 18px; font-size: 12px; } .item-info__text-02 { padding-left: 20px; font-size: 12px; } } @media only screen and (max-width: 991px) { .product-list__item { width: 226px; } } @media only screen and (max-width: 767px) { .product-list__item { width: 31%; text-align: left; } .product-list__item-info { padding: 12px 6px; } img { max-width: 100%; } .product-list__item-info { padding: 12px 18px; } } @media only screen and (max-width: 640px) { .product-list__item { width: 47.5%; } } @media only screen and (max-width: 480px) { .product-list__item { margin-right: 0; width: 98%; } .product-list__item-info { padding: 12px 18px; } } .cursor-down-header { vertical-align: middle; margin-right: 5px; font-size: 12px; } .card-ribbon { z-index: 100; position: absolute; top: -10px; right: -12px; background-color: rgba(153,153,153,0.84); border-radius: 2px 2px 0; padding: 3px 5px; font-size: 12px; color: #fff; line-height: 1.4; box-sizing: border-box; } .card-ribbon:after { content: ""; position: absolute; border: 2px solid transparent; bottom: -4px; border-top-color: #7d7d7d; border-left-color: #7d7d7d; right: 0; transform: rotateX(45deg); transform-origin: top; } .card-ribbon-pink { background-color: rgb(0, 104, 180); } .card-ribbon-pink:after { border-top-color: #8dbf1f; border-left-color: #2a94a5; } @media screen and (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (0.5rem * 2)); } .modal-dialog-centered::before { display: block; height: calc(100vh - (0.5rem * 2)); content: ""; } .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { opacity: 0.5; } .fade.in { opacity: 1; } .modal-backdrop.in { opacity: .5; } /** * * Padding * Margin * Text Alight * Sub Columns * List Inline * Letter Spaceing * Transition * **/ /* Padding -------------------------------------------------- */ .pd-top-0{padding-top:0 } .pd-top-5{padding-top:5px } .pd-top-10{padding-top:10px } .pd-top-15{padding-top:15px } .pd-top-20{padding-top:20px } .pd-top-25{padding-top:25px } .pd-top-30{padding-top:30px } .pd-top-35{padding-top:35px } .pd-top-40{padding-top:40px } .pd-top-45{padding-top:45px } .pd-top-50{padding-top:50px } .pd-top-55{padding-top:55px } .pd-top-60{padding-top:60px } .pd-top-65{padding-top:65px } .pd-top-70{padding-top:70px } .pd-top-75{padding-top:75px } .pd-top-80{padding-top:80px } .pd-top-85{padding-top:85px } .pd-top-90{padding-top:90px } .pd-top-95{padding-top:95px } .pd-top-100{padding-top:100px } .pd-bottom-0{padding-bottom:0 } .pd-bottom-5{padding-bottom:5px } .pd-bottom-10{padding-bottom:10px } .pd-bottom-15{padding-bottom:15px } .pd-bottom-20{padding-bottom:20px } .pd-bottom-25{padding-bottom:25px } .pd-bottom-30{padding-bottom:30px } .pd-bottom-35{padding-bottom:35px } .pd-bottom-40{padding-bottom:40px } .pd-bottom-45{padding-bottom:45px } .pd-bottom-50{padding-bottom:50px } .pd-bottom-55{padding-bottom:55px } .pd-bottom-60{padding-bottom:60px } .pd-bottom-65{padding-bottom:65px } .pd-bottom-70{padding-bottom:70px } .pd-bottom-75{padding-bottom:75px } .pd-bottom-80{padding-bottom:80px } .pd-bottom-85{padding-bottom:85px } .pd-bottom-90{padding-bottom:90px } .pd-bottom-95{padding-bottom:95px } .pd-bottom-100{padding-bottom:100px } .pd-left-0{padding-left:0 } .pd-left-5{padding-left:5px } .pd-left-10{padding-left:10px } .pd-left-15{padding-left:15px } .pd-left-20{padding-left:20px } .pd-left-25{padding-left:25px } .pd-left-30{padding-left:30px } .pd-left-35{padding-left:35px } .pd-left-30{padding-left:30px } .pd-left-40{padding-left:40px } .pd-left-45{padding-left:45px } .pd-left-50{padding-left:50px } .pd-left-55{padding-left:55px } .pd-left-60{padding-left:60px } .pd-left-65{padding-left:65px } .pd-left-70{padding-left:70px } .pd-left-75{padding-left:75px } .pd-left-80{padding-left:80px } .pd-left-85{padding-left:85px } .pd-left-90{padding-left:90px } .pd-left-95{padding-left:95px } .pd-left-100{padding-left:100px } .pd-right-0{padding-right:0 } .pd-right-5{padding-right:5px } .pd-right-10{padding-right:10px } .pd-right-15{padding-right:15px } .pd-right-20{padding-right:20px } .pd-right-25{padding-right:25px } .pd-right-30{padding-right:30px } .pd-right-35{padding-right:35px } .pd-right-40{padding-right:40px } .pd-right-45{padding-right:45px } .pd-right-50{padding-right:50px } .pd-right-55{padding-right:55px } .pd-right-60{padding-right:60px } .pd-right-65{padding-right:65px } .pd-right-70{padding-right:70px } .pd-right-75{padding-right:75px } .pd-right-80{padding-right:80px } .pd-right-85{padding-right:85px } .pd-right-90{padding-right:90px } .pd-right-95{padding-right:95px } .pd-right-100{padding-right:100px } /* Margin -------------------------------------------------- */ .mg-top-0{margin-top:0 } .mg-top-5{margin-top:5px } .mg-top-10{margin-top:10px } .mg-top-15{margin-top:15px } .mg-top-20{margin-top:20px } .mg-top-25{margin-top:25px } .mg-top-30{margin-top:30px } .mg-top-35{margin-top:35px } .mg-top-40{margin-top:40px } .mg-top-45{margin-top:45px } .mg-top-50{margin-top:50px } .mg-top-55{margin-top:55px } .mg-top-60{margin-top:60px } .mg-top-65{margin-top:65px } .mg-top-70{margin-top:70px } .mg-top-75{margin-top:75px } .mg-top-80{margin-top:80px } .mg-bottom-0{margin-bottom:0 } .mg-bottom-5{margin-bottom:5px } .mg-bottom-10{margin-bottom:10px } .mg-bottom-15{margin-bottom:15px } .mg-bottom-20{margin-bottom:20px } .mg-bottom-25{margin-bottom:25px } .mg-bottom-30{margin-bottom:30px } .mg-bottom-35{margin-bottom:35px } .mg-bottom-40{margin-bottom:40px } .mg-bottom-45{margin-bottom:45px } .mg-bottom-50{margin-bottom:50px } .mg-bottom-55{margin-bottom:55px } .mg-bottom-60{margin-bottom:60px } .mg-bottom-65{margin-bottom:65px } .mg-bottom-70{margin-bottom:70px } .mg-bottom-75{margin-bottom:75px } .mg-bottom-80{margin-bottom:80px } .mg-left-0{margin-left:0 } .mg-left-5{margin-left:5px } .mg-left-10{margin-left:10px } .mg-left-15{margin-left:15px } .mg-left-20{margin-left:20px } .mg-left-25{margin-left:25px } .mg-left-30{margin-left:30px } .mg-left-35{margin-left:35px } .mg-left-30{margin-left:30px } .mg-left-40{margin-left:40px } .mg-left-45{margin-left:45px } .mg-left-50{margin-left:50px } .mg-left-55{margin-left:55px } .mg-left-60{margin-left:60px } .mg-left-65{margin-left:65px } .mg-left-70{margin-left:70px } .mg-left-75{margin-left:75px } .mg-left-80{margin-left:80px } .mg-right-0{margin-right:0 } .mg-right-5{margin-right:5px } .mg-right-10{margin-right:10px } .mg-right-15{margin-right:15px } .mg-right-20{margin-right:20px } .mg-right-25{margin-right:25px } .mg-right-30{margin-right:30px } .mg-right-35{margin-right:35px } .mg-right-40{margin-right:40px } .mg-right-45{margin-right:45px } .mg-right-50{margin-right:50px } .mg-right-55{margin-right:55px } .mg-right-60{margin-right:60px } .mg-right-65{margin-right:65px } .mg-right-70{margin-right:70px } .mg-right-75{margin-right:75px } .mg-right-80{margin-right:80px } /* Text Alight -------------------------------------------------- */ .flat-text-right { text-align: right; } .flat-text-left { text-align: left; } .flat-text-center { text-align: center; } /* Sub Columns -------------------------------------------------- */ .one-of-two { float: right; width: 50%; } .one-of-three { float: right; width: 33.333%; } .one-of-four { float: right; width: 25%; } .clear-sub-columns { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* List Inline -------------------------------------------------- */ .list li { display: inline-block; } /* Letter Spaceing -------------------------------------------------- */ .letter-spaceing-top { letter-spacing: 1.4px; } .letter-spaceing-001 { letter-spacing: 0.01em !important; } /* Transition -------------------------------------------------- */ .transition { -webkit-transition: all 0.3s ease-in-out !important; -moz-transition: all 0.3s ease-in-out !important; -ms-transition: all 0.3s ease-in-out !important; -o-transition: all 0.3s ease-in-out !important; transition: all 0.3s ease-in-out !important; } .transition-img { -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } /* Animation -------------------------------------------------- */ .effect-animation { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; visibility: hidden; } .effect-animation.animated { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; visibility: visible; } /* * Custom Bootstrap Margin Padding * Author - Md Jhon Anderson * Git - https://github.com/ismailcseku/Custom-Bootstrap-Margin-Padding * Web - http://ismail-hossain.me/ * Email - ismailcseku@gmail.com */ /** * Table of Contents: * * 1 -> Basic margin padding * 1.1 -> Basic Margin * 1.2 -> Basic Padding * 1.3 -> Margin top * 1.4 -> Margin right * 1.5 -> Margin bottom * 1.6 -> Margin left * 1.7 -> Padding top * 1.8 -> Padding right * 1.9 -> Padding bottom * 1.10 -> Padding left * 2 -> lg: min-width:1200px * 3 -> md: max-width:1199px * 4 -> sm: max-width:991px * 5 -> xs: max-width 767px * 6 -> xxs: max-width 479px * =============================================== */ /* min even, max odd*/ /* * 1.1 -> Basic Margin * ----------------------------------------------- */ .m-0 { margin: 0px !important } .m-5 { margin: 5px !important } .m-10 { margin: 10px !important } .m-15 { margin: 15px !important } .m-20 { margin: 20px !important } .m-30 { margin: 30px !important } .m-40 { margin: 40px !important } .m-50 { margin: 50px !important } .m-60 { margin: 60px !important } .m-70 { margin: 70px !important } .m-80 { margin: 80px !important } .m-90 { margin: 90px !important } .m-100 { margin: 100px !important } .m-110 { margin: 110px !important } .m-120 { margin: 120px !important } .m-130 { margin: 130px !important } .m-140 { margin: 140px !important } .m-150 { margin: 150px !important } .m-160 { margin: 160px !important } .m-170 { margin: 170px !important } .m-180 { margin: 180px !important } .m-190 { margin: 190px !important } .m-200 { margin: 200px !important } /* * 1.2 -> Basic Padding * ----------------------------------------------- */ .p-0 { padding: 0 !important; } .p-5 { padding: 5px !important } .p-10 { padding: 10px !important } .p-15 { padding: 15px !important } .p-20 { padding: 20px !important } .p-30 { padding: 30px !important } .p-40 { padding: 40px !important } .p-50 { padding: 50px !important } .p-60 { padding: 60px !important } .p-70 { padding: 70px !important } .p-80 { padding: 80px !important } .p-90 { padding: 90px !important } .p-100 { padding: 100px !important } .p-110 { padding: 110px !important } .p-120 { padding: 120px !important } .p-130 { padding: 130px !important } .p-140 { padding: 140px !important } .p-150 { padding: 150px !important } .p-160 { padding: 160px !important } .p-170 { padding: 170px !important } .p-180 { padding: 180px !important } .p-190 { padding: 190px !important } .p-200 { padding: 200px !important } /* * 1.3 -> Margin top * ----------------------------------------------- */ .mt-0 { margin-top: 0 !important; } .mt-5 { margin-top: 5px !important } .mt-10 { margin-top: 10px !important } .mt-15 { margin-top: 15px !important } .mt-20 { margin-top: 20px !important } .mt-30 { margin-top: 30px !important } .mt-40 { margin-top: 40px !important } .mt-50 { margin-top: 50px !important } .mt-60 { margin-top: 60px !important } .mt-70 { margin-top: 70px !important } .mt-80 { margin-top: 80px !important } .mt-90 { margin-top: 90px !important } .mt-100 { margin-top: 100px !important } .mt-110 { margin-top: 110px !important } .mt-120 { margin-top: 120px !important } .mt-130 { margin-top: 130px !important } .mt-140 { margin-top: 140px !important } .mt-150 { margin-top: 150px !important } .mt-160 { margin-top: 160px !important } .mt-170 { margin-top: 170px !important } .mt-180 { margin-top: 180px !important } .mt-190 { margin-top: 190px !important } .mt-200 { margin-top: 200px !important } /* * 1.4 -> Margin right * ----------------------------------------------- */ .mr-0 { margin-right: 0 !important; } .mr-5 { margin-right: 5px !important } .mr-10 { margin-right: 10px !important } .mr-15 { margin-right: 15px !important } .mr-20 { margin-right: 20px !important } .mr-30 { margin-right: 30px !important } .mr-40 { margin-right: 40px !important } .mr-50 { margin-right: 50px !important } .mr-60 { margin-right: 60px !important } .mr-70 { margin-right: 70px !important } .mr-80 { margin-right: 80px !important } .mr-90 { margin-right: 90px !important } .mr-100 { margin-right: 100px !important } .mr-110 { margin-right: 110px !important } .mr-120 { margin-right: 120px !important } .mr-130 { margin-right: 130px !important } .mr-140 { margin-right: 140px !important } .mr-150 { margin-right: 150px !important } .mr-160 { margin-right: 160px !important } .mr-170 { margin-right: 170px !important } .mr-180 { margin-right: 180px !important } .mr-190 { margin-right: 190px !important } .mr-200 { margin-right: 200px !important } /* * 1.5 -> Margin bottom * ----------------------------------------------- */ .mb-0 { margin-bottom: 0 !important; } .mb-5 { margin-bottom: 5px !important } .mb-10 { margin-bottom: 10px !important } .mb-15 { margin-bottom: 15px !important } .mb-20 { margin-bottom: 20px !important } .mb-30 { margin-bottom: 30px !important } .mb-40 { margin-bottom: 40px !important } .mb-50 { margin-bottom: 50px !important } .mb-60 { margin-bottom: 60px !important } .mb-70 { margin-bottom: 70px !important } .mb-80 { margin-bottom: 80px !important } .mb-90 { margin-bottom: 90px !important } .mb-100 { margin-bottom: 100px !important } .mb-110 { margin-bottom: 110px !important } .mb-120 { margin-bottom: 120px !important } .mb-130 { margin-bottom: 130px !important } .mb-140 { margin-bottom: 140px !important } .mb-150 { margin-bottom: 150px !important } .mb-160 { margin-bottom: 160px !important } .mb-170 { margin-bottom: 170px !important } .mb-180 { margin-bottom: 180px !important } .mb-190 { margin-bottom: 190px !important } .mb-200 { margin-bottom: 200px !important } /* * 1.6 -> Margin left * ----------------------------------------------- */ .ml-0 { margin-left: 0 !important; } .ml-5 { margin-left: 5px !important } .ml-10 { margin-left: 10px !important } .ml-15 { margin-left: 15px !important } .ml-20 { margin-left: 20px !important } .ml-30 { margin-left: 30px !important } .ml-40 { margin-left: 40px !important } .ml-50 { margin-left: 50px !important } .ml-60 { margin-left: 60px !important } .ml-70 { margin-left: 70px !important } .ml-80 { margin-left: 80px !important } .ml-90 { margin-left: 90px !important } .ml-100 { margin-left: 100px !important } .ml-110 { margin-left: 110px !important } .ml-120 { margin-left: 120px !important } .ml-130 { margin-left: 130px !important } .ml-140 { margin-left: 140px !important } .ml-150 { margin-left: 150px !important } .ml-160 { margin-left: 160px !important } .ml-170 { margin-left: 170px !important } .ml-180 { margin-left: 180px !important } .ml-190 { margin-left: 190px !important } .ml-200 { margin-left: 200px !important } /* * 1.7 -> Padding top * ----------------------------------------------- */ .pt-0 { padding-top: 0 !important; } .pt-5 { padding-top: 5px !important } .pt-10 { padding-top: 10px !important } .pt-15 { padding-top: 15px !important } .pt-20 { padding-top: 20px !important } .pt-30 { padding-top: 30px !important } .pt-40 { padding-top: 40px !important } .pt-50 { padding-top: 50px !important } .pt-60 { padding-top: 60px !important } .pt-70 { padding-top: 70px !important } .pt-80 { padding-top: 80px !important } .pt-90 { padding-top: 90px !important } .pt-100 { padding-top: 100px !important } .pt-110 { padding-top: 110px !important } .pt-120 { padding-top: 120px !important } .pt-130 { padding-top: 130px !important } .pt-140 { padding-top: 140px !important } .pt-150 { padding-top: 150px !important } .pt-160 { padding-top: 160px !important } .pt-170 { padding-top: 170px !important } .pt-180 { padding-top: 180px !important } .pt-190 { padding-top: 190px !important } .pt-200 { padding-top: 200px !important } /* * 1.8 -> Padding right * ----------------------------------------------- */ .pr-0 { padding-right: 0 !important; } .pr-5 { padding-right: 5px !important } .pr-10 { padding-right: 10px !important } .pr-15 { padding-right: 15px !important } .pr-20 { padding-right: 20px !important } .pr-30 { padding-right: 30px !important } .pr-40 { padding-right: 40px !important } .pr-50 { padding-right: 50px !important } .pr-60 { padding-right: 60px !important } .pr-70 { padding-right: 70px !important } .pr-80 { padding-right: 80px !important } .pr-90 { padding-right: 90px !important } .pr-100 { padding-right: 100px !important } .pr-110 { padding-right: 110px !important } .pr-120 { padding-right: 120px !important } .pr-130 { padding-right: 130px !important } .pr-140 { padding-right: 140px !important } .pr-150 { padding-right: 150px !important } .pr-160 { padding-right: 160px !important } .pr-170 { padding-right: 170px !important } .pr-180 { padding-right: 180px !important } .pr-190 { padding-right: 190px !important } .pr-200 { padding-right: 200px !important } /* * 1.9 -> Padding bottom * ----------------------------------------------- */ .pb-0 { padding-bottom: 0 !important; } .pb-5 { padding-bottom: 5px !important } .pb-10 { padding-bottom: 10px !important } .pb-15 { padding-bottom: 15px !important } .pb-20 { padding-bottom: 20px !important } .pb-30 { padding-bottom: 30px !important } .pb-40 { padding-bottom: 40px !important } .pb-50 { padding-bottom: 50px !important } .pb-60 { padding-bottom: 60px !important } .pb-70 { padding-bottom: 70px !important } .pb-80 { padding-bottom: 80px !important } .pb-90 { padding-bottom: 90px !important } .pb-100 { padding-bottom: 100px !important } .pb-110 { padding-bottom: 110px !important } .pb-120 { padding-bottom: 120px !important } .pb-130 { padding-bottom: 130px !important } .pb-140 { padding-bottom: 140px !important } .pb-150 { padding-bottom: 150px !important } .pb-160 { padding-bottom: 160px !important } .pb-170 { padding-bottom: 170px !important } .pb-180 { padding-bottom: 180px !important } .pb-190 { padding-bottom: 190px !important } .pb-200 { padding-bottom: 200px !important } /* * 1.10 -> Padding left * ----------------------------------------------- */ .pl-0 { padding-left: 0 !important; } .pl-5 { padding-left: 5px !important } .pl-10 { padding-left: 10px !important } .pl-15 { padding-left: 15px !important } .pl-20 { padding-left: 20px !important } .pl-30 { padding-left: 30px !important } .pl-40 { padding-left: 40px !important } .pl-50 { padding-left: 50px !important } .pl-60 { padding-left: 60px !important } .pl-70 { padding-left: 70px !important } .pl-80 { padding-left: 80px !important } .pl-90 { padding-left: 90px !important } .pl-100 { padding-left: 100px !important } .pl-110 { padding-left: 110px !important } .pl-120 { padding-left: 120px !important } .pl-130 { padding-left: 130px !important } .pl-140 { padding-left: 140px !important } .pl-150 { padding-left: 150px !important } .pl-160 { padding-left: 160px !important } .pl-170 { padding-left: 170px !important } .pl-180 { padding-left: 180px !important } .pl-190 { padding-left: 190px !important } .pl-200 { padding-left: 200px !important } /* * 2 -> lg: min-width:1200px * ----------------------------------------------- */ @media (min-width:1200px) { /* * 2.1 -> Basic Margin * ----------------------------------------------- */ .m-lg-0 { margin: 0px !important } .m-lg-5 { margin: 5px !important } .m-lg-10 { margin: 10px !important } .m-lg-15 { margin: 15px !important } .m-lg-20 { margin: 20px !important } .m-lg-30 { margin: 30px !important } .m-lg-40 { margin: 40px !important } .m-lg-50 { margin: 50px !important } .m-lg-60 { margin: 60px !important } .m-lg-70 { margin: 70px !important } .m-lg-80 { margin: 80px !important } .m-lg-90 { margin: 90px !important } .m-lg-100 { margin: 100px !important } .m-lg-110 { margin: 110px !important } .m-lg-120 { margin: 120px !important } .m-lg-130 { margin: 130px !important } .m-lg-140 { margin: 140px !important } .m-lg-150 { margin: 150px !important } .m-lg-160 { margin: 160px !important } .m-lg-170 { margin: 170px !important } .m-lg-180 { margin: 180px !important } .m-lg-190 { margin: 190px !important } .m-lg-200 { margin: 200px !important } /* * 2.2 -> Basic Padding * ----------------------------------------------- */ .p-lg-0 { padding: 0 !important; } .p-lg-5 { padding: 5px !important } .p-lg-10 { padding: 10px !important } .p-lg-15 { padding: 15px !important } .p-lg-20 { padding: 20px !important } .p-lg-30 { padding: 30px !important } .p-lg-40 { padding: 40px !important } .p-lg-50 { padding: 50px !important } .p-lg-60 { padding: 60px !important } .p-lg-70 { padding: 70px !important } .p-lg-80 { padding: 80px !important } .p-lg-90 { padding: 90px !important } .p-lg-100 { padding: 100px !important } .p-lg-110 { padding: 110px !important } .p-lg-120 { padding: 120px !important } .p-lg-130 { padding: 130px !important } .p-lg-140 { padding: 140px !important } .p-lg-150 { padding: 150px !important } .p-lg-160 { padding: 160px !important } .p-lg-170 { padding: 170px !important } .p-lg-180 { padding: 180px !important } .p-lg-190 { padding: 190px !important } .p-lg-200 { padding: 200px !important } /* * 2.3 -> Margin top * ----------------------------------------------- */ .mt-lg-0 { margin-top: 0 !important; } .mt-lg-5 { margin-top: 5px !important } .mt-lg-10 { margin-top: 10px !important } .mt-lg-15 { margin-top: 15px !important } .mt-lg-20 { margin-top: 20px !important } .mt-lg-30 { margin-top: 30px !important } .mt-lg-40 { margin-top: 40px !important } .mt-lg-50 { margin-top: 50px !important } .mt-lg-60 { margin-top: 60px !important } .mt-lg-70 { margin-top: 70px !important } .mt-lg-80 { margin-top: 80px !important } .mt-lg-90 { margin-top: 90px !important } .mt-lg-100 { margin-top: 100px !important } .mt-lg-110 { margin-top: 110px !important } .mt-lg-120 { margin-top: 120px !important } .mt-lg-130 { margin-top: 130px !important } .mt-lg-140 { margin-top: 140px !important } .mt-lg-150 { margin-top: 150px !important } .mt-lg-160 { margin-top: 160px !important } .mt-lg-170 { margin-top: 170px !important } .mt-lg-180 { margin-top: 180px !important } .mt-lg-190 { margin-top: 190px !important } .mt-lg-200 { margin-top: 200px !important } /* * 2.4 -> Margin right * ----------------------------------------------- */ .mr-lg-0 { margin-right: 0 !important; } .mr-lg-5 { margin-right: 5px !important } .mr-lg-10 { margin-right: 10px !important } .mr-lg-15 { margin-right: 15px !important } .mr-lg-20 { margin-right: 20px !important } .mr-lg-30 { margin-right: 30px !important } .mr-lg-40 { margin-right: 40px !important } .mr-lg-50 { margin-right: 50px !important } .mr-lg-60 { margin-right: 60px !important } .mr-lg-70 { margin-right: 70px !important } .mr-lg-80 { margin-right: 80px !important } .mr-lg-90 { margin-right: 90px !important } .mr-lg-100 { margin-right: 100px !important } .mr-lg-110 { margin-right: 110px !important } .mr-lg-120 { margin-right: 120px !important } .mr-lg-130 { margin-right: 130px !important } .mr-lg-140 { margin-right: 140px !important } .mr-lg-150 { margin-right: 150px !important } .mr-lg-160 { margin-right: 160px !important } .mr-lg-170 { margin-right: 170px !important } .mr-lg-180 { margin-right: 180px !important } .mr-lg-190 { margin-right: 190px !important } .mr-lg-200 { margin-right: 200px !important } /* * 2.5 -> Margin bottom * ----------------------------------------------- */ .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-5 { margin-bottom: 5px !important } .mb-lg-10 { margin-bottom: 10px !important } .mb-lg-15 { margin-bottom: 15px !important } .mb-lg-20 { margin-bottom: 20px !important } .mb-lg-30 { margin-bottom: 30px !important } .mb-lg-40 { margin-bottom: 40px !important } .mb-lg-50 { margin-bottom: 50px !important } .mb-lg-60 { margin-bottom: 60px !important } .mb-lg-70 { margin-bottom: 70px !important } .mb-lg-80 { margin-bottom: 80px !important } .mb-lg-90 { margin-bottom: 90px !important } .mb-lg-100 { margin-bottom: 100px !important } .mb-lg-110 { margin-bottom: 110px !important } .mb-lg-120 { margin-bottom: 120px !important } .mb-lg-130 { margin-bottom: 130px !important } .mb-lg-140 { margin-bottom: 140px !important } .mb-lg-150 { margin-bottom: 150px !important } .mb-lg-160 { margin-bottom: 160px !important } .mb-lg-170 { margin-bottom: 170px !important } .mb-lg-180 { margin-bottom: 180px !important } .mb-lg-190 { margin-bottom: 190px !important } .mb-lg-200 { margin-bottom: 200px !important } /* * 2.6 -> Margin left * ----------------------------------------------- */ .ml-lg-0 { margin-left: 0 !important; } .ml-lg-5 { margin-left: 5px !important } .ml-lg-10 { margin-left: 10px !important } .ml-lg-15 { margin-left: 15px !important } .ml-lg-20 { margin-left: 20px !important } .ml-lg-30 { margin-left: 30px !important } .ml-lg-40 { margin-left: 40px !important } .ml-lg-50 { margin-left: 50px !important } .ml-lg-60 { margin-left: 60px !important } .ml-lg-70 { margin-left: 70px !important } .ml-lg-80 { margin-left: 80px !important } .ml-lg-90 { margin-left: 90px !important } .ml-lg-100 { margin-left: 100px !important } .ml-lg-110 { margin-left: 110px !important } .ml-lg-120 { margin-left: 120px !important } .ml-lg-130 { margin-left: 130px !important } .ml-lg-140 { margin-left: 140px !important } .ml-lg-150 { margin-left: 150px !important } .ml-lg-160 { margin-left: 160px !important } .ml-lg-170 { margin-left: 170px !important } .ml-lg-180 { margin-left: 180px !important } .ml-lg-190 { margin-left: 190px !important } .ml-lg-200 { margin-left: 200px !important } /* * 2.7 -> Padding top * ----------------------------------------------- */ .pt-lg-0 { padding-top: 0 !important; } .pt-lg-5 { padding-top: 5px !important } .pt-lg-10 { padding-top: 10px !important } .pt-lg-15 { padding-top: 15px !important } .pt-lg-20 { padding-top: 20px !important } .pt-lg-30 { padding-top: 30px !important } .pt-lg-40 { padding-top: 40px !important } .pt-lg-50 { padding-top: 50px !important } .pt-lg-60 { padding-top: 60px !important } .pt-lg-70 { padding-top: 70px !important } .pt-lg-80 { padding-top: 80px !important } .pt-lg-90 { padding-top: 90px !important } .pt-lg-100 { padding-top: 100px !important } .pt-lg-110 { padding-top: 110px !important } .pt-lg-120 { padding-top: 120px !important } .pt-lg-130 { padding-top: 130px !important } .pt-lg-140 { padding-top: 140px !important } .pt-lg-150 { padding-top: 150px !important } .pt-lg-160 { padding-top: 160px !important } .pt-lg-170 { padding-top: 170px !important } .pt-lg-180 { padding-top: 180px !important } .pt-lg-190 { padding-top: 190px !important } .pt-lg-200 { padding-top: 200px !important } /* * 2.8 -> Padding right * ----------------------------------------------- */ .pr-lg-0 { padding-right: 0 !important; } .pr-lg-5 { padding-right: 5px !important } .pr-lg-10 { padding-right: 10px !important } .pr-lg-15 { padding-right: 15px !important } .pr-lg-20 { padding-right: 20px !important } .pr-lg-30 { padding-right: 30px !important } .pr-lg-40 { padding-right: 40px !important } .pr-lg-50 { padding-right: 50px !important } .pr-lg-60 { padding-right: 60px !important } .pr-lg-70 { padding-right: 70px !important } .pr-lg-80 { padding-right: 80px !important } .pr-lg-90 { padding-right: 90px !important } .pr-lg-100 { padding-right: 100px !important } .pr-lg-110 { padding-right: 110px !important } .pr-lg-120 { padding-right: 120px !important } .pr-lg-130 { padding-right: 130px !important } .pr-lg-140 { padding-right: 140px !important } .pr-lg-150 { padding-right: 150px !important } .pr-lg-160 { padding-right: 160px !important } .pr-lg-170 { padding-right: 170px !important } .pr-lg-180 { padding-right: 180px !important } .pr-lg-190 { padding-right: 190px !important } .pr-lg-200 { padding-right: 200px !important } /* * 2.9 -> Padding bottom * ----------------------------------------------- */ .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-5 { padding-bottom: 5px !important } .pb-lg-10 { padding-bottom: 10px !important } .pb-lg-15 { padding-bottom: 15px !important } .pb-lg-20 { padding-bottom: 20px !important } .pb-lg-30 { padding-bottom: 30px !important } .pb-lg-40 { padding-bottom: 40px !important } .pb-lg-50 { padding-bottom: 50px !important } .pb-lg-60 { padding-bottom: 60px !important } .pb-lg-70 { padding-bottom: 70px !important } .pb-lg-80 { padding-bottom: 80px !important } .pb-lg-90 { padding-bottom: 90px !important } .pb-lg-100 { padding-bottom: 100px !important } .pb-lg-110 { padding-bottom: 110px !important } .pb-lg-120 { padding-bottom: 120px !important } .pb-lg-130 { padding-bottom: 130px !important } .pb-lg-140 { padding-bottom: 140px !important } .pb-lg-150 { padding-bottom: 150px !important } .pb-lg-160 { padding-bottom: 160px !important } .pb-lg-170 { padding-bottom: 170px !important } .pb-lg-180 { padding-bottom: 180px !important } .pb-lg-190 { padding-bottom: 190px !important } .pb-lg-200 { padding-bottom: 200px !important } /* * 2.10 -> Padding left * ----------------------------------------------- */ .pl-lg-0 { padding-left: 0 !important; } .pl-lg-5 { padding-left: 5px !important } .pl-lg-10 { padding-left: 10px !important } .pl-lg-15 { padding-left: 15px !important } .pl-lg-20 { padding-left: 20px !important } .pl-lg-30 { padding-left: 30px !important } .pl-lg-40 { padding-left: 40px !important } .pl-lg-50 { padding-left: 50px !important } .pl-lg-60 { padding-left: 60px !important } .pl-lg-70 { padding-left: 70px !important } .pl-lg-80 { padding-left: 80px !important } .pl-lg-90 { padding-left: 90px !important } .pl-lg-100 { padding-left: 100px !important } .pl-lg-110 { padding-left: 110px !important } .pl-lg-120 { padding-left: 120px !important } .pl-lg-130 { padding-left: 130px !important } .pl-lg-140 { padding-left: 140px !important } .pl-lg-150 { padding-left: 150px !important } .pl-lg-160 { padding-left: 160px !important } .pl-lg-170 { padding-left: 170px !important } .pl-lg-180 { padding-left: 180px !important } .pl-lg-190 { padding-left: 190px !important } .pl-lg-200 { padding-left: 200px !important } } /* * 3 -> md: max-width:1199px * ----------------------------------------------- */ @media (max-width:1199px) { /* * 3.1 -> Basic Margin * ----------------------------------------------- */ .m-md-0 { margin: 0px !important } .m-md-5 { margin: 5px !important } .m-md-10 { margin: 10px !important } .m-md-15 { margin: 15px !important } .m-md-20 { margin: 20px !important } .m-md-30 { margin: 30px !important } .m-md-40 { margin: 40px !important } .m-md-50 { margin: 50px !important } .m-md-60 { margin: 60px !important } .m-md-70 { margin: 70px !important } .m-md-80 { margin: 80px !important } .m-md-90 { margin: 90px !important } .m-md-100 { margin: 100px !important } .m-md-110 { margin: 110px !important } .m-md-120 { margin: 120px !important } .m-md-130 { margin: 130px !important } .m-md-140 { margin: 140px !important } .m-md-150 { margin: 150px !important } .m-md-160 { margin: 160px !important } .m-md-170 { margin: 170px !important } .m-md-180 { margin: 180px !important } .m-md-190 { margin: 190px !important } .m-md-200 { margin: 200px !important } /* * 3.2 -> Basic Padding * ----------------------------------------------- */ .p-md-0 { padding: 0 !important; } .p-md-5 { padding: 5px !important } .p-md-10 { padding: 10px !important } .p-md-15 { padding: 15px !important } .p-md-20 { padding: 20px !important } .p-md-30 { padding: 30px !important } .p-md-40 { padding: 40px !important } .p-md-50 { padding: 50px !important } .p-md-60 { padding: 60px !important } .p-md-70 { padding: 70px !important } .p-md-80 { padding: 80px !important } .p-md-90 { padding: 90px !important } .p-md-100 { padding: 100px !important } .p-md-110 { padding: 110px !important } .p-md-120 { padding: 120px !important } .p-md-130 { padding: 130px !important } .p-md-140 { padding: 140px !important } .p-md-150 { padding: 150px !important } .p-md-160 { padding: 160px !important } .p-md-170 { padding: 170px !important } .p-md-180 { padding: 180px !important } .p-md-190 { padding: 190px !important } .p-md-200 { padding: 200px !important } /* * 3.3 -> Margin top * ----------------------------------------------- */ .mt-md-0 { margin-top: 0 !important; } .mt-md-5 { margin-top: 5px !important } .mt-md-10 { margin-top: 10px !important } .mt-md-15 { margin-top: 15px !important } .mt-md-20 { margin-top: 20px !important } .mt-md-30 { margin-top: 30px !important } .mt-md-40 { margin-top: 40px !important } .mt-md-50 { margin-top: 50px !important } .mt-md-60 { margin-top: 60px !important } .mt-md-70 { margin-top: 70px !important } .mt-md-80 { margin-top: 80px !important } .mt-md-90 { margin-top: 90px !important } .mt-md-100 { margin-top: 100px !important } .mt-md-110 { margin-top: 110px !important } .mt-md-120 { margin-top: 120px !important } .mt-md-130 { margin-top: 130px !important } .mt-md-140 { margin-top: 140px !important } .mt-md-150 { margin-top: 150px !important } .mt-md-160 { margin-top: 160px !important } .mt-md-170 { margin-top: 170px !important } .mt-md-180 { margin-top: 180px !important } .mt-md-190 { margin-top: 190px !important } .mt-md-200 { margin-top: 200px !important } /* * 3.4 -> Margin right * ----------------------------------------------- */ .mr-md-0 { margin-right: 0 !important; } .mr-md-5 { margin-right: 5px !important } .mr-md-10 { margin-right: 10px !important } .mr-md-15 { margin-right: 15px !important } .mr-md-20 { margin-right: 20px !important } .mr-md-30 { margin-right: 30px !important } .mr-md-40 { margin-right: 40px !important } .mr-md-50 { margin-right: 50px !important } .mr-md-60 { margin-right: 60px !important } .mr-md-70 { margin-right: 70px !important } .mr-md-80 { margin-right: 80px !important } .mr-md-90 { margin-right: 90px !important } .mr-md-100 { margin-right: 100px !important } .mr-md-110 { margin-right: 110px !important } .mr-md-120 { margin-right: 120px !important } .mr-md-130 { margin-right: 130px !important } .mr-md-140 { margin-right: 140px !important } .mr-md-150 { margin-right: 150px !important } .mr-md-160 { margin-right: 160px !important } .mr-md-170 { margin-right: 170px !important } .mr-md-180 { margin-right: 180px !important } .mr-md-190 { margin-right: 190px !important } .mr-md-200 { margin-right: 200px !important } /* * 3.5 -> Margin bottom * ----------------------------------------------- */ .mb-md-0 { margin-bottom: 0 !important; } .mb-md-5 { margin-bottom: 5px !important } .mb-md-10 { margin-bottom: 10px !important } .mb-md-15 { margin-bottom: 15px !important } .mb-md-20 { margin-bottom: 20px !important } .mb-md-30 { margin-bottom: 30px !important } .mb-md-40 { margin-bottom: 40px !important } .mb-md-50 { margin-bottom: 50px !important } .mb-md-60 { margin-bottom: 60px !important } .mb-md-70 { margin-bottom: 70px !important } .mb-md-80 { margin-bottom: 80px !important } .mb-md-90 { margin-bottom: 90px !important } .mb-md-100 { margin-bottom: 100px !important } .mb-md-110 { margin-bottom: 110px !important } .mb-md-120 { margin-bottom: 120px !important } .mb-md-130 { margin-bottom: 130px !important } .mb-md-140 { margin-bottom: 140px !important } .mb-md-150 { margin-bottom: 150px !important } .mb-md-160 { margin-bottom: 160px !important } .mb-md-170 { margin-bottom: 170px !important } .mb-md-180 { margin-bottom: 180px !important } .mb-md-190 { margin-bottom: 190px !important } .mb-md-200 { margin-bottom: 200px !important } /* * 3.6 -> Margin left * ----------------------------------------------- */ .ml-md-0 { margin-left: 0 !important; } .ml-md-5 { margin-left: 5px !important } .ml-md-10 { margin-left: 10px !important } .ml-md-15 { margin-left: 15px !important } .ml-md-20 { margin-left: 20px !important } .ml-md-30 { margin-left: 30px !important } .ml-md-40 { margin-left: 40px !important } .ml-md-50 { margin-left: 50px !important } .ml-md-60 { margin-left: 60px !important } .ml-md-70 { margin-left: 70px !important } .ml-md-80 { margin-left: 80px !important } .ml-md-90 { margin-left: 90px !important } .ml-md-100 { margin-left: 100px !important } .ml-md-110 { margin-left: 110px !important } .ml-md-120 { margin-left: 120px !important } .ml-md-130 { margin-left: 130px !important } .ml-md-140 { margin-left: 140px !important } .ml-md-150 { margin-left: 150px !important } .ml-md-160 { margin-left: 160px !important } .ml-md-170 { margin-left: 170px !important } .ml-md-180 { margin-left: 180px !important } .ml-md-190 { margin-left: 190px !important } .ml-md-200 { margin-left: 200px !important } /* * 3.7 -> Padding top * ----------------------------------------------- */ .pt-md-0 { padding-top: 0 !important; } .pt-md-5 { padding-top: 5px !important } .pt-md-10 { padding-top: 10px !important } .pt-md-15 { padding-top: 15px !important } .pt-md-20 { padding-top: 20px !important } .pt-md-30 { padding-top: 30px !important } .pt-md-40 { padding-top: 40px !important } .pt-md-50 { padding-top: 50px !important } .pt-md-60 { padding-top: 60px !important } .pt-md-70 { padding-top: 70px !important } .pt-md-80 { padding-top: 80px !important } .pt-md-90 { padding-top: 90px !important } .pt-md-100 { padding-top: 100px !important } .pt-md-110 { padding-top: 110px !important } .pt-md-120 { padding-top: 120px !important } .pt-md-130 { padding-top: 130px !important } .pt-md-140 { padding-top: 140px !important } .pt-md-150 { padding-top: 150px !important } .pt-md-160 { padding-top: 160px !important } .pt-md-170 { padding-top: 170px !important } .pt-md-180 { padding-top: 180px !important } .pt-md-190 { padding-top: 190px !important } .pt-md-200 { padding-top: 200px !important } /* * 3.8 -> Padding right * ----------------------------------------------- */ .pr-md-0 { padding-right: 0 !important; } .pr-md-5 { padding-right: 5px !important } .pr-md-10 { padding-right: 10px !important } .pr-md-15 { padding-right: 15px !important } .pr-md-20 { padding-right: 20px !important } .pr-md-30 { padding-right: 30px !important } .pr-md-40 { padding-right: 40px !important } .pr-md-50 { padding-right: 50px !important } .pr-md-60 { padding-right: 60px !important } .pr-md-70 { padding-right: 70px !important } .pr-md-80 { padding-right: 80px !important } .pr-md-90 { padding-right: 90px !important } .pr-md-100 { padding-right: 100px !important } .pr-md-110 { padding-right: 110px !important } .pr-md-120 { padding-right: 120px !important } .pr-md-130 { padding-right: 130px !important } .pr-md-140 { padding-right: 140px !important } .pr-md-150 { padding-right: 150px !important } .pr-md-160 { padding-right: 160px !important } .pr-md-170 { padding-right: 170px !important } .pr-md-180 { padding-right: 180px !important } .pr-md-190 { padding-right: 190px !important } .pr-md-200 { padding-right: 200px !important } /* * 3.9 -> Padding bottom * ----------------------------------------------- */ .pb-md-0 { padding-bottom: 0 !important; } .pb-md-5 { padding-bottom: 5px !important } .pb-md-10 { padding-bottom: 10px !important } .pb-md-15 { padding-bottom: 15px !important } .pb-md-20 { padding-bottom: 20px !important } .pb-md-30 { padding-bottom: 30px !important } .pb-md-40 { padding-bottom: 40px !important } .pb-md-50 { padding-bottom: 50px !important } .pb-md-60 { padding-bottom: 60px !important } .pb-md-70 { padding-bottom: 70px !important } .pb-md-80 { padding-bottom: 80px !important } .pb-md-90 { padding-bottom: 90px !important } .pb-md-100 { padding-bottom: 100px !important } .pb-md-110 { padding-bottom: 110px !important } .pb-md-120 { padding-bottom: 120px !important } .pb-md-130 { padding-bottom: 130px !important } .pb-md-140 { padding-bottom: 140px !important } .pb-md-150 { padding-bottom: 150px !important } .pb-md-160 { padding-bottom: 160px !important } .pb-md-170 { padding-bottom: 170px !important } .pb-md-180 { padding-bottom: 180px !important } .pb-md-190 { padding-bottom: 190px !important } .pb-md-200 { padding-bottom: 200px !important } /* * 3.10 -> Padding left * ----------------------------------------------- */ .pl-md-0 { padding-left: 0 !important; } .pl-md-5 { padding-left: 5px !important } .pl-md-10 { padding-left: 10px !important } .pl-md-15 { padding-left: 15px !important } .pl-md-20 { padding-left: 20px !important } .pl-md-30 { padding-left: 30px !important } .pl-md-40 { padding-left: 40px !important } .pl-md-50 { padding-left: 50px !important } .pl-md-60 { padding-left: 60px !important } .pl-md-70 { padding-left: 70px !important } .pl-md-80 { padding-left: 80px !important } .pl-md-90 { padding-left: 90px !important } .pl-md-100 { padding-left: 100px !important } .pl-md-110 { padding-left: 110px !important } .pl-md-120 { padding-left: 120px !important } .pl-md-130 { padding-left: 130px !important } .pl-md-140 { padding-left: 140px !important } .pl-md-150 { padding-left: 150px !important } .pl-md-160 { padding-left: 160px !important } .pl-md-170 { padding-left: 170px !important } .pl-md-180 { padding-left: 180px !important } .pl-md-190 { padding-left: 190px !important } .pl-md-200 { padding-left: 200px !important } } /* * 4 -> sm: max-width:991px * ----------------------------------------------- */ @media (max-width:991px) { /* * 4.1 -> Basic Margin * ----------------------------------------------- */ .m-sm-0 { margin: 0px !important } .m-sm-5 { margin: 5px !important } .m-sm-10 { margin: 10px !important } .m-sm-15 { margin: 15px !important } .m-sm-20 { margin: 20px !important } .m-sm-30 { margin: 30px !important } .m-sm-40 { margin: 40px !important } .m-sm-50 { margin: 50px !important } .m-sm-60 { margin: 60px !important } .m-sm-70 { margin: 70px !important } .m-sm-80 { margin: 80px !important } .m-sm-90 { margin: 90px !important } .m-sm-100 { margin: 100px !important } .m-sm-110 { margin: 110px !important } .m-sm-120 { margin: 120px !important } .m-sm-130 { margin: 130px !important } .m-sm-140 { margin: 140px !important } .m-sm-150 { margin: 150px !important } .m-sm-160 { margin: 160px !important } .m-sm-170 { margin: 170px !important } .m-sm-180 { margin: 180px !important } .m-sm-190 { margin: 190px !important } .m-sm-200 { margin: 200px !important } /* * 4.2 -> Basic Padding * ----------------------------------------------- */ .p-sm-0 { padding: 0 !important; } .p-sm-5 { padding: 5px !important } .p-sm-10 { padding: 10px !important } .p-sm-15 { padding: 15px !important } .p-sm-20 { padding: 20px !important } .p-sm-30 { padding: 30px !important } .p-sm-40 { padding: 40px !important } .p-sm-50 { padding: 50px !important } .p-sm-60 { padding: 60px !important } .p-sm-70 { padding: 70px !important } .p-sm-80 { padding: 80px !important } .p-sm-90 { padding: 90px !important } .p-sm-100 { padding: 100px !important } .p-sm-110 { padding: 110px !important } .p-sm-120 { padding: 120px !important } .p-sm-130 { padding: 130px !important } .p-sm-140 { padding: 140px !important } .p-sm-150 { padding: 150px !important } .p-sm-160 { padding: 160px !important } .p-sm-170 { padding: 170px !important } .p-sm-180 { padding: 180px !important } .p-sm-190 { padding: 190px !important } .p-sm-200 { padding: 200px !important } /* * 4.3 -> Margin top * ----------------------------------------------- */ .mt-sm-0 { margin-top: 0 !important; } .mt-sm-5 { margin-top: 5px !important } .mt-sm-10 { margin-top: 10px !important } .mt-sm-15 { margin-top: 15px !important } .mt-sm-20 { margin-top: 20px !important } .mt-sm-30 { margin-top: 30px !important } .mt-sm-40 { margin-top: 40px !important } .mt-sm-50 { margin-top: 50px !important } .mt-sm-60 { margin-top: 60px !important } .mt-sm-70 { margin-top: 70px !important } .mt-sm-80 { margin-top: 80px !important } .mt-sm-90 { margin-top: 90px !important } .mt-sm-100 { margin-top: 100px !important } .mt-sm-110 { margin-top: 110px !important } .mt-sm-120 { margin-top: 120px !important } .mt-sm-130 { margin-top: 130px !important } .mt-sm-140 { margin-top: 140px !important } .mt-sm-150 { margin-top: 150px !important } .mt-sm-160 { margin-top: 160px !important } .mt-sm-170 { margin-top: 170px !important } .mt-sm-180 { margin-top: 180px !important } .mt-sm-190 { margin-top: 190px !important } .mt-sm-200 { margin-top: 200px !important } /* * 4.4 -> Margin right * ----------------------------------------------- */ .mr-sm-0 { margin-right: 0 !important; } .mr-sm-5 { margin-right: 5px !important } .mr-sm-10 { margin-right: 10px !important } .mr-sm-15 { margin-right: 15px !important } .mr-sm-20 { margin-right: 20px !important } .mr-sm-30 { margin-right: 30px !important } .mr-sm-40 { margin-right: 40px !important } .mr-sm-50 { margin-right: 50px !important } .mr-sm-60 { margin-right: 60px !important } .mr-sm-70 { margin-right: 70px !important } .mr-sm-80 { margin-right: 80px !important } .mr-sm-90 { margin-right: 90px !important } .mr-sm-100 { margin-right: 100px !important } .mr-sm-110 { margin-right: 110px !important } .mr-sm-120 { margin-right: 120px !important } .mr-sm-130 { margin-right: 130px !important } .mr-sm-140 { margin-right: 140px !important } .mr-sm-150 { margin-right: 150px !important } .mr-sm-160 { margin-right: 160px !important } .mr-sm-170 { margin-right: 170px !important } .mr-sm-180 { margin-right: 180px !important } .mr-sm-190 { margin-right: 190px !important } .mr-sm-200 { margin-right: 200px !important } /* * 4.5 -> Margin bottom * ----------------------------------------------- */ .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-5 { margin-bottom: 5px !important } .mb-sm-10 { margin-bottom: 10px !important } .mb-sm-15 { margin-bottom: 15px !important } .mb-sm-20 { margin-bottom: 20px !important } .mb-sm-30 { margin-bottom: 30px !important } .mb-sm-40 { margin-bottom: 40px !important } .mb-sm-50 { margin-bottom: 50px !important } .mb-sm-60 { margin-bottom: 60px !important } .mb-sm-70 { margin-bottom: 70px !important } .mb-sm-80 { margin-bottom: 80px !important } .mb-sm-90 { margin-bottom: 90px !important } .mb-sm-100 { margin-bottom: 100px !important } .mb-sm-110 { margin-bottom: 110px !important } .mb-sm-120 { margin-bottom: 120px !important } .mb-sm-130 { margin-bottom: 130px !important } .mb-sm-140 { margin-bottom: 140px !important } .mb-sm-150 { margin-bottom: 150px !important } .mb-sm-160 { margin-bottom: 160px !important } .mb-sm-170 { margin-bottom: 170px !important } .mb-sm-180 { margin-bottom: 180px !important } .mb-sm-190 { margin-bottom: 190px !important } .mb-sm-200 { margin-bottom: 200px !important } /* * 4.6 -> Margin left * ----------------------------------------------- */ .ml-sm-0 { margin-left: 0 !important; } .ml-sm-5 { margin-left: 5px !important } .ml-sm-10 { margin-left: 10px !important } .ml-sm-15 { margin-left: 15px !important } .ml-sm-20 { margin-left: 20px !important } .ml-sm-30 { margin-left: 30px !important } .ml-sm-40 { margin-left: 40px !important } .ml-sm-50 { margin-left: 50px !important } .ml-sm-60 { margin-left: 60px !important } .ml-sm-70 { margin-left: 70px !important } .ml-sm-80 { margin-left: 80px !important } .ml-sm-90 { margin-left: 90px !important } .ml-sm-100 { margin-left: 100px !important } .ml-sm-110 { margin-left: 110px !important } .ml-sm-120 { margin-left: 120px !important } .ml-sm-130 { margin-left: 130px !important } .ml-sm-140 { margin-left: 140px !important } .ml-sm-150 { margin-left: 150px !important } .ml-sm-160 { margin-left: 160px !important } .ml-sm-170 { margin-left: 170px !important } .ml-sm-180 { margin-left: 180px !important } .ml-sm-190 { margin-left: 190px !important } .ml-sm-200 { margin-left: 200px !important } /* * 4.7 -> Padding top * ----------------------------------------------- */ .pt-sm-0 { padding-top: 0 !important; } .pt-sm-5 { padding-top: 5px !important } .pt-sm-10 { padding-top: 10px !important } .pt-sm-15 { padding-top: 15px !important } .pt-sm-20 { padding-top: 20px !important } .pt-sm-30 { padding-top: 30px !important } .pt-sm-40 { padding-top: 40px !important } .pt-sm-50 { padding-top: 50px !important } .pt-sm-60 { padding-top: 60px !important } .pt-sm-70 { padding-top: 70px !important } .pt-sm-80 { padding-top: 80px !important } .pt-sm-90 { padding-top: 90px !important } .pt-sm-100 { padding-top: 100px !important } .pt-sm-110 { padding-top: 110px !important } .pt-sm-120 { padding-top: 120px !important } .pt-sm-130 { padding-top: 130px !important } .pt-sm-140 { padding-top: 140px !important } .pt-sm-150 { padding-top: 150px !important } .pt-sm-160 { padding-top: 160px !important } .pt-sm-170 { padding-top: 170px !important } .pt-sm-180 { padding-top: 180px !important } .pt-sm-190 { padding-top: 190px !important } .pt-sm-200 { padding-top: 200px !important } /* * 4.8 -> Padding right * ----------------------------------------------- */ .pr-sm-0 { padding-right: 0 !important; } .pr-sm-5 { padding-right: 5px !important } .pr-sm-10 { padding-right: 10px !important } .pr-sm-15 { padding-right: 15px !important } .pr-sm-20 { padding-right: 20px !important } .pr-sm-30 { padding-right: 30px !important } .pr-sm-40 { padding-right: 40px !important } .pr-sm-50 { padding-right: 50px !important } .pr-sm-60 { padding-right: 60px !important } .pr-sm-70 { padding-right: 70px !important } .pr-sm-80 { padding-right: 80px !important } .pr-sm-90 { padding-right: 90px !important } .pr-sm-100 { padding-right: 100px !important } .pr-sm-110 { padding-right: 110px !important } .pr-sm-120 { padding-right: 120px !important } .pr-sm-130 { padding-right: 130px !important } .pr-sm-140 { padding-right: 140px !important } .pr-sm-150 { padding-right: 150px !important } .pr-sm-160 { padding-right: 160px !important } .pr-sm-170 { padding-right: 170px !important } .pr-sm-180 { padding-right: 180px !important } .pr-sm-190 { padding-right: 190px !important } .pr-sm-200 { padding-right: 200px !important } /* * 4.9 -> Padding bottom * ----------------------------------------------- */ .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-5 { padding-bottom: 5px !important } .pb-sm-10 { padding-bottom: 10px !important } .pb-sm-15 { padding-bottom: 15px !important } .pb-sm-20 { padding-bottom: 20px !important } .pb-sm-30 { padding-bottom: 30px !important } .pb-sm-40 { padding-bottom: 40px !important } .pb-sm-50 { padding-bottom: 50px !important } .pb-sm-60 { padding-bottom: 60px !important } .pb-sm-70 { padding-bottom: 70px !important } .pb-sm-80 { padding-bottom: 80px !important } .pb-sm-90 { padding-bottom: 90px !important } .pb-sm-100 { padding-bottom: 100px !important } .pb-sm-110 { padding-bottom: 110px !important } .pb-sm-120 { padding-bottom: 120px !important } .pb-sm-130 { padding-bottom: 130px !important } .pb-sm-140 { padding-bottom: 140px !important } .pb-sm-150 { padding-bottom: 150px !important } .pb-sm-160 { padding-bottom: 160px !important } .pb-sm-170 { padding-bottom: 170px !important } .pb-sm-180 { padding-bottom: 180px !important } .pb-sm-190 { padding-bottom: 190px !important } .pb-sm-200 { padding-bottom: 200px !important } /* * 4.10 -> Padding left * ----------------------------------------------- */ .pl-sm-0 { padding-left: 0 !important; } .pl-sm-5 { padding-left: 5px !important } .pl-sm-10 { padding-left: 10px !important } .pl-sm-15 { padding-left: 15px !important } .pl-sm-20 { padding-left: 20px !important } .pl-sm-30 { padding-left: 30px !important } .pl-sm-40 { padding-left: 40px !important } .pl-sm-50 { padding-left: 50px !important } .pl-sm-60 { padding-left: 60px !important } .pl-sm-70 { padding-left: 70px !important } .pl-sm-80 { padding-left: 80px !important } .pl-sm-90 { padding-left: 90px !important } .pl-sm-100 { padding-left: 100px !important } .pl-sm-110 { padding-left: 110px !important } .pl-sm-120 { padding-left: 120px !important } .pl-sm-130 { padding-left: 130px !important } .pl-sm-140 { padding-left: 140px !important } .pl-sm-150 { padding-left: 150px !important } .pl-sm-160 { padding-left: 160px !important } .pl-sm-170 { padding-left: 170px !important } .pl-sm-180 { padding-left: 180px !important } .pl-sm-190 { padding-left: 190px !important } .pl-sm-200 { padding-left: 200px !important } } /* * 5 -> xs: max-width 767px * ----------------------------------------------- */ @media (max-width:767px) { /* * 5.1 -> Basic Margin * ----------------------------------------------- */ .m-xs-0 { margin: 0px !important } .m-xs-5 { margin: 5px !important } .m-xs-10 { margin: 10px !important } .m-xs-15 { margin: 15px !important } .m-xs-20 { margin: 20px !important } .m-xs-30 { margin: 30px !important } .m-xs-40 { margin: 40px !important } .m-xs-50 { margin: 50px !important } .m-xs-60 { margin: 60px !important } .m-xs-70 { margin: 70px !important } .m-xs-80 { margin: 80px !important } .m-xs-90 { margin: 90px !important } .m-xs-100 { margin: 100px !important } .m-xs-110 { margin: 110px !important } .m-xs-120 { margin: 120px !important } .m-xs-130 { margin: 130px !important } .m-xs-140 { margin: 140px !important } .m-xs-150 { margin: 150px !important } .m-xs-160 { margin: 160px !important } .m-xs-170 { margin: 170px !important } .m-xs-180 { margin: 180px !important } .m-xs-190 { margin: 190px !important } .m-xs-200 { margin: 200px !important } /* * 5.2 -> Basic Padding * ----------------------------------------------- */ .p-xs-0 { padding: 0 !important; } .p-xs-5 { padding: 5px !important } .p-xs-10 { padding: 10px !important } .p-xs-15 { padding: 15px !important } .p-xs-20 { padding: 20px !important } .p-xs-30 { padding: 30px !important } .p-xs-40 { padding: 40px !important } .p-xs-50 { padding: 50px !important } .p-xs-60 { padding: 60px !important } .p-xs-70 { padding: 70px !important } .p-xs-80 { padding: 80px !important } .p-xs-90 { padding: 90px !important } .p-xs-100 { padding: 100px !important } .p-xs-110 { padding: 110px !important } .p-xs-120 { padding: 120px !important } .p-xs-130 { padding: 130px !important } .p-xs-140 { padding: 140px !important } .p-xs-150 { padding: 150px !important } .p-xs-160 { padding: 160px !important } .p-xs-170 { padding: 170px !important } .p-xs-180 { padding: 180px !important } .p-xs-190 { padding: 190px !important } .p-xs-200 { padding: 200px !important } /* * 5.3 -> Margin top * ----------------------------------------------- */ .mt-xs-0 { margin-top: 0 !important; } .mt-xs-5 { margin-top: 5px !important } .mt-xs-10 { margin-top: 10px !important } .mt-xs-15 { margin-top: 15px !important } .mt-xs-20 { margin-top: 20px !important } .mt-xs-30 { margin-top: 30px !important } .mt-xs-40 { margin-top: 40px !important } .mt-xs-50 { margin-top: 50px !important } .mt-xs-60 { margin-top: 60px !important } .mt-xs-70 { margin-top: 70px !important } .mt-xs-80 { margin-top: 80px !important } .mt-xs-90 { margin-top: 90px !important } .mt-xs-100 { margin-top: 100px !important } .mt-xs-110 { margin-top: 110px !important } .mt-xs-120 { margin-top: 120px !important } .mt-xs-130 { margin-top: 130px !important } .mt-xs-140 { margin-top: 140px !important } .mt-xs-150 { margin-top: 150px !important } .mt-xs-160 { margin-top: 160px !important } .mt-xs-170 { margin-top: 170px !important } .mt-xs-180 { margin-top: 180px !important } .mt-xs-190 { margin-top: 190px !important } .mt-xs-200 { margin-top: 200px !important } /* * 5.4 -> Margin right * ----------------------------------------------- */ .mr-xs-0 { margin-right: 0 !important; } .mr-xs-5 { margin-right: 5px !important } .mr-xs-10 { margin-right: 10px !important } .mr-xs-15 { margin-right: 15px !important } .mr-xs-20 { margin-right: 20px !important } .mr-xs-30 { margin-right: 30px !important } .mr-xs-40 { margin-right: 40px !important } .mr-xs-50 { margin-right: 50px !important } .mr-xs-60 { margin-right: 60px !important } .mr-xs-70 { margin-right: 70px !important } .mr-xs-80 { margin-right: 80px !important } .mr-xs-90 { margin-right: 90px !important } .mr-xs-100 { margin-right: 100px !important } .mr-xs-110 { margin-right: 110px !important } .mr-xs-120 { margin-right: 120px !important } .mr-xs-130 { margin-right: 130px !important } .mr-xs-140 { margin-right: 140px !important } .mr-xs-150 { margin-right: 150px !important } .mr-xs-160 { margin-right: 160px !important } .mr-xs-170 { margin-right: 170px !important } .mr-xs-180 { margin-right: 180px !important } .mr-xs-190 { margin-right: 190px !important } .mr-xs-200 { margin-right: 200px !important } /* * 5.5 -> Margin bottom * ----------------------------------------------- */ .mb-xs-0 { margin-bottom: 0 !important; } .mb-xs-5 { margin-bottom: 5px !important } .mb-xs-10 { margin-bottom: 10px !important } .mb-xs-15 { margin-bottom: 15px !important } .mb-xs-20 { margin-bottom: 20px !important } .mb-xs-30 { margin-bottom: 30px !important } .mb-xs-40 { margin-bottom: 40px !important } .mb-xs-50 { margin-bottom: 50px !important } .mb-xs-60 { margin-bottom: 60px !important } .mb-xs-70 { margin-bottom: 70px !important } .mb-xs-80 { margin-bottom: 80px !important } .mb-xs-90 { margin-bottom: 90px !important } .mb-xs-100 { margin-bottom: 100px !important } .mb-xs-110 { margin-bottom: 110px !important } .mb-xs-120 { margin-bottom: 120px !important } .mb-xs-130 { margin-bottom: 130px !important } .mb-xs-140 { margin-bottom: 140px !important } .mb-xs-150 { margin-bottom: 150px !important } .mb-xs-160 { margin-bottom: 160px !important } .mb-xs-170 { margin-bottom: 170px !important } .mb-xs-180 { margin-bottom: 180px !important } .mb-xs-190 { margin-bottom: 190px !important } .mb-xs-200 { margin-bottom: 200px !important } /* * 5.6 -> Margin left * ----------------------------------------------- */ .ml-xs-0 { margin-left: 0 !important; } .ml-xs-5 { margin-left: 5px !important } .ml-xs-10 { margin-left: 10px !important } .ml-xs-15 { margin-left: 15px !important } .ml-xs-20 { margin-left: 20px !important } .ml-xs-30 { margin-left: 30px !important } .ml-xs-40 { margin-left: 40px !important } .ml-xs-50 { margin-left: 50px !important } .ml-xs-60 { margin-left: 60px !important } .ml-xs-70 { margin-left: 70px !important } .ml-xs-80 { margin-left: 80px !important } .ml-xs-90 { margin-left: 90px !important } .ml-xs-100 { margin-left: 100px !important } .ml-xs-110 { margin-left: 110px !important } .ml-xs-120 { margin-left: 120px !important } .ml-xs-130 { margin-left: 130px !important } .ml-xs-140 { margin-left: 140px !important } .ml-xs-150 { margin-left: 150px !important } .ml-xs-160 { margin-left: 160px !important } .ml-xs-170 { margin-left: 170px !important } .ml-xs-180 { margin-left: 180px !important } .ml-xs-190 { margin-left: 190px !important } .ml-xs-200 { margin-left: 200px !important } /* * 5.7 -> Padding top * ----------------------------------------------- */ .pt-xs-0 { padding-top: 0 !important; } .pt-xs-5 { padding-top: 5px !important } .pt-xs-10 { padding-top: 10px !important } .pt-xs-15 { padding-top: 15px !important } .pt-xs-20 { padding-top: 20px !important } .pt-xs-30 { padding-top: 30px !important } .pt-xs-40 { padding-top: 40px !important } .pt-xs-50 { padding-top: 50px !important } .pt-xs-60 { padding-top: 60px !important } .pt-xs-70 { padding-top: 70px !important } .pt-xs-80 { padding-top: 80px !important } .pt-xs-90 { padding-top: 90px !important } .pt-xs-100 { padding-top: 100px !important } .pt-xs-110 { padding-top: 110px !important } .pt-xs-120 { padding-top: 120px !important } .pt-xs-130 { padding-top: 130px !important } .pt-xs-140 { padding-top: 140px !important } .pt-xs-150 { padding-top: 150px !important } .pt-xs-160 { padding-top: 160px !important } .pt-xs-170 { padding-top: 170px !important } .pt-xs-180 { padding-top: 180px !important } .pt-xs-190 { padding-top: 190px !important } .pt-xs-200 { padding-top: 200px !important } /* * 5.8 -> Padding right * ----------------------------------------------- */ .pr-xs-0 { padding-right: 0 !important; } .pr-xs-5 { padding-right: 5px !important } .pr-xs-10 { padding-right: 10px !important } .pr-xs-15 { padding-right: 15px !important } .pr-xs-20 { padding-right: 20px !important } .pr-xs-30 { padding-right: 30px !important } .pr-xs-40 { padding-right: 40px !important } .pr-xs-50 { padding-right: 50px !important } .pr-xs-60 { padding-right: 60px !important } .pr-xs-70 { padding-right: 70px !important } .pr-xs-80 { padding-right: 80px !important } .pr-xs-90 { padding-right: 90px !important } .pr-xs-100 { padding-right: 100px !important } .pr-xs-110 { padding-right: 110px !important } .pr-xs-120 { padding-right: 120px !important } .pr-xs-130 { padding-right: 130px !important } .pr-xs-140 { padding-right: 140px !important } .pr-xs-150 { padding-right: 150px !important } .pr-xs-160 { padding-right: 160px !important } .pr-xs-170 { padding-right: 170px !important } .pr-xs-180 { padding-right: 180px !important } .pr-xs-190 { padding-right: 190px !important } .pr-xs-200 { padding-right: 200px !important } /* * 5.9 -> Padding bottom * ----------------------------------------------- */ .pb-xs-0 { padding-bottom: 0 !important; } .pb-xs-5 { padding-bottom: 5px !important } .pb-xs-10 { padding-bottom: 10px !important } .pb-xs-15 { padding-bottom: 15px !important } .pb-xs-20 { padding-bottom: 20px !important } .pb-xs-30 { padding-bottom: 30px !important } .pb-xs-40 { padding-bottom: 40px !important } .pb-xs-50 { padding-bottom: 50px !important } .pb-xs-60 { padding-bottom: 60px !important } .pb-xs-70 { padding-bottom: 70px !important } .pb-xs-80 { padding-bottom: 80px !important } .pb-xs-90 { padding-bottom: 90px !important } .pb-xs-100 { padding-bottom: 100px !important } .pb-xs-110 { padding-bottom: 110px !important } .pb-xs-120 { padding-bottom: 120px !important } .pb-xs-130 { padding-bottom: 130px !important } .pb-xs-140 { padding-bottom: 140px !important } .pb-xs-150 { padding-bottom: 150px !important } .pb-xs-160 { padding-bottom: 160px !important } .pb-xs-170 { padding-bottom: 170px !important } .pb-xs-180 { padding-bottom: 180px !important } .pb-xs-190 { padding-bottom: 190px !important } .pb-xs-200 { padding-bottom: 200px !important } /* * 5.10 -> Padding left * ----------------------------------------------- */ .pl-xs-0 { padding-left: 0 !important; } .pl-xs-5 { padding-left: 5px !important } .pl-xs-10 { padding-left: 10px !important } .pl-xs-15 { padding-left: 15px !important } .pl-xs-20 { padding-left: 20px !important } .pl-xs-30 { padding-left: 30px !important } .pl-xs-40 { padding-left: 40px !important } .pl-xs-50 { padding-left: 50px !important } .pl-xs-60 { padding-left: 60px !important } .pl-xs-70 { padding-left: 70px !important } .pl-xs-80 { padding-left: 80px !important } .pl-xs-90 { padding-left: 90px !important } .pl-xs-100 { padding-left: 100px !important } .pl-xs-110 { padding-left: 110px !important } .pl-xs-120 { padding-left: 120px !important } .pl-xs-130 { padding-left: 130px !important } .pl-xs-140 { padding-left: 140px !important } .pl-xs-150 { padding-left: 150px !important } .pl-xs-160 { padding-left: 160px !important } .pl-xs-170 { padding-left: 170px !important } .pl-xs-180 { padding-left: 180px !important } .pl-xs-190 { padding-left: 190px !important } .pl-xs-200 { padding-left: 200px !important } } /* * 6 -> xxs: max-width 479px * ----------------------------------------------- */ @media (max-width:479px) { /* * 6.1 -> Basic Margin * ----------------------------------------------- */ .m-xxs-0 { margin: 0px !important } .m-xxs-5 { margin: 5px !important } .m-xxs-10 { margin: 10px !important } .m-xxs-15 { margin: 15px !important } .m-xxs-20 { margin: 20px !important } .m-xxs-30 { margin: 30px !important } .m-xxs-40 { margin: 40px !important } .m-xxs-50 { margin: 50px !important } .m-xxs-60 { margin: 60px !important } .m-xxs-70 { margin: 70px !important } .m-xxs-80 { margin: 80px !important } .m-xxs-90 { margin: 90px !important } .m-xxs-100 { margin: 100px !important } .m-xxs-110 { margin: 110px !important } .m-xxs-120 { margin: 120px !important } .m-xxs-130 { margin: 130px !important } .m-xxs-140 { margin: 140px !important } .m-xxs-150 { margin: 150px !important } .m-xxs-160 { margin: 160px !important } .m-xxs-170 { margin: 170px !important } .m-xxs-180 { margin: 180px !important } .m-xxs-190 { margin: 190px !important } .m-xxs-200 { margin: 200px !important } /* * 6.2 -> Basic Padding * ----------------------------------------------- */ .p-xxs-0 { padding: 0 !important; } .p-xxs-5 { padding: 5px !important } .p-xxs-10 { padding: 10px !important } .p-xxs-15 { padding: 15px !important } .p-xxs-20 { padding: 20px !important } .p-xxs-30 { padding: 30px !important } .p-xxs-40 { padding: 40px !important } .p-xxs-50 { padding: 50px !important } .p-xxs-60 { padding: 60px !important } .p-xxs-70 { padding: 70px !important } .p-xxs-80 { padding: 80px !important } .p-xxs-90 { padding: 90px !important } .p-xxs-100 { padding: 100px !important } .p-xxs-110 { padding: 110px !important } .p-xxs-120 { padding: 120px !important } .p-xxs-130 { padding: 130px !important } .p-xxs-140 { padding: 140px !important } .p-xxs-150 { padding: 150px !important } .p-xxs-160 { padding: 160px !important } .p-xxs-170 { padding: 170px !important } .p-xxs-180 { padding: 180px !important } .p-xxs-190 { padding: 190px !important } .p-xxs-200 { padding: 200px !important } /* * 6.3 -> Margin top * ----------------------------------------------- */ .mt-xxs-0 { margin-top: 0 !important; } .mt-xxs-5 { margin-top: 5px !important } .mt-xxs-10 { margin-top: 10px !important } .mt-xxs-15 { margin-top: 15px !important } .mt-xxs-20 { margin-top: 20px !important } .mt-xxs-30 { margin-top: 30px !important } .mt-xxs-40 { margin-top: 40px !important } .mt-xxs-50 { margin-top: 50px !important } .mt-xxs-60 { margin-top: 60px !important } .mt-xxs-70 { margin-top: 70px !important } .mt-xxs-80 { margin-top: 80px !important } .mt-xxs-90 { margin-top: 90px !important } .mt-xxs-100 { margin-top: 100px !important } .mt-xxs-110 { margin-top: 110px !important } .mt-xxs-120 { margin-top: 120px !important } .mt-xxs-130 { margin-top: 130px !important } .mt-xxs-140 { margin-top: 140px !important } .mt-xxs-150 { margin-top: 150px !important } .mt-xxs-160 { margin-top: 160px !important } .mt-xxs-170 { margin-top: 170px !important } .mt-xxs-180 { margin-top: 180px !important } .mt-xxs-190 { margin-top: 190px !important } .mt-xxs-200 { margin-top: 200px !important } /* * 6.4 -> Margin right * ----------------------------------------------- */ .mr-xxs-0 { margin-right: 0 !important; } .mr-xxs-5 { margin-right: 5px !important } .mr-xxs-10 { margin-right: 10px !important } .mr-xxs-15 { margin-right: 15px !important } .mr-xxs-20 { margin-right: 20px !important } .mr-xxs-30 { margin-right: 30px !important } .mr-xxs-40 { margin-right: 40px !important } .mr-xxs-50 { margin-right: 50px !important } .mr-xxs-60 { margin-right: 60px !important } .mr-xxs-70 { margin-right: 70px !important } .mr-xxs-80 { margin-right: 80px !important } .mr-xxs-90 { margin-right: 90px !important } .mr-xxs-100 { margin-right: 100px !important } .mr-xxs-110 { margin-right: 110px !important } .mr-xxs-120 { margin-right: 120px !important } .mr-xxs-130 { margin-right: 130px !important } .mr-xxs-140 { margin-right: 140px !important } .mr-xxs-150 { margin-right: 150px !important } .mr-xxs-160 { margin-right: 160px !important } .mr-xxs-170 { margin-right: 170px !important } .mr-xxs-180 { margin-right: 180px !important } .mr-xxs-190 { margin-right: 190px !important } .mr-xxs-200 { margin-right: 200px !important } /* * 6.5 -> Margin bottom * ----------------------------------------------- */ .mb-xxs-0 { margin-bottom: 0 !important; } .mb-xxs-5 { margin-bottom: 5px !important } .mb-xxs-10 { margin-bottom: 10px !important } .mb-xxs-15 { margin-bottom: 15px !important } .mb-xxs-20 { margin-bottom: 20px !important } .mb-xxs-30 { margin-bottom: 30px !important } .mb-xxs-40 { margin-bottom: 40px !important } .mb-xxs-50 { margin-bottom: 50px !important } .mb-xxs-60 { margin-bottom: 60px !important } .mb-xxs-70 { margin-bottom: 70px !important } .mb-xxs-80 { margin-bottom: 80px !important } .mb-xxs-90 { margin-bottom: 90px !important } .mb-xxs-100 { margin-bottom: 100px !important } .mb-xxs-110 { margin-bottom: 110px !important } .mb-xxs-120 { margin-bottom: 120px !important } .mb-xxs-130 { margin-bottom: 130px !important } .mb-xxs-140 { margin-bottom: 140px !important } .mb-xxs-150 { margin-bottom: 150px !important } .mb-xxs-160 { margin-bottom: 160px !important } .mb-xxs-170 { margin-bottom: 170px !important } .mb-xxs-180 { margin-bottom: 180px !important } .mb-xxs-190 { margin-bottom: 190px !important } .mb-xxs-200 { margin-bottom: 200px !important } /* * 6.6 -> Margin left * ----------------------------------------------- */ .ml-xxs-0 { margin-left: 0 !important; } .ml-xxs-5 { margin-left: 5px !important } .ml-xxs-10 { margin-left: 10px !important } .ml-xxs-15 { margin-left: 15px !important } .ml-xxs-20 { margin-left: 20px !important } .ml-xxs-30 { margin-left: 30px !important } .ml-xxs-40 { margin-left: 40px !important } .ml-xxs-50 { margin-left: 50px !important } .ml-xxs-60 { margin-left: 60px !important } .ml-xxs-70 { margin-left: 70px !important } .ml-xxs-80 { margin-left: 80px !important } .ml-xxs-90 { margin-left: 90px !important } .ml-xxs-100 { margin-left: 100px !important } .ml-xxs-110 { margin-left: 110px !important } .ml-xxs-120 { margin-left: 120px !important } .ml-xxs-130 { margin-left: 130px !important } .ml-xxs-140 { margin-left: 140px !important } .ml-xxs-150 { margin-left: 150px !important } .ml-xxs-160 { margin-left: 160px !important } .ml-xxs-170 { margin-left: 170px !important } .ml-xxs-180 { margin-left: 180px !important } .ml-xxs-190 { margin-left: 190px !important } .ml-xxs-200 { margin-left: 200px !important } /* * 6.7 -> Padding top * ----------------------------------------------- */ .pt-xxs-0 { padding-top: 0 !important; } .pt-xxs-5 { padding-top: 5px !important } .pt-xxs-10 { padding-top: 10px !important } .pt-xxs-15 { padding-top: 15px !important } .pt-xxs-20 { padding-top: 20px !important } .pt-xxs-30 { padding-top: 30px !important } .pt-xxs-40 { padding-top: 40px !important } .pt-xxs-50 { padding-top: 50px !important } .pt-xxs-60 { padding-top: 60px !important } .pt-xxs-70 { padding-top: 70px !important } .pt-xxs-80 { padding-top: 80px !important } .pt-xxs-90 { padding-top: 90px !important } .pt-xxs-100 { padding-top: 100px !important } .pt-xxs-110 { padding-top: 110px !important } .pt-xxs-120 { padding-top: 120px !important } .pt-xxs-130 { padding-top: 130px !important } .pt-xxs-140 { padding-top: 140px !important } .pt-xxs-150 { padding-top: 150px !important } .pt-xxs-160 { padding-top: 160px !important } .pt-xxs-170 { padding-top: 170px !important } .pt-xxs-180 { padding-top: 180px !important } .pt-xxs-190 { padding-top: 190px !important } .pt-xxs-200 { padding-top: 200px !important } /* * 6.8 -> Padding right * ----------------------------------------------- */ .pr-xxs-0 { padding-right: 0 !important; } .pr-xxs-5 { padding-right: 5px !important } .pr-xxs-10 { padding-right: 10px !important } .pr-xxs-15 { padding-right: 15px !important } .pr-xxs-20 { padding-right: 20px !important } .pr-xxs-30 { padding-right: 30px !important } .pr-xxs-40 { padding-right: 40px !important } .pr-xxs-50 { padding-right: 50px !important } .pr-xxs-60 { padding-right: 60px !important } .pr-xxs-70 { padding-right: 70px !important } .pr-xxs-80 { padding-right: 80px !important } .pr-xxs-90 { padding-right: 90px !important } .pr-xxs-100 { padding-right: 100px !important } .pr-xxs-110 { padding-right: 110px !important } .pr-xxs-120 { padding-right: 120px !important } .pr-xxs-130 { padding-right: 130px !important } .pr-xxs-140 { padding-right: 140px !important } .pr-xxs-150 { padding-right: 150px !important } .pr-xxs-160 { padding-right: 160px !important } .pr-xxs-170 { padding-right: 170px !important } .pr-xxs-180 { padding-right: 180px !important } .pr-xxs-190 { padding-right: 190px !important } .pr-xxs-200 { padding-right: 200px !important } /* * 6.9 -> Padding bottom * ----------------------------------------------- */ .pb-xxs-0 { padding-bottom: 0 !important; } .pb-xxs-5 { padding-bottom: 5px !important } .pb-xxs-10 { padding-bottom: 10px !important } .pb-xxs-15 { padding-bottom: 15px !important } .pb-xxs-20 { padding-bottom: 20px !important } .pb-xxs-30 { padding-bottom: 30px !important } .pb-xxs-40 { padding-bottom: 40px !important } .pb-xxs-50 { padding-bottom: 50px !important } .pb-xxs-60 { padding-bottom: 60px !important } .pb-xxs-70 { padding-bottom: 70px !important } .pb-xxs-80 { padding-bottom: 80px !important } .pb-xxs-90 { padding-bottom: 90px !important } .pb-xxs-100 { padding-bottom: 100px !important } .pb-xxs-110 { padding-bottom: 110px !important } .pb-xxs-120 { padding-bottom: 120px !important } .pb-xxs-130 { padding-bottom: 130px !important } .pb-xxs-140 { padding-bottom: 140px !important } .pb-xxs-150 { padding-bottom: 150px !important } .pb-xxs-160 { padding-bottom: 160px !important } .pb-xxs-170 { padding-bottom: 170px !important } .pb-xxs-180 { padding-bottom: 180px !important } .pb-xxs-190 { padding-bottom: 190px !important } .pb-xxs-200 { padding-bottom: 200px !important } /* * 6.10 -> Padding left * ----------------------------------------------- */ .pl-xxs-0 { padding-left: 0 !important; } .pl-xxs-5 { padding-left: 5px !important } .pl-xxs-10 { padding-left: 10px !important } .pl-xxs-15 { padding-left: 15px !important } .pl-xxs-20 { padding-left: 20px !important } .pl-xxs-30 { padding-left: 30px !important } .pl-xxs-40 { padding-left: 40px !important } .pl-xxs-50 { padding-left: 50px !important } .pl-xxs-60 { padding-left: 60px !important } .pl-xxs-70 { padding-left: 70px !important } .pl-xxs-80 { padding-left: 80px !important } .pl-xxs-90 { padding-left: 90px !important } .pl-xxs-100 { padding-left: 100px !important } .pl-xxs-110 { padding-left: 110px !important } .pl-xxs-120 { padding-left: 120px !important } .pl-xxs-130 { padding-left: 130px !important } .pl-xxs-140 { padding-left: 140px !important } .pl-xxs-150 { padding-left: 150px !important } .pl-xxs-160 { padding-left: 160px !important } .pl-xxs-170 { padding-left: 170px !important } .pl-xxs-180 { padding-left: 180px !important } .pl-xxs-190 { padding-left: 190px !important } .pl-xxs-200 { padding-left: 200px !important } } /** * * Overlay * Flat Button * Flat Title * Parallax * Border * Flat Info * Flat Action * Flat Adds * Flat Event * Flat Featured * Iconbox * Imgbox * Flat Counter * Flat Tabs * Flat Team * Flat Search * Flat Accodion * Transition Hover * Flat Img Single Slider * Flat About Info * Flat About Detail * Flat Video * Flat Free Month * Flat Courses * Flat Filter Isotype * Flat Popular Courses * Flat Register Now * Flat Skilled Instructors * Flat Upcoming Events * Flat Testimonials * Flat Services * Flat Categories * Flat Post * Flat Comments * Flat Form Reply * **/ /* Overlay -------------------------------------------------- */ .overlay { position: absolute; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .top .overlay { position: absolute; width: 100%; height: 100%; top: 0; right: 0; background: linear-gradient(90deg, #070b1f 0%, #0f172a 55%, #111c33 100%); } .top .overlay.v2 { background: #1d2f40; } .top .overlay.style2 { background: #f3728b; } .flat-title-page .overlay { background: #192836; opacity: 0.71; width: 100%; height: 100%; top: 0; right: 0; } .flat-title-page.style2 .overlay { opacity: 0.77; } .flat-title-page .overlay.style2 { background: #f3728b; } .flat-title-page .overlay.style3 { background: #4646c3; } .flat-title-page .overlay.style4 { background: #192836; } .flat-feature .overlay { background: #f3728b; opacity: 0.75; width: 100%; height: 100%; top: 0; right: 0; } .flat-feature .overlay.v2 { opacity: 1; } .flat-feature.style2 .overlay { background: #fff; opacity: 0.75; } .product-item .overlay { background: #515e6f; position: absolute; } .flat-free-month .overlay { background: #ec5252; opacity: 0.8; width: 100%; height: 100%; top: 0; right: 0; } .flat-register-now .overlay { background: rgba(25, 40, 54, 0.7); width: 100%; height: 100%; top: 0; right: 0; opacity: 0.88; } /* Flat Button -------------------------------------------------- */ .flat-button { display: inline-block; position: relative; overflow: hidden; z-index: 1; } .flat-button::after, .flat-button::before { position: absolute; content: ""; -webkit-transition: all 0.35s ease-in-out 0s; -moz-transition: all 0.35s ease-in-out 0s; -ms-transition: all 0.35s ease-in-out 0s; -o-transition: all 0.35s ease-in-out 0s; transition: all 0.35s ease-in-out 0s; } .flat-button::before { top: 0; right: 0; width: 150%; height: 100%; z-index: -1; background-color: #f3728b; -webkit-transform: rotate3d(0, 0, 1, 45deg) translate3d(0, -4em, 0); transform: rotate3d(0, 0, 1, 45deg) translate3d(0, -4em, 0); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transition: all 0.35s ease-in-out 0s; -moz-transition: all 0.35s ease-in-out 0s; -ms-transition: all 0.35s ease-in-out 0s; -o-transition: all 0.35s ease-in-out 0s; transition: all 0.35s ease-in-out 0s; } .flat-button:hover::before { opacity: 1; -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .flat-button.border { font-size: 13px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.3px; border-radius: 23px; padding: 17px 30px 15px 30px; } .flat-button.border::after { content: none; } /* Flat Title -------------------------------------------------- */ .flat-title .title { margin-bottom: 37px; } .flat-title .description { margin-bottom: 74px; font-size: 16px; padding: 0 8.5% 0 10%; line-height: 26px; } /* Parallax -------------------------------------------------- */ .parallax { width: 100%; background-repeat: no-repeat; background-position: 50% 0; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } .parallax1 { background: url("/assets/images/title-page/bg-slider.png") center center no-repeat; } .parallax-login { background: url("/assets/images/title-page/login-background.jpg") center center no-repeat; } .parallax2 { background: url("/assets/images/feature/bg-feature-2.png") center center no-repeat; background-size: cover; } .parallax2.style2 { background: url("/assets/images/feature/bg-feature-1.png") center center no-repeat; background-size: cover; } .parallax3 { background: url("/assets/images/title-page/bg-slider-2.png") center center no-repeat; } .parallax4 { background: url("/assets/images/title-page/bg-slider-3.png") center center no-repeat; } .parallax5 { background: url("/assets/images/title-page/bg-slider-4.png") center center no-repeat; } .parallax6 { background: url("/assets/images/title-page/bg-slider-5.png") center center no-repeat; background-size: cover; } .parallax7 { background: url("/assets/images/title-page/bg-slider-6.png") center center no-repeat; } .parallax8 { background: url("/assets/images/title-page/bg-slider-7.png") center center no-repeat; background-size: cover; } .parallax9 { background: url("/assets/images/courses/bg-free-month.png") center center no-repeat; background-size: cover; } .parallax10 { background: url("/assets/images/title-page/bg-slider-8.png") center center no-repeat; background-size: cover; } .parallax11 { background: url("/assets/images/title-page/bg-slider-9.png") center center no-repeat; background-size: cover; } .parallax12 { background: url("/assets/images/title-page/bg-slider-10.png") center center no-repeat; background-size: cover; } .parallax13.style2 { background: url("/assets/images/bg-video.png") center center no-repeat; } .parallax14 { background: url("/assets/images/free-month/bg-free-month.png") center center no-repeat; background-size: cover; } .parallax15 { background: url("/assets/images/free-month/bg-free-month-2.png") center center no-repeat; background-size: cover; } .parallax16 { background: url("/assets/images/title-page/bg-slider-11.png") center center no-repeat; background-size: cover; } /* Border -------------------------------------------------- */ .border-bt-d1d1ff { border-bottom: 1px solid #3a465a; } .border-ra4 { border-radius: 4px; } .border-f-e6f3ff { border: 1px solid #c7c7c7; } .border-bt-e6f3ff { border-bottom: 1px solid #c7c7c7; } .border-l-e6f3ff { border-right: 1px solid #e6f3ff; } .border-r-e6f3ff { border-left: 1px solid #e6f3ff; } .border-t-e6f3ff { border-top: 1px solid #e6f3ff; } .border-bt-f0f0f0 { border-bottom: 1px solid #f0f0f0; } /* Flat Info -------------------------------------------------- */ .flat-info ul li { display: inline-block; } .flat-info ul li:not(:last-child) { margin-left: 20px; } .flat-info a { font-size: 12px; color: #fff; font-weight: 500; } .flat-info ul li:before { content: ""; font-family: "FontAwesome"; color: #fff; padding-left: 8px; font-size: 12px; font-weight: 400; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /*.flat-info ul li.phone:before { content: "\f098"; } .flat-info ul li.mail:before { content: "\f0e0"; }*/ .top .flat-info { margin-top: 15px; } /* style2 */ .top .flat-info.style2 { margin-top: 5px; margin-bottom: 3px; } .style2.flat-info a, .style2.flat-info li:before { color: #515e6f; } .style2.flat-info li:hover a, .style2.flat-info li:hover:before { color: #f3728b; } .style2.flat-info.v2 li:hover a, .style2.flat-info.v2 li:hover:before { color: #ec5252; } /* Flat Action -------------------------------------------------- */ .flat-action ul li { display: inline-block; } .flat-action ul li:not(:last-child):after { content: "|"; margin: 0 9px 0 12px; font-weight: 700; } .flat-action a { font-size: 12px; color: #fff; font-weight: 500; } /* style2 */ .flat-action.style2 ul li:not(:last-child):after { content: unset; } .flat-action.style2 ul li { border: 1px solid rgba(209,209,255,0.18); padding: 5px 10px 0 14px; margin: 0 -2px; border-bottom: 0; } .flat-action.style2 ul li a { color: #98aac2; } .flat-action.style2 ul li:before { content: ""; padding-left: 3px; font-family: "Font Awesome 5 Free"; color: #98aac2; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flat-action.style2 ul li:hover a, .flat-action.style2 ul li:hover:before { color: #f3728b; } .flat-action.style2.v2 ul li:hover a, .flat-action.style2.v2 ul li:hover:before { color: #ec5252; } .flat-action.style2 ul li.register:before { content: "\f044"; } .flat-action.style2 ul li.user:before { content: "\f2bd"; } /* Flat Adds -------------------------------------------------- */ .flat-adds { color: #fff; } .flat-adds p:first-child { font-size: 12px; display: inline-block; letter-spacing: 0.1px; padding-left: 13px; } .flat-adds span.underline-text { text-decoration: underline; } .flat-adds .datetime { display: inline; background: #fa778a; border-radius: 5px; padding: 4px 7px; font-size: 12px; } /* Flat Event -------------------------------------------------- */ .meta-date { position: absolute; width: 105px; height: 87px; background: #f3728b; font-weight: 900; color: #fff; padding-top: 20px; } .meta-date .day { font-size: 30px; } .meta-date .month { font-size: 16px; } .event-img { position: relative; overflow: hidden; border-radius: 4px; } .event-img img, .author img { width: 100%; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .meta-datetime li:not(:last-child):after { content: "|"; font-weight: 700; padding-right: 5px; color: #f3728b; } .meta-datetime li a { color: #f3728b; font-weight: 700; } .meta-datetime li a:hover { color: #515e6f; } .author { padding-left: 80px; } .author .author-avata { float: right; margin-left: 15px; } .author .name { margin-bottom: 5px; } .author .name a { color: #f3728b; } .author .name a:hover { color: #515e6f; } .author .author-avata { overflow: hidden; border-radius: 4px; } .author:hover img { transform: scale(1.2); } .event:hover .event-img img { transform: scale(1.1); } .meta-list ul li { margin-left: 14px; } .meta-list ul li::before { content: ""; font-family: "Font Awesome 5 Pro"; font-size: 15px; margin-left: 5px; } .meta-list ul li.time::before { content: "\f017"; color: #00da9a; } .meta-list ul li.address::before { content: "\f124"; color: #ff527b; } .event .meta-list li:not(:last-child):after, .meta-rate > li:not(:last-child):after { content: unset; } /* style1 */ .flat-events.style1 { margin-bottom: 77px; } .event.style1 { border-radius: 4px; overflow: hidden; margin-bottom: 50px; } .event.style1 .event-content { padding: 56px 0 0 0; } .event.style1 .meta-datetime { margin-bottom: 1px; } .event.style1 .title { line-height: 40px; margin-bottom: 15px; } .event.style1 .title a { font-weight: 700; } .event.style1 .description { margin-bottom: 41px; } .event.style1 .meta-date { top: 0; right: 0; } /* style2 */ .flat-events.style2 { margin-bottom: 49px; } .event.style2 { position: relative; border-radius: 4px; overflow: hidden; margin-bottom: 28px; } .event.style2 .meta-date { bottom: 0; left: 0; width: 80px; height: 93px; padding-top: 30px; } .event.style2 .event-content { padding: 15px 8px 15px 87px; background: #fff; } .event.style2 .meta-date .month { font-size: 14px; } .event.style2 .title { margin-bottom: 13px; } /* style3 */ .event.style3 .event-img img { width: unset; } .event.style3 .event-img { width: 255px; height: 255px; border-radius: 50%; margin: 0 auto; position: relative; overflow: unset; margin-bottom: 58px; } .event.style3 .event-img:before { content: ""; width: 293px; height: 293px; border-radius: 50%; border: 4px dotted rgba(81,94,111,0.2); position: absolute; top: 50%; right: 50%; transform: translate(50%,-50%); -webkit-animation: example 1s linear infinite; animation: example 1s linear infinite; } @-webkit-keyframes example { 0% { transform: translate(50%,-50%) rotateZ(0deg); } 25% { transform: translate(50%,-50%) rotateZ(-90deg); } 50% { transform: translate(50%,-50%) rotateZ(-180deg); } 75% { transform: translate(50%,-50%) rotateZ(-270deg); } 100% { transform: translate(50%,-50%) rotateZ(-360deg); } } @keyframes example { 0% { transform: translate(50%,-50%) rotateZ(0deg); } 25% { transform: translate(50%,-50%) rotateZ(-90deg); } 50% { transform: translate(50%,-50%) rotateZ(-180deg); } 75% { transform: translate(50%,-50%) rotateZ(-270deg); } 100% { transform: translate(50%,-50%) rotateZ(-360deg); } } .event.style3 .meta-list ul li { margin-left: unset; } .event.style3 .meta-list ul li:not(:last-child):after { content: "|"; padding-right: 5px; color: #fff; } .event.style3 .meta-list ul li:before { color: #f3728b; } .event.style3 .meta-list ul li.address:before { content: "\f041 "; font-family: "FontAwesome"; } .event.style3 .meta-list ul li a { color: #fff; } .event.style3 .title a { color: #fff; } .event.style3 .title a:hover, .event.style3 .meta-list ul li a:hover { color: #f3728b; } .event.style3 .description { color: #fff; margin-bottom: 27px; } .event.style3 .title { margin-bottom: 25px; } .event.style3 .meta-date { width: 97px; height: 97px; border-radius: 50%; text-align: center; position: absolute; top: 50%; left: 50px; transform: translateY(-50%); padding-top: 29px; } .event.style3 .meta-date:after { content: ""; width: 102px; height: 102px; border-radius: 50%; position: absolute; top: 50%; right: 50%; transform: translate(50%,-50%); } .event.style3 .meta-date.bg-0046d4 { background: #0046d4; } .event.style3 .meta-date.bg-ffa81e { background: #ffa81e; } .event.style3 .meta-date.bg-f64260 { background: #f64260; } .event.style3 .bg-0046d4.meta-date:after { border: 5px solid rgba(0,70,212,0.77); } .event.style3 .bg-ffa81e.meta-date:after { border: 5px solid rgba(255,168,30,0.77); } .event.style3 .bg-f64260.meta-date:after { border: 5px solid rgba(246,66,96,0.77); } .event.style3 .meta-date .day { font-family: "Noto Serif"; font-weight: 700; font-style: italic; font-size: 40px; margin-bottom: 12px; } /* Flat Featured -------------------------------------------------- */ .flat-feature { position: relative; padding: 52px 0 56px; } /* style2 */ .flat-featured.style2 { background: url("/assets/images/courses/bg-feature-big.png") center center no-repeat; background-size: cover; padding-top: 206px; padding-bottom: 236px; } .textbox { padding-right: 40.5%; } .textbox h3.title { color: #fff; line-height: 40px; margin-bottom: 36px; } .textbox .text { color: #fff; margin-bottom: 24px; } .textbox h6.title { color: #fff; line-height: 22px; margin-bottom: 15px; } .textbox .list-skill { margin-top: 38px; margin-bottom: 32px; } .textbox .list-skill li { color: #fff; margin-bottom: 7px; } .textbox .list-skill li:before { content: "\f192"; font-family: "Font Awesome 5 Free"; padding-left: 5px; } .textbox .btn-learning { font-size: 16px; color: #fff; font-weight: 700; text-decoration: underline; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .textbox .btn-learning:after { content: " \f14d"; font-family: "FontAwesome"; } .textbox .btn-learning:hover:after { color: #f3728b; } .wrap-course { position: relative; margin-top: 18px; margin-right: 108px; margin-left: 129px; padding-bottom: 32px; background: url(/assets/images/courses/bg-feature.png) center center no-repeat; background-size: cover; } .wrap-course .flat-button.btn-buy.v2 { margin-right: 0; } .wrap-course .wrap-text { width: 100%; height: 100%; position: relative; padding: 72px 0 0 0; } .level { font-size: 14px; letter-spacing: 0.22em; background: #ffc27a; color: #192836; line-height: 46px; position: absolute; top: 0; right: 0; transform: translateY(-50%); padding: 0 15px 0 10px; } .level:after { content: ""; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: 30px solid #ffc27a; position: absolute; left: -30px; top: 50%; transform: translateY(-50%); } .level:before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #ffffff; opacity: 0.28; position: absolute; ; left: -15px; top: 50%; transform: translateY(-50%); z-index: 1; } .wrap-course .over { font-size: 66px; color: #fff; margin-bottom: 24px; padding-right: 65px; } .wrap-course .wrap-over { margin-bottom: 48px; } .wrap-course .count { font-size: 50px; color: #192836; position: relative; } .wrap-course .count:after { content: ""; background: #192836; width: 100%; height: 3px; position: absolute; bottom: 10px; right: 0; } .wrap-course .free { color: #fff; font-size: 26px; font-weight: 300; } .wrap-course .end { font-size: 12px; background: #ffffff; line-height: 21px; border-radius: 4px; padding: 3px 8px; } .wrap-course .wrap-time-view { margin-top: 12px; margin-bottom: 3px; } .wrap-course .wrap-time-view li { color: #fff; } .wrap-course .wrap-time-view li:before { content: ""; font-family: "FontAwesome"; padding-left: 5px; } .wrap-course .wrap-time-view li.time:before { content: "\f017 "; color: #00da9a; } .wrap-course .wrap-time-view li.view:before { content: "\f06e "; color: #ff527b; } .wrap-course .title a { color: #fff; } .wrap-course .title a:hover { color: #192836; } .wrap-course .price-wrap .sale-price { font-size: 40px; } .wrap-course .price-wrap .price { font-size: 25px; } .wrap-course .title { margin-bottom: 28px; } .flat-featured.style2 .price-wrap { margin-bottom: 25px; } .flat-featured.style2 .wrap-course .wrap-text { padding: 72px 35px 0 0; } .wrap-course .btn-buy { margin-left: 11px; } /* style3 */ .flat-featured.style3 .wrap-featured { position: absolute; width: 98%; transform: translateY(-100%); } /* style4 */ .flat-feature.style4 .overlay { background: #ec5252; opacity: 1; } .flat-feature.style4 .iconbox .iconbox-icon { color: #ec5252; } .flat-feature.style4 .iconbox .iconbox-icon:after { background: #fff; z-index: -1; } /* Iconbox -------------------------------------------------- */ .iconbox { position: relative; } .iconbox .iconbox-icon { width: 56px; height: 56px; border-radius: 50%; border: 1px dotted rgba(255,255,255,1); line-height: 56px; text-align: center; position: absolute; color: #fff; font-size: 24px; right: 0; top: 50%; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; transform: translateY(-50%); -webkit-animation: showhide 2s linear infinite; animation: showhide 2s linear infinite; } @-webkit-keyframes showhide { 0% { border: 1px dotted rgba(255,255,255,1); } 50% { border: 1px dotted rgba(255,255,255,0.5); } 100% { border: 1px dotted rgba(255,255,255,0); } } @keyframes showhide { 0% { border: 1px dotted rgba(255,255,255,1); } 50% { border: 1px dotted rgba(255,255,255,0.5); } 100% { border: 1px dotted rgba(255,255,255,0); } } .iconbox .iconbox-icon:after { content: ""; width: 45px; height: 45px; border-radius: 50%; background: rgba(255,255,255,0.2); line-height: 56px; text-align: center; position: absolute; top: 50%; right: 50%; transform: translate(50%,-50%); } .iconbox .iconbox-content { padding: 0 15px; } .iconbox .iconbox-content .title { color: #fff; font-weight: 700; text-align: center; } .flat-feature.style2 .iconbox .iconbox-content .title { color: #192836; } .flat-feature.style2 .iconbox .iconbox-icon { color: #f3728b; border: 1px dotted rgba(243,114,139,1); -webkit-animation: showhide2 2s linear infinite; animation: showhide2 2s linear infinite; } @-webkit-keyframes showhide2 { 0% { border: 1px dotted rgba(243,114,139,1); } 50% { border: 1px dotted rgba(243,114,139,0.5); } 100% { border: 1px dotted rgba(243,114,139,0); } } @keyframes showhide2 { 0% { border: 1px dotted rgba(243,114,139,1); } 50% { border: 1px dotted rgba(243,114,139,0.5); } 100% { border: 1px dotted rgba(243,114,139,0); } } .flat-feature.style2 .iconbox .iconbox-icon:after { background: rgba(243,114,139,0.25); } /* style3 */ .iconbox.style3 .iconbox-icon, .iconbox.style4 .iconbox-icon { width: 70px; height: 70px; margin: 0 auto; position: unset; transform: unset; border-radius: unset; border: unset; font-size: 60px; margin-bottom: 20px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-animation: unset; animation: unset; } .iconbox.style3.left .iconbox-icon { transform: rotate(20deg); } .iconbox.style3.right .iconbox-icon, .iconbox.style4.right .iconbox-icon { transform: rotate(-15deg); } .iconbox.style3 .iconbox-icon:before, .iconbox.style3 .iconbox-icon:after, .iconbox.style4 .iconbox-icon:before, .iconbox.style4 .iconbox-icon:after { content: unset; } .iconbox.style3 { background: rgba(255,255,255,0.8); padding: 41px 30px 53px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .iconbox.style3 .iconbox-content .title, .iconbox.style4 .iconbox-content .title { padding-right: 0; } .iconbox.style3 .iconbox-content .title a, .iconbox.style4 .iconbox-content .title a { font-family: "Roboto"; } .iconbox:hover.style3, .iconbox.active.style3 { background: #f3728b; } .iconbox:hover.style3 .title a, .iconbox.active.style3 .title a { color: #fff; } .iconbox.style3 .title a:hover, .iconbox.style3.active .title a:hover { color: #192836; } .iconbox:hover.style3 .iconbox-icon, .iconbox.active.style3 .iconbox-icon { margin-bottom: 30px; } .iconbox:hover.style3, .iconbox.active.style3 { padding-top: 31px; } .iconbox.style4 .iconbox-icon { margin-bottom: 22px; } .iconbox.style4.two .iconbox-icon { transform: rotate(-34deg); } .iconbox.style4.three .iconbox-icon { transform: rotate(13deg); } .iconbox.style4.four .iconbox-icon { transform: rotate(-17deg); } /* Imgbox -------------------------------------------------- */ .imgbox { margin-bottom: 80px; } .imgbox-content.left { padding: 35px 0 0 77px; } .imgbox-content.right { padding: 48px 34px 0 46px; } .imgbox-content .title a { } .imgbox-content .title { margin-bottom: 25px; } .imgbox-content .text { margin-bottom: 25px; } .imgbox.style1 { margin: 1px; } /* Flat Counter -------------------------------------------------- */ .counter { overflow: hidden; padding: 0 2.5px; border-radius: 6px; } .counter .numb { font-size: 30px; font-weight: 700; line-height: 36px; background: #fff; padding-top: 16px; padding-bottom: 10px; } .counter .text { font-weight: 400; line-height: 23px; color: #fff; } .counter.days .text { background: #f3728b; } .counter.hours .text { background: #413dff; } .counter.minutes .text { background: #6a5bff; } .counter.seconds .text { background: #00e6c3; } /* style2 */ .flat-counter.style2 .wrap-counter { position: absolute; width: 100%; transform: translateY(-50%); } .counters.style2 { background: #fff; -webkit-box-shadow: -6px 18px 50px 13px rgba(157,172,193,0.25); -moz-box-shadow: -6px 18px 50px 13px rgba(157,172,193,0.25); box-shadow: -6px 18px 50px 13px rgba(157,172,193,0.25); } .counter.style2 .overlay { background-size: cover; width: 100%; height: 100%; top: 0; right: 0; } .counter.style2 .overlay .img-hover-1 { position: absolute; top: 8px; right: 11px; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .counter.style2 .overlay .img-hover-2 { height: 100%; position: absolute; top: 0; left: -100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .counter:hover.style2 .overlay .img-hover-1, .counter.active.style2 .overlay .img-hover-1 { opacity: 1; } .counter:hover.style2 .overlay .img-hover-2, .counter.active.style2 .overlay .img-hover-2 { left: 0; } .counter.style2 { padding: 60px 57px 67px 0; position: relative; } .counter.style2 .icon { width: 80px; height: 80px; font-size: 80px; float: right; margin-left: 22px; position: relative; z-index: 1; } .counter.style2 .content { position: relative; z-index: 1; } .counter.style2 .numb { font-size: 30px; margin: 11px 0 6px 0; padding: 0; background: unset; } .counter.style2 .title { font-size: 16px; } /* Flat Tabs -------------------------------------------------- */ /* style1 */ .tab-title li span { font-weight: 700; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .tab-title.style1 li.active span, .tab-title.style1 li:hover span { color: #fff; } .tab-title li { display: inline-block; line-height: 44px; padding: 0 20px; position: relative; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .tab-title.style1 li { border-radius: 4px; } .tab-title.style1 li.active, .tab-title.style1 li:hover { background: #f3728b; } .tab-title.style1 li:after { opacity: 0; content: ""; border-right: 9px solid transparent; border-left: 9px solid transparent; border-top: 9px solid #f3728b; position: absolute; right: 50%; transform: translateX(50%); bottom: -9px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .tab-title.style1 li.active:after, .tab-title.style1 li:hover:after { opacity: 1; } .tab-title.style1 li span:before { content: ""; font-family: "Font Awesome 5 Pro"; margin-left: 5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .tab-title.style1 li.map span:before { content: "\f278"; color: #f3728b; } .tab-title.style1 li.event span:before { content: "\f022"; color: #2ebd59; } .tab-title.style1 li.overview span:before { content: "\f044"; color: #7bdeff; } .tab-title.style1 li.review span:before { content: "\f006"; color: #f4c561; } .tab-title.style1 li.requirements span:before { content: "\f4b6"; color: #f3728b; } .tab-title.style1 li.active span:before, .tab-title.style1 li:hover span:before { color: #fff; } /* style2 */ .tab-title.style2 li:not(:last-child) { border-left: 1px solid #e6f3ff; } .tab-title.style2 li.active, .tab-title.style2 li:hover { color: #f3728b; } .tab-title.style2 li { padding: 6px 30px 6px; } .tab-title.style2 li span { font-size: 16px; } .flat-tabs.style2 .item-content { padding: 80px 0 16px 0; } /* style3 */ .tab-title.style3 li { padding: 0 18px; line-height: 47px; border: 1px solid transparent; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .tab-title.style3 li:hover, .tab-title.style3 li.active { border: 1px solid #e6f3ff; background: #f3728b; border-radius: 4px; } .tab-title.style3 li span { font-weight: 500; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .tab-title.style3 li:hover span, .tab-title.style3 li.active span { color: #fff; } .tab-title.style3 { margin-bottom: 80px; } /* style4 */ .tab-title.style4 { padding: 10px 0 7px; background: rgba(255,225,255,0.1); } .tab-title.style4 li { color: #fff; padding: 0 35px 0 24px; font-size: 13px; line-height: 58px; } .tab-title.style4 li:not(:last-child) { border-left: 1px solid rgba(255,255,255,0.14); } .tab-title.style4 li:hover, .tab-title.style4 li.active { color: #f3728b; } /* style5 */ .tab-title.style5 li { padding: 0; } .tab-title.style5 li:after { content: ""; width: 0%; height: 6px; background: #f3728b; position: absolute; bottom: -47px; right: 50%; transform: translateX(50%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .tab-title.style5 li:hover:after, .tab-title.style5 li.active:after { width: 100%; } .tab-title.style5 { padding-bottom: 40px; border-bottom: 6px solid rgba(81,94,111,0.08); } .tab-title.style5 li:hover .iconbox.style4 .iconbox-content .title a, .tab-title.style5 li.active .iconbox.style4 .iconbox-content .title a { color: #f3728b; } .tab-content.active { transform: translateY(0); visibility: visible; } .tab-content.active.box-shadow { -webkit-box-shadow: -6px 18px 50px 13px rgba(157,172,193,0.25); -moz-box-shadow: -6px 18px 50px 13px rgba(157,172,193,0.25); box-shadow: -6px 18px 50px 13px rgba(157,172,193,0.25); } .tab-content { visibility: hidden; transform: translateY(50%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.5s ease-in-out; } /* Flat Team -------------------------------------------------- */ .team-member { overflow: hidden; margin-bottom: 27px; } .team-member .avata-member { overflow: hidden; } .team-member .avata-member img { width: 100%; } .team-member:hover img { transform: scale(1.2); } .team-member .info-member { padding: 26px 29px 16px 29px; background: #fff; } .team-member .name { margin-bottom: 9px; } .team-member .position { margin-bottom: 10px; } .team-member .description { line-height: 22px; margin-bottom: 10px; } .team-member .socails { background: #efeff0; } .team-member .socails.no-bg { background: unset; } .team-member .socails li a { line-height: 49px; padding: 0 11px; display: block; } .team-member .socails li.facebook a { color: #3b5998; } .team-member .socails li.instagram a { color: #e4405f; } .team-member .socails li.skype a { color: #00aff0; } .team-member .socails li.github a { color: #211f1f; } /* Flat Search -------------------------------------------------- */ .flat-search { width: 641px; margin: 0 auto; position: relative; overflow: hidden; } .flat-search input[type="search"] { width: 100%; background-color: #eff0f1; font-size: 15px; font-weight: 400; height: 58px; padding-right: 30px; } .flat-search button.btn-search { width: 65px; height: 58px; padding: 0; text-align: center; position: absolute; top: 0; left: 0; font-size: 17px; line-height: 58px; border: unset; } .flat-search button.flat-button.btn-search:before { background: #192836; } /* Flat Accodion -------------------------------------------------- */ .accordion-toggle { background: #fff; margin-bottom: 9px; padding: 8px 28px 10px 25px; } .flat-faqs .heading .title-small { font-size: 14px; color: #f3728b; margin-bottom: 5px; } .flat-faqs .heading .title { color: #192836; margin-bottom: 15px; ; } .flat-faqs .heading { margin-bottom: 84px; } .flat-faqs .toggle-title { font-size: 22px; font-weight: 700; color: #192836; cursor: pointer; position: relative; padding: 15px 0 15px 30px; } .flat-faqs .toggle-title:after { content: "\ea37"; font-family: "bf-icon"; position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: rgba(81,94,111,0.15); background: #f5f5f6; border: 1px solid rgba(81,94,111,0.15); border-radius: 50%; line-height: 38px; width: 40px; height: 40px; font-size: 20px; text-align: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flat-faqs .toggle-content { padding: 16px 0 0 79px; } .flat-faqs .toggle-content p { margin-bottom: 22px; } .flat-faqs .toggle-content .title { margin-bottom: 26px; } .flat-faqs .toggle-content .title a { color: #f3728b; } .flat-faqs .active.toggle-title:after { transform: translateY(-50%) rotate(-90deg); color: rgba(243,114,139,0.15); border: 1px solid rgba(243,114,139,0.15); background: #fdeaee; } /* Transition Hover -------------------------------------------------- */ /* Transition Img Socails */ .transition-img-socails { position: relative; overflow: hidden; border-radius: 4px; } .transition-img { overflow: hidden; position: relative; } .transition-img img { width: 100%; } .transition-img-socails .overlay { top: 50%; right: 50%; height: 0%; width: 0%; transform: translate(50%,-50%) rotate3d(1, -1, 1, 90deg); opacity: 0.8; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .transition-img-socails:hover .overlay { width: 100%; height: 100%; transform: translate(50%,-50%) rotate3d(1, -1, 1, 0deg) } .transition-img-socails .socails { position: absolute; top: 50%; right: 50%; opacity: 0; transform: translate(50%,-50%) rotate3d(1, -1, 1, 180deg); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .transition-img-socails:hover .socails { opacity: 1; transform: translate(50%,-50%) rotate3d(1, -1, 1, 0deg); } .transition-img-socails .socails ul li a { width: 48px; height: 40px; line-height: 40px; display: block; text-align: center; border: 1px solid #fff; color: #fff; } .transition-img-socails .socails ul li a:hover { color: #f3728b; border: 1px solid #f3728b; } /* Transition Hover Plus */ .transition-plus { overflow: hidden; } .transition-plus .img-plus { position: relative; overflow: hidden; } .transition-plus .overlay { width: 100%; height: 100%; background: #515e6f; opacity: 0; top: 50%; right: 50%; transform: translate(50%,-50%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .transition-plus:hover .overlay { opacity: 0.8; } .transition-plus .overlay:after, .transition-plus .overlay:before { content: ""; background-color: #f3728b; position: absolute; transform: translate(50%,-50%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .transition-plus .overlay:after { height: 30px; width: 1px; top: -30px; right: 50%; } .transition-plus:hover .overlay:after { top: 50%; } .transition-plus .overlay:before { width: 30px; height: 1px; top: 50%; right: -30px; } .transition-plus:hover .overlay:before { right: 50%; } /* Transition Hover Vline */ .vline { position: absolute; top: 20px; right: 20px; z-index: 9; width: -webkit-calc(50% - 20px); width: -moz-calc(50% - 20px); width: calc(50% - 20px); height: -webkit-calc(50% - 20px); height: -moz-calc(50% - 20px); height: calc(50% - 20px); -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .vline-bottom { top: auto; right: auto; bottom: 20px; left: 20px; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .widget-recent-work .vline { top: 5px; right: 5px; width: -webkit-calc(50% - 5px); width: -moz-calc(50% - 5px); width: calc(50% - 5px); height: -webkit-calc(50% - 5px); height: -moz-calc(50% - 5px); height: calc(50% - 5px); } .widget-recent-work .vline-bottom { bottom: 5px; left: 5px; top: auto; right: auto; } .vline:after, .vline:before { content: ''; background: #fff; display: block; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .img-vline { position: relative; } .img-vline .overlay { background: #515e6f; opacity: 0; width: 100%; height: 100%; right: 0; top: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .transition-vline:hover .img-vline .overlay { opacity: 0.5; } .transition-vline:hover .vline:before { width: 100%; } .transition-vline .vline:before { height: 1px; width: 0; } .transition-vline:hover .vline:after { height: 100%; } .transition-vline .vline:after { width: 1px; height: 0; } /* Flat Img Single Slider -------------------------------------------------- */ .flat-img-single-slider .owl-carousel .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); border-radius: 50%; border: 1px solid #fff !important; color: #fff !important; width: 48px; height: 48px; font-size: 30px !important; line-height: 46px !important; } .flat-img-single-slider .owl-carousel .owl-nav button:hover { color: #f3728b !important; border: 1px solid #f3728b !important; } .flat-img-single-slider .owl-carousel .owl-nav button span { font-size: 51px; font-weight: 100; line-height: 40px; } .flat-img-single-slider .owl-carousel .owl-nav button.owl-next { left: 27px; } .flat-img-single-slider .owl-carousel .owl-nav button.owl-prev { right: 27px; } /* Flat About Info -------------------------------------------------- */ .flat-about-info { position: relative; } .info-img { width: 57.21%; } .info-content { padding: 33px 40px 35px 48px; width: 48.65%; background: #f9f9f9; position: absolute; top: 75px; left: 0; } .info-content .heading .title-small { color: #f3728b; font-size: 14px; margin-bottom: 7px; } .info-content .heading .title a { } .info-content .heading .title { margin-bottom: 20px; } .info-content .text { margin-bottom: 25px; } .info-content .text.font-Publico { font-size: 20px; font-weight: 400; } .info-content .wrap-btn { margin-top: 33px; } .flat-button.btn-contact { padding: 0 27px; letter-spacing: 0.01em; display: inline-block; line-height: 46px; font-size: 16px; font-weight: 700; border-radius: 4px; background: #f3728b; color: #fff; } .flat-button.btn-contact:hover { background: transparent; color: #f3728b; } .flat-button.btn-contact::before { background: #192836; } /* Flat About Detail -------------------------------------------------- */ .flat-about-detail .heading .title { font-size: 40px; font-weight: 300; line-height: 56px; padding: 0 7%; text-align: center; margin-bottom: 93px; } /* Flat Video -------------------------------------------------- */ .flat-video { padding: 196px 0 243px; background: url("/assets/images/about/bg-discover.png") center center no-repeat; background-size: cover; overflow: hidden; } .flat-video .title a { } .flat-video .title { margin-bottom: 41px; } .flat-video .description, .flat-video .link-site { margin-bottom: 1px; font-size: 20px; font-weight: 700; line-height: 34px; } .flat-video .description { padding-right: 120px; } .flat-video .link-site { color: #f3728b; } .flat-video .video { position: relative; } .flat-video .video-icon span { font-size: 88px; position: relative; } .flat-video .video-icon a { color: #f3728b; } .flat-video .video-icon a:hover { color: #192836; } .flat-video .video-icon { position: absolute; bottom: 4px; right: 0; width: 88px; height: 88px; } .videobox-animation { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; right: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border-width: .5px; border-style: solid; opacity: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } .videobox-link .videobox-animation { -webkit-animation: pulse-circle 3.9s linear 0s infinite; -moz-animation: pulse-circle 3.9s linear 0s infinite; -o-animation: pulse-circle 3.9s linear 0s infinite; animation: pulse-circle 3.9s linear 0s infinite } .videobox-link .videobox-animation.circle-2 { -webkit-animation-delay: 1.3s; -moz-animation-delay: 1.3s; -o-animation-delay: 1.3s; animation-delay: 1.3s } .videobox-link .videobox-animation.circle-3 { -webkit-animation-delay: 2.6s; -moz-animation-delay: 2.6s; -o-animation-delay: 2.6s; animation-delay: 2.6s } .videobox-link:hover .videobox-animation { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none } @-webkit-keyframes pulse-circle { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } 20% { -webkit-transform: scale(1.44); transform: scale(1.44); opacity: .5 } 100% { -webkit-transform: scale(3.2); transform: scale(3.2); opacity: 0 } } @-moz-keyframes pulse-circle { 0% { -moz-transform: scale(1); transform: scale(1); opacity: 0 } 20% { -moz-transform: scale(1.44); transform: scale(1.44); opacity: .5 } 100% { -moz-transform: scale(3.2); transform: scale(3.2); opacity: 0 } } @-o-keyframes pulse-circle { 0% { -o-transform: scale(1); transform: scale(1); opacity: 0 } 20% { -o-transform: scale(1.44); transform: scale(1.44); opacity: .5 } 100% { -o-transform: scale(3.2); transform: scale(3.2); opacity: 0 } } @keyframes pulse-circle { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0 } 20% { -webkit-transform: scale(1.44); -moz-transform: scale(1.44); -o-transform: scale(1.44); transform: scale(1.44); opacity: .5 } 100% { -webkit-transform: scale(3.2); -moz-transform: scale(3.2); -o-transform: scale(3.2); transform: scale(3.2); opacity: 0 } } /* style2 */ .flat-video.style2 { position: relative; padding: 134px 0 175px 0; } .flat-video.style2 .overlay { background: #f3728b; opacity: 0.9; width: 100%; height: 100%; right: 0; top: 0; } .flat-video.style2 .icon-video { position: relative; } .flat-video.style2 .icon { width: 88px; height: 88px; position: relative; margin: 0 auto; } .flat-video.style2 .content { margin-top: 42px; } .flat-video.style2 .icon a { font-size: 90px; color: #fff; } .flat-video.style2 .icon a:hover { color: #192836; } .flat-video.style2 .title a { color: #fff; } .flat-video.style2 .title { margin-bottom: 38px; } .flat-video.style2 .description { color: #fff; padding: 0 25%; font-size: 20px; line-height: 34px; font-family: "Noto Serif"; } .flat-video.style2 .link-site { color: #fff; font-style: italic; text-decoration: underline; } /* Flat Free Month -------------------------------------------------- */ .flat-free-month { position: relative; padding: 82px 0 86px 0; } .flat-free-month .service-wrap { position: relative; } .flat-free-month .title { margin-bottom: 20px; } .flat-free-month .title a { color: #fff; } .flat-free-month .description, .flat-free-month .description a { color: #fff; line-height: 32px; font-size: 20px; font-family: "Noto Serif"; font-weight: 700; } .flat-free-month .description { padding: 0 45px; margin-bottom: 57px; } .flat-free-month .description a { text-decoration: underline; font-style: italic; } /* style2 */ .flat-free-month.style2 { padding: 99px 0 55px 0; } .flat-free-month.style2 .title { margin-bottom: 18px; } .flat-free-month.style2 .title a { font-weight: 400; color: #192836; } .flat-free-month.style2 .title a span { color: #f3728b; font-weight: 700; font-style: italic; } .flat-free-month.style2 .description { color: #192836; padding: 0; font-size: 16px; line-height: 26px; font-family: "Roboto"; font-weight: 500; } .flat-free-month.style2 .description .link-site { color: #f3728b; } .flat-free-month.style2 .description .link-site.v2 { text-decoration: unset; position: relative; font-size: 16px; font-weight: 500; } .flat-free-month.style2 .description .v2.link-site:after { content: ""; width: 100%; height: 2px; position: absolute; right: 0; bottom: 0px; background: #f3728b; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flat-free-month.style2 .description .v2.link-site:hover:after { width: 0%; } .flat-free-month.style2 .wrap-btn { margin-top: 60px; } .flat-button.btn-start { font-size: 16px; display: inline-block; line-height: 49px; padding: 3px 15px 3px 56px; background: rgba(255,255,255,0.25); color: #fff; } .flat-button.btn-start::before { background: #192836; } .flat-button.btn-start:after { content: "\ea37"; font-family: "bf-icon"; font-weight: 100; font-size: 14px; position: absolute; left: 32px; top: 50%; transform: translateY(-50%); } .flat-button.btn-start.v2 { background: #f3728b; } .flat-btn2.v2.btn-start:hover { background: rgba(255,255,255,1); color: #f3728b; } .flat-btn2.btn-start.v3 { background: #536dfe; border: unset; padding: 0 30px 0 55px; line-height: 58px; } .flat-btn2.v3.btn-start:hover { background: rgba(255,255,255,1); color: #536dfe; } .flat-btn2.btn-start.v4 { background: #ec5252; } .flat-btn2.v4.btn-start:hover { background: rgba(255,255,255,1); color: #ec5252; border: 2px solid #ec5252; } /* Flat Courses -------------------------------------------------- */ .course { overflow: hidden; padding: 0 15px; margin-bottom: 30px; } .course-img img { width: 100%; height: 150px; object-fit: cover; } .course-content { background: #fff; } .course-content .text-wrap { padding: 15px 30px 0 30px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .course-content .title { margin-bottom: 7px; } .course-content .title a { } .course-content .teacher { margin-bottom: 9px; } .course-content .description { } .course-content .wrap-rating-price { padding: 12px 31px 9px 0; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .course-content .price { position: absolute; top: 13px; left: 26px; font-weight: 700; line-height: 21px; font-size: 12px; padding: 0 5px 0 8px; background: rgba(46,189,89,0.15); border-radius: 4px; } .course-content .star-list li { margin-right: -2px; font-size: 12px; } .course.text-2ebd59 .teacher a { color: #2ebd59; } .course.text-2ebd59 .price.v2 { background: rgba(46,189,89,1); } .course.text-ea0042 .price { background: rgba(234,0,66,0.15); } .course.text-ea0042 .price.v2 { background: rgba(234,0,66,1); } .course.text-ea0042 .teacher a { color: #ea0042; } .course.text-c100ea .price { background: rgba(193,0,234,0.15); } .course.text-c100ea .teacher a { color: #c100ea; } .course.text-256cff .price { background: rgba(37,108,255,0.15); } .course.text-256cff .teacher a { color: #256cff; } .course.text-8828ff .price { background: rgba(136,40,255,0.15); } .course.text-8828ff .teacher a { color: #8828ff; } .course.text-0dacff .price { background: rgba(13,172,255,0.15); } .course.text-0dacff .teacher a { color: #0dacff; } .course.text-536dfe .price { background: rgba(83,109,254,0.15); } .course.text-536dfe .teacher a { color: #536dfe; } .course.text-ffbf13 .price { background: rgba(255,191,19,0.15); } .course.text-ffbf13 .teacher a { color: #ffbf13; } .course.text-ff562f .price { background: rgba(255,86,47,0.15); } .course.text-ff562f .teacher a { color: #ff562f; } .course.text-ec5252 .price { background: rgba(236,82,82,0.15); } .course.text-ec5252 .teacher a { color: #ec5252; } .course.text-3b42ff .price { background: rgba(59,66,255,0.15); } .course.text-3b42ff .teacher a { color: #3b42ff; } .course.text-37adff .price { background: rgba(55,173,255,0.15); } .course.text-37adff .teacher a { color: #37adff; } .course.text-1cd566 .price { background: rgba(28,213,102,0.15); } .course.text-1cd566 .teacher a { color: #1cd566; } .course .price.v2 { color: #fff; } .course.text-005eea .price.v2 { background: rgba(0,94,234,1); } .course.text-005eea .teacher a { color: #005eea; } .course.text-00dcea .price.v2 { background: rgba(0,220,234,1); } .course.text-00dcea .teacher a { color: #00dcea; } .course.text-fb868f .price.v2 { background: rgba(251,134,143,1); } .course.text-fb868f .teacher a { color: #fb868f; } /* style2 */ .flat-courses.style2 { } .course.style2 .course-content .text-wrap { padding: 15px 15px 0 15px; min-height: 120px; } /* style3 */ .flat-courses.style3 { margin: 0 -15px 21px; } .course.style3 .course-content { position: relative; } .course.style3 .course-content .text-wrap { padding-top: 20px; padding-bottom: 21px; } .course.style3 .course-content .price { top: 23px; left: 30px; } .course.style3 .course-content .title { margin-bottom: 13px; } /* style4 */ .flat-courses.style4 { margin-bottom: 40px; } .course.style4 .course-img-box { width: 350px; float: right; } .course.style4 .course-content { float: right; width: -webkit-calc(100% - 350px); width: -moz-calc(100% - 350px); width: calc(100% - 350px); } .course.style4 { padding: 0; margin-bottom: 15px; } .course.style4 .star-list { margin-left: 5px; } .course.style4 .course-content .text-wrap { min-height: 150px; } .course:hover.style4 .course-content .text-wrap { background: #f0f2ff; } .course:hover.style4 .course-content .wrap-rating-price { background: #e3e7ff; } /* style5 */ .course.style5.v1 { width: 66.67%; } .course.style5.v2, .widget-course { width: 33.33%; } .course.style5 .course-content { position: relative; } .course.style5 .wrap-rating { position: absolute; top: 33px; left: 30px; } .course.style5.v2 .wrap-rating { top: 23px; } .course.style5 .wrap-rating span { font-size: 12px; } .btn-learn-more { position: relative; font-size: 16px; font-weight: 700; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .btn-learn-more:after { content: "\ea37"; font-family: "bf-icon"; font-size: 14px; position: absolute; top: 50%; left: -19px; transform: translateY(-50%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .btn-learn-more:hover:after { left: -27px; } .course.style5 .course-content .title a { font-family: "Roboto"; line-height: 30px; } .course.style5.v1 .course-content .text-wrap { padding: 34px 37px 40px 30px; } .course.style5.v2 .course-content .text-wrap { padding: 24px 28px 20px 30px; } .course.style5.v1 .course-content .teacher { margin-bottom: 5px; } .course.style5.v2 .course-content .teacher { margin-bottom: 10px; } .course.style5 .course-content .description { line-height: 22px; } .course.style5.v1 .course-content .title { margin-bottom: 20px; } .course.style5.v2 .course-content .title { margin-bottom: 16px; } .course.style5 .widget-subscribe { margin-bottom: unset; } .course.style5.v2 .btn-learn-more { font-size: 14px; } .course.style5.v2 .btn-learn-more:after { font-size: 11px; left: -16px; } .course.style5.v2 .btn-learn-more:hover:after { left: -25px; } /* Flat Filter Isotype -------------------------------------------------- */ .flat-filter-isotype { margin-bottom: 50px; } .flat-filter-isotype li { display: inline-block; margin: 0 6px; margin-bottom: 30px; } .flat-filter-isotype li a { line-height: 57px; background: #fff; border: 1px solid rgba(26,34,125,0.22); font-weight: 700; display: block; padding: 0 36px 0 34px; border-radius: 4px; } .flat-filter-isotype li.active a, .flat-filter-isotype li a:hover { background: #f3728b; color: #fff; border: 1px solid rgba(26,34,125,0); } /* Flat Popular Courses -------------------------------------------------- */ .flat-popular-courses { padding: 0 75px 100px; } .flat-popular-courses .owl-carousel .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); border-radius: 50%; border: 1px solid #434e78 !important; color: #434e78 !important; width: 40px; height: 40px; font-size: 28px !important; line-height: 46px !important; text-align: center; font-weight: 900 !important; } .flat-popular-courses .owl-carousel .owl-nav button.owl-next { left: -47px; } .flat-popular-courses .owl-carousel .owl-nav button.owl-prev { right: -47px; } .flat-popular-courses .owl-carousel .owl-nav button:hover, .flat-popular-courses .owl-carousel .owl-nav button.disabled { color: #f3728b !important; border: 1px solid #f3728b !important; } .flat-popular-courses .owl-carousel .owl-nav button span { font-size: 51px; font-weight: 100; line-height: 40px; } .flat-popular-courses .flat-tabs { margin-bottom: 19px; } .flat-button.btn-all-sourses { padding: 0 43px; line-height: 65px; letter-spacing: 0.01em; font-size: 16px; background: #f3728b; color: #fff; } .flat-button.btn-all-sourses.v2 { background-color: #ec5252; } .flat-button.btn-all-sourses:hover { background: transparent; } .flat-button.btn-all-sourses::before { background-color: #192836; } /* style2 */ .flat-popular-courses.style2 { padding: 95px 75px 49px; } .flat-popular-courses.style2 .course-content .title a { font-family: "Roboto"; } .flat-popular-courses.style2 .flat-title .title { margin-bottom: 40px; } .flat-popular-courses.style2.v2 .flat-title .title { margin-bottom: 37px; } .flat-popular-courses.style2 .course.style5 .teacher a { color: #515e6f; font-weight: 700; } /* style3 */ .flat-popular-courses.style3 { padding: 195px 75px 52px; } .flat-popular-courses.style3 .course-content .title a { font-family: "Roboto"; } /* style4 */ .flat-popular-courses.style4 { padding: 103px 75px 93px; } /* Flat Register Now -------------------------------------------------- */ .flat-register-now { background: url("/assets/images/pattern/pattern-4.png") center center repeat; position: relative; padding: 100px 0 130px; } .flat-register-now .tab-content.active { -webkit-box-shadow: -6px 18px 50px 13px rgba(157,172,193,0); -moz-box-shadow: -6px 18px 50px 13px rgba(157,172,193,0); box-shadow: -6px 18px 50px 13px rgba(157,172,193,0); } .flat-register-now:after { content: ""; background: url(/assets/images/title-page/bg-white-2.png) center center no-repeat; height: 38px; width: 1920px; position: absolute; bottom: 0; } .flat-register-now:before { content: ""; border-top: 76px solid transparent; border-left: 1920px solid rgba(255,255,255,0.54); position: absolute; bottom: 0; z-index: 99; } .flat-register-now .wrap-form { border-radius: 4px; overflow: hidden; background: rgba(255,255,255,0.1); } .flat-register-now .heading { padding-top: 44px; color: #fff; margin-bottom: 42px; } .flat-register-now form { padding: 0 38px 50px 36px; } .flat-register-now .heading .title { margin-bottom: 11px; color: #fff; } .flat-register-now .free { background: rgba(255,255,255,0.29); color: #fff; line-height: 34px; } .flat-register-now .free a { font-style: italic; text-decoration: underline; font-weight: 700; color: #fff; } .flat-register-now input[type="text"], .flat-register-now input[type="email"], .flat-register-now input[type="password"] { background: rgba(114,125,135,0.3); font-size: 12px; } .flat-register-now .wrap-input { margin-bottom: 30px; } .flat-register-now .wrap-input.last-child { margin-bottom: 51px; } .flat-register-now button.flat-button.btn-apply { height: 47px; line-height: 44px; padding: 0 34px; font-weight: 700; font-size: 16px; border: unset; } .flat-register-now button.flat-button.btn-apply:before { background: #192836; } .flat-register-now .video { position: relative; float: left; margin-right: 15px; } .flat-register-now .video .icon-video { width: 53px; height: 53px; font-size: 53px; color: #fff; position: absolute; top: 50%; right: 50%; transform: translate(50%,-50%); } .flat-register-now .video .icon-video:hover { color: #f3728b; } .flat-register-now .item-content { padding-top: 46px; } .flat-register-now .item-content .title a, .flat-register-now .item-content .text { color: #fff; } .flat-register-now .item-content .title { margin-bottom: 19px; } .flat-register-now .item-content .title.mg-bottom-25 { margin-bottom: 25px; } .flat-register-now .item-content .text { font-size: 14px; line-height: 2em; margin-bottom: 16px; } /* Flat Skilled Instructors -------------------------------------------------- */ .flat-skilled-instructors { padding: 80px 0 46px 0; } .flat-skilled-instructors.style2 { padding: 97px 0 69px 0; } .flat-skilled-instructors.style3 { padding: 63px 0 71px 0; } /* Flat Upcoming Events -------------------------------------------------- */ .flat-upcoming-events { padding: 137px 0 27px 0; background: url("/assets/images/events/bg-event-index.png") center center no-repeat; background-size: cover; } .flat-upcoming-events.style1 .meta-list ul li:before { margin-left: 4px; } .flat-upcoming-events.style1 .meta-list ul li { margin-left: 15px; } .flat-upcoming-events.style1 .event.style2 .meta-date .month { font-size: 16px; font-weight: 900; } .flat-upcoming-events.style1 .meta-date .day { margin-bottom: 4px; } .flat-upcoming-events .event.style2 .event-content { background-color: #fff; } .flat-upcoming-events .event.style2 .meta-date.bg-1dadff { background: #1dadff } .flat-upcoming-events .event.style2 .meta-date.bg-3caecc { background: #3caecc } .flat-upcoming-events.style1 .flat-title .description { padding: 0 20%; letter-spacing: unset; } .flat-upcoming-events.style2 { background: url("/assets/images/events/bg-event-index2.png") center center no-repeat; background-size: cover; position: relative; padding: 97px 0 94px 0; } .flat-upcoming-events.style2 .flat-title { position: relative; margin-bottom: 96px; } .flat-upcoming-events.style2 .overlay { background: #192836; opacity: 0.9; width: 100%; height: 100%; right: 0; top: 0; } /* Flat Testimonials -------------------------------------------------- */ .testimonial { background: #f7fbff; position: relative; padding-bottom: 45px; padding-top: 43px; display: block; -webkit-box-shadow: -6px 10px 60px -8px rgba(157,172,193,0.25); -moz-box-shadow: -6px 10px 60px -8px rgba(157,172,193,0.25); box-shadow: -6px 10px 60px -8px rgba(157,172,193,0.25); } .testimonial:before { /* content: "\ea40"; */ font-family: "bf-icon"; color: rgba(243,114,139,0.1); font-size: 75px; position: absolute; top: 72px; right: 126px; } .v2.testimonial:before { color: rgba(46,189,89,0.1); } .owl-carousel .owl-item .testimonial img { width: auto; display: unset; } .testimonial.top-110:before { top: 109px; right: 141px; } .testimonial .wrap-avata-socails { width: 38%; float: right; } .testimonial .wrap-content { width: 60%; float: right; padding-right: 8px; } .wrap-avata-socails .avata { margin-bottom: 14px; margin-top: 6px; } .wrap-avata-socails .socails ul li { margin: 0 5px; } .wrap-content .info { margin-bottom: 30px; } .wrap-content .info .name { display: inline-block; margin-left: 15px; } .wrap-content .info .position { display: inline-block; font-weight: 700; } .wrap-content blockquote { font-size: 16px; padding-left: 20px; } .flat-testimonials .owl-dots { text-align: center; } .flat-testimonials button.owl-dot { background: rgba(81,94,111,0.2) !important; width: 10px; height: 10px; border-radius: 50%; margin: 0 5px; } .flat-testimonials button.owl-dot.active, .flat-testimonials button.owl-dot:hover { background: #f3728b !important; } .flat-testimonials .owl-stage-outer { padding-bottom: 36px; padding-top: 36px; } .flat-testimonials { padding: 90px 0 89px; } .flat-testimonials.style4 { padding: 92px 0 65px; } .flat-testimonials.style4 .flat-title .title { margin-bottom: 43px; } .flat-testimonials.style1 .flat-title .description { padding: 0 8.8% 0 10%; } .flat-testimonials.style1 .flat-title .description, .flat-testimonials.style2 .flat-title .description, .flat-testimonials.style3 .flat-title .description { margin-bottom: 38px; } .flat-testimonials.style4 .flat-title .description { margin-bottom: 45px; } .flat-testimonials.style2 { padding: 97px 0 40px; } .flat-testimonials.style2.v2 { background: url("/assets/images/pattern/pattern-4.png") center center repeat; } .flat-testimonials.style3 { padding: 95px 0 0; background: url('/assets/images/testimonials/bg-testimonials-3.png') center center no-repeat; background-size: cover; } .flat-testimonials.style4 .name { margin-left: 18px; } .flat-testimonials.style4 .name a { color: #ec5252; } .flat-testimonials.style4 .position { font-size: 14px; font-weight: 700; } /* Flat Services -------------------------------------------------- */ .flat-services { padding-top: 74px; } .flat-services .flat-title .description { margin-bottom: 80px; } .flat-services .item-content { background: #fff; padding-bottom: 25px; } .flat-services .item-content .img { float: left; margin-top: 26px; } .flat-services .item-content .text-wrap { padding: 53px 50px 0 0; } .flat-services .item-content .text-wrap .title { margin-bottom: 25px; } .flat-services .item-content .text-wrap .text { margin-bottom: 54px; } .btn-register { font-size: 16px; font-weight: 700; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .btn-register:after { content: "\ea37"; font-family: "bf-icon"; font-size: 14px; position: absolute; top: 50%; left: -19px; transform: translateY(-50%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .btn-register:hover:after { left: -27px; color: #f3728b; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Flat Categories -------------------------------------------------- */ .flat-categories { background: url("/assets/images/bg-categories.png") center center no-repeat; background-size: cover; padding-top: 98px; padding-bottom: 70px; } .category { padding: 30px 39px 32px 0; border: 1px solid rgba(255,255,255,0.2); border-radius: 4px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-bottom: 30px; } .category:hover, .active.category { background: #ec5252; } .category .icon { font-size: 30px; width: 30px; height: 30px; float: right; margin-left: 12px; color: #fff; } .category .title a { font-size: 16px; color: #fff; } .flat-categories .flat-title .title { margin-bottom: 42px; } /* Flat Post -------------------------------------------------- */ .list-meta li { color: rgba(81,94,111,0.7); margin-left: 14px; } .list-meta li:before { content: ""; font-family: "Font Awesome 5 Free"; padding-left: 4px; } .list-meta li.time:before { content: '\f017'; } .list-meta li.counter-like:before { content: "\f004"; } .list-meta li.counter-comment:before { content: '\f075'; } .list-meta li.folder:before { content: '\f07c'; } .flat-button.btn-read-more { background-color: #f3728b; color: #fff; padding: 0 33px; line-height: 49px; font-size: 16px; letter-spacing: 0.3px; } .flat-button.btn-read-more::before { background-color: #192836; } .flat-post { margin-bottom: 49px; } .post { overflow: hidden; } .post:not(:last-child) { margin-bottom: 52px; } .post .post-img { margin-bottom: 29px; } .post .post-content .title { margin-bottom: 18px; } .post .post-content .title a { } .post .list-meta { margin-bottom: 17px; } .post .post-content .text { margin-bottom: 35px; } .post .wrap-btn { margin-bottom: 20px; } /* Flat Comments -------------------------------------------------- */ .flat-comments { padding-bottom: 10px; margin-bottom: 75px; } .flat-comments .title { ; font-weight: 700; margin-bottom: 45px; } .flat-comments .comment-child { padding-right: 44px; } .comment { padding: 15px 25px 20px 0; margin-bottom: 35px; } .comment .comment-img { float: right; margin-left: 17px; } .comment .comment-content { padding-top: 25px; } .comment .comment-content .name { display: inline-block; margin-left: 26px; margin-bottom: 41px; } .comment .comment-content .name a { font-size: 16px; ; color: #515e6f; } .comment .comment-content .name a:hover { color: #fa778a; } .comment .comment-content .datetime { font-size: 12px; font-weight: 700; color: rgba(81,94,111,0.7); } .comment .comment-content .description { padding-right: 8px; padding-left: 40px; margin-bottom: 16px; } .comment .wrap-btn { padding-right: 9px; } .btn-reply { color: #fa778a; } .btn-reply:hover { color: #515e6f; } .btn-reply:before { content: '\f2f8'; font-family: 'Ionicons'; padding-left: 7px; } .comment-child .comment { margin-bottom: 14px; } .comment-child .comment .comment-content { padding-top: 19px; } .comment-child .comment .comment-img { margin-left: 32px; margin-bottom: 80px; } .comment-child .comment .comment-content .name { margin-left: 15px; margin-bottom: 25px; } .comment-child .comment .comment-content .description { padding-left: 13px; margin-bottom: 5px; } /* Flat Form Reply -------------------------------------------------- */ .flat-form-reply .title { margin-bottom: 44px; } .flat-form-reply input[type='text'], .flat-form-reply input[type='email'] { height: 55px; background-color: #fff; } .flat-form-reply .wrap-input-all { margin-bottom: 31px; } .flat-form-reply .wrap-textarea { margin-bottom: 30px; } .flat-form-reply textarea { background-color: #fff; font-weight: 400; } .flat-button.btn-send { height: 49px; line-height: 49px; font-size: 16px; font-weight: 700; padding: 0 17px; border: unset; } .list.meta-rate { margin-bottom: 0; } /** * * Reset * Repeatable Patterns * Extra Class * Top * Header * Mobile Menu Button * Mobile navigation * Flat Page Title * Flat Paginations * Footer * Widget * Bottom * Events Pages * Instructors Pages * FAQs Pages * Shop Pages * About Pages * Courses Pages * Blog Pages * Flat Slider * Go Top * Preload * Switcher * **/ /* Reset -------------------------------------------------- */ html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } body { direction: rtl; line-height: 1; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: Roboto; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } ol, ul { list-style: none } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none } figure { margin: 0 } :focus { outline: 0 } table { border-collapse: collapse; border-spacing: 0 } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle } legend { white-space: normal } button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } button, input { line-height: normal } input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0)) } button, input[type="button"], input[type="reset"], input[type="submit"] { line-height: 1; cursor: pointer; -webkit-appearance: button; border: none } input[type="checkbox"], input[type="radio"] { padding: 0; vertical-align: middle; } input[type="search"] { -webkit-appearance: textfield } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } *, :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } /* Repeatable Patterns -------------------------------------------------- */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { font: 12px/25px 'Roboto', sans-serif; color: #515e6f; overflow: hidden; font-weight: 400; } body.bg-body { background: url("/assets/images/bg-body.png") center center no-repeat; background-size: cover; } body.bg-body2 { background: #f8f9ff; } body.bg-body3 { background: #fff; } a { font-size: 14px; text-decoration: none; color: #192836; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a:hover, a:focus { color: #f3728b; text-decoration: none; outline: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } ul, ol { padding: 0; } img { max-width: 100%; height: auto; } b, strong { font-weight: 900; } button { border: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: inline-block; padding: 0px 28px; line-height: 24px; font-size: 14px; text-transform: uppercase; color: #ffffff; background: #f3728b; border: 2px solid #f3728b; -webkit-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -moz-border-radius: 2px; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { color: #f3728b; background: transparent; } button:focus { outline: 0; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="email"] { position: relative; display: block; width: 100%; line-height: 24px; padding: 0px 19px; color: #323232; border: 1px solid rgba(25,40,54,0.07); height: 46px; border-radius: 4px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } input[type="search"] { width: 240px; /* background-color: #eff0f1; */ font-size: 12px; font-weight: 700; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { border: 1px solid #fa778a; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } textarea { width: 100%; padding: 19px 22px; height: 208px; } input[type="checkbox"] { display: inline; } textarea:-moz-placeholder, textarea::-moz-placeholder, input:-moz-placeholder, input::-moz-placeholder { color: #c2c2c2; opacity: 1; } input:-ms-input-placeholder { color: #c2c2c2; } textarea::-webkit-input-placeholder, input::-webkit-input-placeholder { color: #c2c2c2; opacity: 1; } /* Extra Class -------------------------------------------------- */ /* Backgrounds */ .bg-fff { background: #fff; } .bg-15222e { background: #15222e; } .bg-192836 { background: #192836; } .bg-263134 { background: #263134; } .bg-252642 { background: #252642; } .bg-1d3240 { background: #1d3240; } .bg-282939 { background: #282939; } .bg-19333c { background: #19333c; } .bg-252a36 { background: #252a36; } .bg-1c3239 { background: #1c3239; } .bg-293542 { background: #293542; } .bg-1d2942 { background: #1d2942; } .bg-172e3f { background: #172e3f; } .bg-27313a { background: #27313a; } /* Color */ .color-fff { color: #fff; } .color-f3728b { color: #f3728b; } .color-2ebd59 { color: #2ebd59; } .color-515e6f { color: #515e6f; } .color-2ba2db { color: #2ba2db; } .color-0dc9ac { color: #0dc9ac; } .color-f05455 { color: #f05455; } .color-ec5252 { color: #ec5252; } .color-192836 { color: #192836; } .color-000 { color: #000000; } /* Fonts */ .font-Roboto { font-family: 'Roboto'; } .font-Poppins { font-family: 'Poppins'; } .font-Noto { font-family: 'Noto Serif'; } .font-Playfair { font-family: 'Playfair Display'; } .font-Hall { font-family: "hall-of-fun"; } .font-Publico { font-family: "PublicoText"; } .font-Freestyle { font-family: "freestyle-font"; } .font-size-20 { font-size: 20px; } .font-italic { font-style: italic; } .text-underline { text-decoration: underline !important; } /* Font Weight */ .font-weight-100 { font-weight: 100; } .font-weight-200 { font-weight: 200; } .font-weight-300 { font-weight: 300; } .font-weight-400 { font-weight: 400; } .font-weight-500 { font-weight: 500; } .font-weight-600 { font-weight: 600; } .font-weight-700 { font-weight: 700; } h1, h2, h3, h4, h5, h6 { font-family: "Roboto",sans-serif; font-weight: 700; color: #192836; } h1, h1 a { font-size: 36px; line-height: 60px } h2, h2 a { font-size: 60px; line-height: 60px } h3, h3 a { font-size: 30px; line-height: 30px } h4, h4 a { font-size: 26px; line-height: 26px } h5, h5 a { font-size: 15px; line-height: 24px; } h6, h6 a { font-size: 18px; line-height: 24px } /* Top -------------------------------------------------- */ .top { position: relative; } .top .flat-action.style1 { float: right; margin-top: 14px; } .top .flat-adds { float: right; width: 84%; padding-left: 11px; margin-top: 14px; margin-bottom: 8px; } /* style2 */ .top .socails ul li a { color: #515e6f; } .top .socails ul li { margin-right: 11px; } .top .socails { float: right; width: 67.5%; padding: 6px 0 0px 6px; } .top .socails ul li a:hover { color: #f3728b; } .top .socails.v2 ul li a:hover { color: #ec5252; } .top .flat-action.style2 { width: 32.5%; float: right; } /* Header -------------------------------------------------- */ #header { position: relative; } /* Logo */ #logo { float: right; width: 15%; padding: 10px 0 0px; } /* nav-menu */ .nav-wrap { float: right; width: 58%; } #mainnav > ul { list-style: none; margin: 0; padding: 0; } #main-nav > ul > li { position: relative; text-align: right; display: inline-block; } #main-nav ul li a { line-height: 93px; display: block; font-weight: 700; padding: 0 33px 0 0; } #main-nav ul > li > a { position: relative; } #main-nav ul > li.active > a, #main-nav ul.submenu > li:hover > a { color: #f3728b; } #main-nav ul.submenu > li.item-has-child > a:after { content: ""; font-family: "Font Awesome 5 Pro"; position: absolute; left: 0; } #main-nav ul.submenu > li > a { font-weight: 400; line-height: 40px; display: block; margin-bottom: 2px; font-family: "Roboto"; position: relative; font-weight: 700; padding: 0; } #main-nav ul.submenu { position: absolute; top: 150%; right: -30px; width: 220px; background: #ffffff; box-shadow: 0px 5px 14.25px 0.75px rgba(0, 0, 0, 0.05); padding: 5px 15px; z-index: 9999; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #main-nav > ul.menu li:hover > ul.submenu { top: 100%; opacity: 1; visibility: visible; } #main-nav ul.submenu li ul { position: absolute; right: 185px; top: 0px !important; } #header #main-nav ul li { position: relative; } #main-nav > ul.menu li:hover > a { color: #f3728b; } #main-nav > ul.menu li:hover > ul.submenu { top: 80%; opacity: 1; visibility: visible; } #header.style3 .nav-wrap { width: 81%; } /* menu-extra */ .extra-menu { width: 27%; float: left; padding: 20px 0 9px; } .extra-menu ul li { display: inline-block; } .extra-menu ul li:not(:last-child) { margin-left: 22px; } .extra-menu a { line-height: 64px; } .extra-menu .cart { float: left; } .extra-menu .cart a { padding-left: 10px; } .extra-menu span.bf-icon { font-size: 16px; } .extra-menu .cart { position: relative; } .extra-menu span.count-cart { position: absolute; top: 16px; left: 3px; background: #fa778a; color: #fff; width: 13px; height: 13px; border-radius: 6px; line-height: 13px; text-align: center; font-size: 10px; } #header.style3 .extra-menu { width: 4%; } /* search-header */ #header .wrap-search-header { float: right; padding: 4px 7px 0 0; } .search-header { position: relative; } .search-header button.btn-search { background: transparent; color: #515e6f; border: unset; position: absolute; left: 0px; z-index: 1; top: 0; width: 48px; font-size: 17px; line-height: 48px; padding-left: 36px; } .search-header button.btn-search:hover { color: #fa778a; } .show-search { position: relative; } .show-search a { color: #fff; font-size: 18px; } .top-search { position: absolute; left: 0; top: 110%; } .show-search a { color: #fff; margin-right: 21px; padding-right: 31px; font-size: 18px; padding: 0px; position: relative; } .show-search a:before { content: ""; position: absolute; right: 0; top: 1px; width: 1px; height: 20px; } .show-search a i { width: 16px; } .show-search a:hover, .show-search a i:hover, .show-search.active a .icon-search:hover:before { color: #f3728b; } #header.style2.v2 .show-search a:hover, #header.style2.v2 .show-search a i:hover, #header.style2.v2 .show-search.active a .icon-search:hover:before, #header.style2.v2 .show-search.active a .icon-search:before { color: #ec5252; } .show-search.active a .icon-search:before { content: "\f00d"; color: #f3728b; font-family: "FontAwesome"; } .top-search { position: absolute; left: -5px; top: 138%; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .top-search.show { visibility: visible; opacity: 1; z-index: 9999; top: 100%; } .top-search.widget-search .search-form:before { content: unset; } .top-search.widget-search button.search-submit:before { font-size: 14px; } /* Header Style2 */ #header.style2 #logo { padding: 31px 0 29px; } #header.style2 #main-nav > ul > li { margin-right: 31px; } #header.style2 #main-nav > ul > li > a { color: #fff; padding-left: 0; line-height: 87px; } #header.style2 #main-nav > ul > li > a:after { content: ""; width: 0; height: 3px; background: #f3728b; position: absolute; bottom: 31px; right: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #header.style2.v2 #main-nav > ul > li > a:after { background: #ec5252; } #header.style2 #main-nav > ul > li > a:hover, #header.style2 #main-nav > ul > li.active > a, #header.style2 .extra-menu ul li.cart:hover a { color: #f3728b; } #header.style2.v2 #main-nav > ul > li > a:hover, #header.style2.v2 #main-nav > ul > li.active > a, #header.style2.v2 .extra-menu ul li.cart:hover a { color: #ec5252; } #header.style2 #main-nav > ul > li > a:hover:after, #header.style2 #main-nav > ul > li.active > a:after { width: 100%; } #header.style2 .extra-menu ul li.cart a { color: #fff; } #header.style2 .extra-menu ul li:not(:last-child) { margin-left: 11px; } #header.style2 .extra-menu { width: 9%; padding: 13px 0 12px; } #header.style2 .nav-wrap { width: 76%; } #header.style2.v2 #main-nav ul > li.active > a, #header.style2.v2 #main-nav ul.submenu > li:hover > a { color: #ec5252; } #header.style2.v2 #main-nav > ul.menu li:hover > a { color: #ec5252; } #header.style2.v2 #main-nav ul.submenu { width: 220px; } #header.style2.v2 #main-nav ul.submenu li ul { right: 191px; } #header.style2.v2 .extra-menu span.count-cart { background: #ec5252; } #header.style2.v3 #main-nav > ul > li > a, #header.style2.v3 .extra-menu ul li.cart a { color: #192836; } #header.style2.v3 #main-nav > ul > li > a:hover, #header.style2.v3 #main-nav > ul > li.active > a, #header.style2.v3 .extra-menu ul li.cart:hover a { color: #f3728b; } #header.style2.v3 #main-nav { margin-left: -14px; } #header.style2.v2 #main-nav { margin-left: -15px; } /* Fixed Menu */ #header.fixed-header { position: fixed; top: 0; right: 0; width: 100%; z-index: 1000; } /* Mobile Menu Button -------------------------------------------------- */ .mobile-button { display: none; position: absolute; width: 26px; height: 26px; float: left; top: 50%; left: 15px; background-color: transparent; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .mobile-button:before, .mobile-button:after, .mobile-button span { background-color: #f3728b; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; } .mobile-button:before, .mobile-button:after { content: ''; position: absolute; top: 0; height: 3px; width: 100%; right: 0; top: 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .mobile-button span { position: absolute; width: 100%; height: 3px; right: 0; top: 50%; overflow: hidden; text-indent: 200%; } .mobile-button:before { -webkit-transform: translate3d(0,-7px,0); -moz-transform: translate3d(0,-7px,0); transform: translate3d(0,-7px,0); } .mobile-button:after { -webkit-transform: translate3d(0,7px,0); -moz-transform: translate3d(0,7px,0); transform: translate3d(0,7px,0); } .mobile-button.active span { opacity: 0; } .mobile-button.active:before { -webkit-transform: rotate3d(0,0,1,-45deg); -moz-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); } .mobile-button.active:after { -webkit-transform: rotate3d(0,0,1,45deg); -moz-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); } .btn-submenu { position: absolute; left: 0; top: 0; font: 20px/50px 'FontAwesome'; text-align: center; cursor: pointer; width: 70px; height: 44px; } .btn-submenu:before { content: "\f107"; color: #fff; } .btn-submenu.active:before { content: "\f106" } .mobile-button.v2:before, .mobile-button.v2:after, .mobile-button.v2 span { background: #f3728b; } .mobile-button.v2 { left: 21px; right: unset; z-index: 1; } /* Mobile navigation -------------------------------------------------- */ #mainnav-mobi { display: block; margin: 0 auto; width: 100%; position: absolute; background-color: #403b3b; z-index: 1000; top: 100%; right: 0; } #mainnav-mobi ul { display: block; list-style: none; margin: 0; padding: 0; } #mainnav-mobi ul li { margin: 0; position: relative; text-align: right; border-top: 1px solid #333333; cursor: pointer } #mainnav-mobi ul > li > a { text-decoration: none; height: 50px; line-height: 45px; padding: 0 15px; color: #fff; } #mainnav-mobi ul.sub-menu { top: 100%; right: 0; z-index: 2000; position: relative; background-color: #333333; } #mainnav-mobi > ul > li > ul > li, #mainnav-mobi > ul > li > ul > li > ul > li { position: relative; border-top: 1px solid #333333; } #mainnav-mobi > ul > li > ul > li > ul > li a { padding-right: 50px !important; } #mainnav-mobi ul > li > ul > li a { padding-right: 30px !important; } #mainnav-mobi ul.submenu > li > a { display: block; text-decoration: none; border-top-color: rgba(255,255,255,.1); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #mainnav-mobi > ul > li > ul > li:first-child a { border-top: none; } #mainnav-mobi ul.submenu > li > a:hover, #mainnav-mobi > ul > li > ul > li.active > a, #mainnav-mobi ul > li.active > a { color: #f3728b; } /* Flat Page Title -------------------------------------------------- */ .flat-title-page { position: relative; overflow: hidden; } .flat-title-page:after { content: ""; background: url("/assets/images/title-page/bg-white-2.png") center center no-repeat; height: 38px; width: 1920px; position: absolute; bottom: 0; } .flat-title-page:before { content: ""; border-top: 76px solid transparent; border-left: 1920px solid rgba(255,255,255,0.54); position: absolute; bottom: 0; z-index: 99; } .wrap-title-page { position: relative; padding: 94px 15px 159px; } .flat-title-page.undescription .wrap-title-page { /*padding: 122px 15px 179px;*/ } .flat-title-page.style2 .wrap-title-page { padding: 94px 15px 103px; } .flat-title-page.style3 .wrap-title-page { padding: 155px 15px 100px; } .flat-title-page.style4 .wrap-title-page { padding: 113px 15px 161px; } .flat-title-page h2.title { margin-bottom: 15px; margin-right: -3px; } .flat-title-page h2.title a { color: #fff; font-weight: 700; } .flat-title-page p { color: #fff; font-size: 16px; padding-left: 39%; line-height: 25px; } .title-page { position: relative; } /* breadcrumbs */ .wrap-title-page.bg-img .breadcrumbs { position: absolute; bottom: 35px; right: 14px; z-index: 999; } .breadcrumbs.style2 { margin-bottom: 55px; } .breadcrumbs ul li { display: inline-block; } .breadcrumbs ul li:not(:last-child):after { content: "\f323"; font-family: "Font Awesome 5 Pro"; font-size: 11px; padding-right: 8px; padding-left: 4px; color: #192836; font-weight: 500; vertical-align: middle; } .breadcrumbs.style2 ul li:not(:last-child):after { color: #fff; } .breadcrumbs ul li a { font-size: 16px; color: #192836; font-weight: 700; display: inline-block; } .breadcrumbs.style2 ul li a { color: #fff; } .breadcrumbs.style2 ul li a:hover { color: #f3728b; } .wrap-title-page.bg-img .bg-breadcrumbs { position: absolute; left: 82.3%; bottom: -40px; -webkit-transform: scaleX(-1); transform: scaleX(-1); } .breadcrumbs.style3 ul li a, .breadcrumbs.style3 ul li:not(:last-child):after { color: #fff; } .wrap-title-page.bg-img .bg-breadcrumbs.style2 { left: 80.3%; } /* Flat Paginations -------------------------------------------------- */ .pagination-wrap li { margin: 0 3px; } .pagination-wrap li a { display: inline-block; line-height: 36px; border: 1px solid rgba(26,34,125,0.22); padding: 0 15px; border-radius: 4px; font-weight: 700; } .pagination-wrap li:not(.disabled) a:hover, .pagination-wrap li.active a { background: #f3728b; color: #fff; border: 1px solid #f3728b; } .pagination-wrap li.disabled a:hover { color: #515e6f; opacity: 0.2; } .pagination-wrap li.disabled a { opacity: 0.2; } .pagination-wrap .btn-navs { padding: 0 8px; } /* style2 */ .flat-paginations.style2 .pagination-wrap li:not(.disabled) a:hover, .flat-paginations.style2 .pagination-wrap li.active a { background: #536dfe; border: 1px solid #536dfe; } /* Footer -------------------------------------------------- */ #footer { background: url("/assets/images/footer/bg-footer.png") center center no-repeat; background-size: cover; padding: 80px 0 0; } /* Widget -------------------------------------------------- */ .widget-ft .widget-title { margin-bottom: 21px; color: #fff; } .sidebar-right .widget-title { color: #192836; font-weight: 900; margin-bottom: 10px; } .widget-ft { margin-top: -4px; } /* Widget About */ .widget-about { padding-left: 40px; padding-right: 1px; } .widget-about #logo-ft { margin-bottom: 15px; } .widget-about .description { margin-bottom: 22px; line-height: 26px; font-size: 12px; color: #718297; text-align: justify; } .widget-about .list-info { margin-bottom: 20px; padding-right: 20px; } .widget-about .list-info ul li a { color: #718297; font-size: 12px; } .widget-about .list-info ul li a:hover { color: #f3728b; } .widget-about .list-info ul li a:before { content: ""; font-family: "Font Awesome 5 Pro"; font-size: 12px; right: 15px; margin-left: 10px; position: absolute; } .widget-about .list-info ul li.address a:before { content: "\f041"; } .widget-about .list-info ul li.phone a:before { content: "\f098"; } .widget-about .list-info ul li.mail a:before { content: "\f0e0"; } .widget-about .socails ul li a { color: #718297; margin: 0 0 0 16px; } .widget-about .socails ul li a:hover { color: #f3728b; } .widget-about.v2 .socails ul li a:hover, .widget-about.v2 .list-info ul li a:hover { color: #ec5252 } /* Widget Link */ .widget-link ul:not(:first-child) { padding-right: 41px; } .widget-link ul li a { color: #718297; font-weight: 700; margin-bottom: 19px; display: inline-block; position: relative; } .widget-link ul li a:hover { color: #f3728b; } .widget-link.v2 ul li a:hover { color: #ec5252; } .widget-link.v2 ul li a:after { background: #ec5252; } .widget-link ul li a:before { content: "\f104"; margin-left: 10px; font-family: "Font Awesome 5 Pro"; font-weight: 400; vertical-align: middle; } .widget-link ul li a:after { content: ""; background: #f3728b; width: 0; height: 1px; position: absolute; bottom: -5px; right: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .widget-link ul li a:hover:after { width: 100%; } /* Widget Recent Work */ .widget-ft.widget-recent-work .widget-title { margin-bottom: 28px; } .widget-sidebar.widget-recent-work .widget-title { font-weight: 700; font-family: 'Poppins'; margin-bottom: 27px; } .widget-recent-work .owl-carousel .owl-nav button { width: 26px; height: 26px; color: #f3728b; background: rgba(243,114,139,0.07); border: 1px solid rgba(243,114,139,0.18); margin-right: 5px; } .widget-recent-work .owl-carousel .owl-nav button:hover { color: #fff; border: 1px solid rgba(255,255,255,0.18); } .widget-recent-work .owl-carousel .owl-nav button:focus { outline: 0; } .widget-recent-work .owl-carousel .owl-nav { position: absolute; top: -30%; left: 0; } .widget-recent-work .flat-recentOwl { margin-bottom: 28px; } .widget-recent-work .btn-view-more { color: #718297; position: relative; font-weight: 700; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .widget-recent-work .btn-view-more:hover { color: #f3728b; } .btn-view-more:after { font-weight: 500; font-family: "Font Awesome 5 Pro"; font-size: 12px; position: absolute; bottom: -2px; left: -17px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; content: "\f323"; } .btn-view-more:hover:after { left: -15px; color: #f3728b; } /* Widget Counter */ .sidebar-right .widget-counter { margin-bottom: 30px; } /* Widget Event Details */ .widget-event-detail { background: url("/assets/images/sidebar/bg-sidebar-detail.png") center center no-repeat; background-size: cover; border-radius: 6px; padding: 42px 25px 7px 20px; } .widget-event-detail .wrap-btn { margin-bottom: 30px; } .widget-event-detail .description { margin-bottom: 46px; } .widget-event-detail .title { float: right; font-weight: 700; color: #192836; } .widget-event-detail .value { float: left; font-weight: 700; color: #192836; } .list-detail { margin-bottom: 37px; } .list-detail li { display: block; position: relative; padding: 0px 37px 0px 21px; margin-bottom: 20px; } .list-detail li:before { content: ""; font-family: "FontAwesome"; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 14px; } .list-detail li.slot:before { content: "\f2bd"; color: #6055ff; font-family: "Font Awesome 5 Free"; } .list-detail li.cost:before { content: "\f155 "; color: #f3728b; } .list-detail li.start-time:before { content: "\f022"; color: #2ebd59; font-family: "Font Awesome 5 Free"; } .list-detail li.end-time:before { content: "\f017"; color: #7bdeff; } .list-detail li.location:before { content: "\f124"; color: #ff7b88; font-weight: 400; } .flat-button.btn-book-now { display: inline-block; line-height: 48px; padding: 0 29px; background: #f3728b; color: #fff; font-weight: 700; font-size: 16px; } .flat-button.btn-book-now:hover { background: transparent; } .flat-button.btn-book-now:before { background-color: #192836; } /* Widget Subscribe */ .widget-subscribe { background: url("/assets/images/sidebar/bg-sidebar-detail-2.png") center center no-repeat; background-size: cover; padding: 58px 24px 60px 24px; margin-bottom: 30px; } .widget-subscribe .widget-title { color: #fff; font-weight: 900; margin-bottom: 19px; } .widget-subscribe .text { color: #fff; margin-bottom: 23px; } .widget-subscribe .wrap-description { position: relative; } .widget-subscribe .wrap-description:after, .widget-subscribe .wrap-description:before { content: ""; width: 3px; height: 90%; background: rgba(65,55,127,0.53); border: 1px solid #7163ca; position: absolute; top: 50%; transform: translateY(-50%); } .widget-subscribe .wrap-description:after { left: -3px; } .widget-subscribe .wrap-description:before { right: -3px; } .widget-subscribe .description { border: 1px solid #7163ca; margin: 0 0 52px 0; background: rgba(65,55,127,0.53); color: #9988ff; line-height: 20px; padding: 25px 0 28px 0; } .widget-subscribe .description:after, .widget-subscribe .description:before { content: ""; width: 3px; height: 80%; background: rgba(65,55,127,0.53); border: 1px solid #7163ca; position: absolute; top: 50%; transform: translateY(-50%); } .widget-subscribe .description:after { left: -6px; } .widget-subscribe .description:before { right: -6px; } .widget-subscribe .over { font-style: italic; line-height: 44px; font-size: 66px; color: #fff; font-weight: 400; margin-bottom: 15px; } .widget-subscribe .wrap-over { margin-bottom: 33px; } .widget-subscribe .count { color: #fb8aba; font-size: 50px; position: relative; font-weight: 400; } .widget-subscribe .count:after { content: ""; width: 100%; background: #fb8aba; height: 3px; position: absolute; right: 0; bottom: 4px; } .widget-subscribe .free { font-size: 26px; font-family: "Roboto"; font-style: initial; font-weight: 300; color: #fff; } .widget-subscribe .wrap-form-subscribe { position: relative; } .widget-subscribe button.btn-send { position: absolute; top: 0; left: 0; height: 49px; padding: 0 24px; border: unset; font-weight: 700; background-color: #536dfe; } .widget-subscribe button.btn-send.v2 { background-color: #f3728b; } .widget-subscribe button.btn-send:hover.v2 { color: #f3728b; } .widget-subscribe button.btn-send:hover { background-color: transparent; color: #536dfe; } .flat-button.btn-send:before { background-color: #192836; } .widget-subscribe input[type="email"] { height: 49px; } /* Widget Categories */ .widget-categories { border-radius: 4px; overflow: hidden; } .widget-categories .title-widget { font-size: 16px; color: #fff; background: #f3728b; line-height: 46px; padding: 0 29px; } .widget-categories .content { padding: 22px 29px 11px 29px; background: #fff; } .widget-categories ul li { margin-bottom: 3px; } .widget-categories ul li a { position: relative; color: #515e6f; } .widget-categories ul li a:after { content: ""; width: 0%; height: 2px; background: #f3728b; position: absolute; right: 0; bottom: -1px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .widget-categories ul li a:hover:after { width: 100%; } .widget-categories ul li a span { color: #8a95a2; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .widget-categories ul li a:hover, .widget-categories ul li a:hover span { color: #f3728b; } .widget-categories.v2 { padding: 25px 37px 23px 0; margin-bottom: 43px; } .widget-categories.v2 .title-widget { background-color: unset; padding: 0 0; color: #192836; font-family: 'Poppins'; font-weight: 700; font-size: 20px; margin-bottom: 12px; } .widget-categories.v2 ul li a { color: #192836; font-size: 16px; } .widget-categories.v2 ul li { margin-bottom: 10px; } .widget-categories.v2 ul li:before { content: ''; font-family: "Font Awesome 5 Free"; color: #f3728b; padding-left: 11px; font-size: 16px; } .widget-categories.v2 ul li.academics:before { content: '\f044'; } .widget-categories.v2 ul li.adverisement:before { content: '\f3a5'; } .widget-categories.v2 ul li.campus:before { content: '\f1ad'; } .widget-categories.v2 ul li.programming:before { content: '\f024'; font-family: "FontAwesome"; } .widget-categories.v2 ul li.business:before { content: '\f022'; font-family: "FontAwesome"; } .widget-categories.v2 ul li a { font-family: 'Poppins'; } /* Widget Search */ .widget-search .flat-search { width: 100%; margin-bottom: 49px; } .widget-search .flat-search button.btn-search { height: 49px; width: 66px; line-height: 49px; font-size: 20px; } .widget-search .flat-search.v2 button.btn-search { height: 49px; width: 66px; background-color: #536dfe; } .widget-search .flat-search.v2 button.btn-search:hover { color: #536dfe; } .widget-search .flat-search input[type="search"], .widget-search .flat-search.v2 input[type="search"] { height: 49px; font-size: 14px; padding-right: 17px; } .widget-search .flat-search.v2 input[type="search"]:focus { border: 1px solid #536dfe; } /* Widget Related Sourses */ .widget-related-sourses { margin-bottom: 37px; } .widget-related-sourses .course { padding: 0; margin-bottom: 13px; } .widget-related-sourses .title-widget { margin-bottom: 18px; font-family: 'Poppins'; font-weight: 700; } .widget-related-sourses .course-img { float: right; margin-top: 7px; margin-left: 15px; margin-bottom: 10px; } .widget-related-sourses .course-content { background-color: unset; } .widget-related-sourses .course-content .title a { font-size: 16px; font-family: 'Poppins'; font-weight: 700; } .widget-related-sourses .course-content .title { margin-bottom: 3px; } .widget-related-sourses .course-content .description { margin-bottom: 11px; } .widget-related-sourses .vline { top: 5px; right: 5px; width: -webkit-calc(50% - 5px); width: -moz-calc(50% - 5px); width: calc(50% - 5px); height: -webkit-calc(50% - 5px); height: -moz-calc(50% - 5px); height: calc(50% - 5px); } .widget-related-sourses .vline-bottom { bottom: 5px; left: 5px; top: auto; right: auto; } /* Bottom -------------------------------------------------- */ .bottom { padding: 17px 0; } .copyright { font-size: 13px; font-weight: 700; } .copyright p { color: #718297; } .copyright a { color: #f3728b; opacity: 0.8; } .copyright a.v2 { color: #ec5252; } .copyright a:hover { color: #fff; } .widget.no-border ul li a { font-size: 13px; color: rgba(113,130,151,0.8); font-weight: 700; } .widget.no-border ul li a:hover { color: #f3728b; } .widget.no-border.v2 ul li a:hover { color: #ec5252; } .widget.no-border ul li { margin-right: 22px; } /* Events Pages -------------------------------------------------- */ .event-v1-page { padding-top: 126px; padding-bottom: 98px; } .event-v2-page { padding-top: 127px; padding-bottom: 97px; } .event-detail-page { padding-top: 127px; } .event-detail { margin-bottom: 43px; } .event-detail .author { padding-left: 0; } .event-detail .heading.border-bt { border-bottom: 1px solid #e6f3ff; } .event-detail .heading { padding-left: 37px; padding-bottom: 11px; margin-bottom: 20px; } .event-detail .heading .title { margin-bottom: 12px; } .event-detail .heading .description { padding-bottom: 15px; } .event-detail .img-single { margin-bottom: 26px; } .event-detail .wrap-btn { margin-top: 15px; } .event-detail-page .img-single-small { float: left; margin-left: 48px; margin-right: 10px; } .event-detail-page .tab-content .text-wrap:nth-child(2) { padding-top: 24px; padding-bottom: 20px; } .event-detail-page .tab-content .text-wrap { padding: 0px 30px 27px 109px; } .event-detail-page .tab-content .text-wrap:nth-child(5) { padding-left: 0; padding-bottom: 20px; } .event-detail-page .tab-content .text-wrap:nth-child(5) .text { margin-bottom: 24px; line-height: 22px; padding-left: 74px; } .event-detail-page .tab-content .wrap-btn { margin-top: 39px; } .event-detail-page .tab-content .title { margin-bottom: 14px; } .event-detail-page .tab-content .img-single { margin-bottom: 35px; } .flat-button.btn-get-ticket { line-height: 34px; padding: 0 10px; border-radius: 4px; display: inline-block; border: 2px solid #f3728b; color: #f3728b; font-size: 16px; font-weight: 700; } .flat-button.btn-get-ticket:hover { color: #fff; } .flat-button.btn-google { padding: 5px 28px; display: inline-block; color: #fff; background-color: #f3728b; font-size: 16px; font-weight: 700; font-family: "Roboto"; line-height: 51px; } .flat-button.btn-google:hover { color: #f3728b; } .flat-button.btn-google:before { background-color: #192836; } /* Instructors Pages -------------------------------------------------- */ .instructors-page { padding-top: 125px; padding-bottom: 68px; } /* FAQs Pages -------------------------------------------------- */ .faqs-page { padding: 92px 0 84px 0; } /* Shop Pages -------------------------------------------------- */ .shop-page { padding: 97px 0 100px 0; } .shop-single-page { padding: 61px 0 91px 0; } .shop-single-page .author .name a { font-size: 16px; } .shop-single-page .flat-img-single-slider { margin-bottom: 25px; } .shop-single-page .heading .title { margin-bottom: 16px; } .shop-single-page .heading .title { font-weight: 700; } .shop-single-page .price-wrap { margin-top: 14px; } .shop-single-page .author-avata { margin-top: 10px; } .shop-single-page .author .name { margin-bottom: 2px; } .meta-list .title { margin-left: 5px; font-weight: 700; } .meta-list li:not(:last-child):after, .meta-rate > li:not(:last-child):after { content: "|"; margin: 0 12px 0 11px } .meta-list li.tags a:not(:last-child):after { content: ","; color: #192836; } .shop-single-page .meta-list { margin-bottom: 8px; } .shop-single-page .star-list { margin-left: 13px; } .shop-single .price-wrap { margin-bottom: 41px; } .shop-single-page .flat-tabs { margin-top: 40px; } .shop-single-page .flat-tabs .item-content { padding: 36px 28px 22px 28px; } .shop-single-page .flat-tabs .item-content .title { margin-bottom: 25px; } .shop-single-page .flat-tabs .item-content .text { margin-bottom: 24px; } .shop-single.flat-related-products { margin-bottom: 69px; } .flat-related-products.shop-single .price-wrap { margin-bottom: 0; } .flat-related-products.shop-single .flat-title .title { margin-bottom: 40px; } /* About Pages -------------------------------------------------- */ .about-us-page { padding-top: 99px; } .about-us-page .flat-about-info { margin-bottom: 164px; } .about-us-page .flat-faqs { padding: 96px 0 82px 0; } /* Courses Pages -------------------------------------------------- */ .courses-grid-v1-page { padding: 115px 0 100px 0; } .courses-grid-v1-page .flat-courses { margin-bottom: 30px; } .courses-grid-v2-page { padding: 112px 0 100px 0; } .courses-grid-v2.flat-title-page.style4 .wrap-title-page { padding: 111px 15px 157px; } .courses-single-page { padding: 126px 0 100px 0; } .courses-single-page .star-list { margin-left: 9px; } .courses-single-page .star-list li { margin-right: -1px; } .courses-single-page .img-single { margin-bottom: 26px; } .courses-single-page .heading { padding-left: 37px; } .courses-single-page .heading .title a { font-weight: 700; } .courses-single-page .heading .title { margin-bottom: 10px; } .courses-single-page .heading .description { margin-bottom: 19px; } .courses-single-page .price-wrap { padding-top: 7px; } .courses-single-page .wrap-cart { margin-bottom: 15px; } .courses-single-page .author .name a { font-size: 16px; } .courses-single-page .author { padding-top: 13px; } .courses-single-page .author .author-avata { margin-top: 5px; } .courses-single-page .author .name { margin-bottom: 3px; } .courses-single-page .author .meta-list { margin-bottom: 5px; } .courses-single-page .item-content { padding: 25px 28px 10px 30px; } .courses-single-page .text-wrap.img-right .img-single-small { float: left; padding: 0 0 0 18px; margin-top: -10px; } .courses-single-page .text-wrap.img-left .img-single-small { float: right; padding-left: 28px; margin: 45px -30px 0 0; } .course-single { margin-bottom: 46px; } .courses-single-page .text-wrap .title { margin-bottom: 14px; } .courses-single-page .text-wrap.img-left .title { margin-top: 40px; } .courses-single-page .text-wrap.img-left .text { margin-bottom: 40px; } .courses-single-page .text-wrap .text { margin-bottom: 19px; } .courses-single-page .list-skill li { margin-bottom: 7px; } .courses-single-page .list-skill li:before { content: "\f192"; font-family: "Font Awesome 5 Free"; padding-left: 5px; } .courses-single-page .list-skill li:nth-child(1):before { color: #536dfe; } .courses-single-page .list-skill li:nth-child(2):before { color: #ff828a; } .courses-single-page .list-skill li:nth-child(3):before { color: #1fdadf; } .courses-single-page .list-skill li:nth-child(4):before { color: #fcaa46; } .courses-single-page .list-skill li:nth-child(5):before { color: #21ce4a; } .courses-single-page .list-skill li:nth-child(6):before { color: #f45f7d; } .courses-single-page .text-wrap.img-left { margin-bottom: 68px; } .courses-single-page .tag-item { height: 19px; padding: 0 5px; color: #515e6f; font-size: 12px; } .courses-single-page .tag-item.bg-7ffe53 { background: rgba(127,254,83,0.08); border: 1px solid rgba(53,192,69,0.14) } .courses-single-page .tag-item.bg-fe5367 { background: rgba(254,83,103,0.08); border: 1px solid rgba(254,83,103,0.14) } .courses-single-page .tag-item.bg-536dfe { background: rgba(83,109,254,0.08); border: 1px solid rgba(83,109,254,0.14) } .courses-single-page .checkmark a { border: 1px solid rgba(81,94,111,0.14); padding: 0 5px; font-size: 9px; line-height: 19px; display: inline-block; margin-right: 5px; } .courses-single-page .checkmark span { font-size: 12px; } .courses-single-page .checkmark .report { margin-right: 26px; } .flat-button.btn-buy { height: 37px; padding: 0 16px; line-height: 37px; margin-right: 15px; border: 2px solid #f3728b; border-radius: 4px; font-size: 16px; font-weight: 700; display: inline-block; color: #f3728b; } .flat-button.btn-buy.v2 { background-color: #f3728b; color: #fff; } .flat-button.btn-buy:hover.v2 { border: 2px solid #192836; } .flat-button.v2.btn-buy:before { background-color: #192836; } .flat-button.btn-buy:hover { color: #fff; } .btn-cart { color: #f3728b; font-size: 14px; font-weight: 500; line-height: 43px; } .btn-cart.v2 { color: #192836; } .btn-cart:hover.v2 { color: #f3728b; } .btn-cart:hover { color: #192836; } .btn-cart:before { content: "\ea34"; font-family: "bf-icon"; padding-left: 7px; } .courses-grid-v3-page { padding: 107px 0 100px 0; } .courses-grid-v3-page .sidebar-left { width: 22%; float: right; } .courses-grid-v3-page .content-page { width: 78%; float: left; } .courses-grid-v3-page .content-page .taskbar { width:60%; float: right; padding: 11px 20px 0 0; } .courses-grid-v3-page .content-page .select-order { float: left; } .courses-grid-v3-page .wrap-select { width: 210px; position: relative; } .courses-grid-v3-page .wrap-select:before { content: "\f022"; font-family: "Font Awesome 5 Pro"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } .courses-grid-v3-page .wrap-select:after { content: "\f078"; font-family: "Font Awesome 5 Pro"; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); color: #536dfe; } .courses-grid-v3-page .content-page .heading { background: #fff; margin-bottom: 15px; } .courses-grid-v3-page .taskbar ul li { font-size: 12px; } .courses-grid-v3-page .taskbar ul li:not(:last-child):after { content: "|"; font-weight: 500; padding: 0 17px 0 9px; } .courses-grid-v3-page select { font-size: 12px; -moz-appearance: none; -webkit-appearance: none; background: rgba(83,109,254,0.05); padding-right: 45px; } /* Blog Pages -------------------------------------------------- */ .blog-page { padding: 81px 0 119px; } .blog-single-page { padding: 81px 0 119px; } .post-single { padding-bottom: 13px; margin-bottom: 50px; } .post-single blockquote { color: #fa778a; font-size: 20px; line-height: 29px; margin-bottom: 24px; } .post-single blockquote:before { content: '“'; font-weight: 500; margin-left: -4px; } .post-single blockquote:after { content: '"'; font-weight: 500; } .post-single .img-single { margin-bottom: 29px; } .post-single .title { margin-bottom: 18px; } .post-single .title a { font-family: 'Poppins'; font-weight: 700; } .post-single .list-meta { margin-bottom: 17px; } .post-single .sub-title { font-weight: 500; margin-bottom: 26px; } .post-single .text1 { margin-bottom: 34px; } .post-single .text2 { margin-bottom: 24px; } .post-single .text3 { margin-bottom: 40px; } .post-single .text4 { margin-bottom: 65px; } .admin-wrap .admin { font-size: 16px; } .admin-wrap .admin:before { content: '\f38e'; font-family: 'Ionicons'; color: #fa778a; font-size: 18px; padding-left: 13px; } .post-single .socails { margin-top: 4px; } .post-single .socails ul li { margin-right: 14px; } .post-single .socails ul li:first-child { font-weight: 700; font-family: 'Poppins'; color: #192836; font-size: 16px; margin-left: 48px; } .post-single .socails ul li a { font-size: 18px; } .post-single .socails ul li.facebook a { color: #4267b2; } .post-single .socails ul li.google a { color: #d73d32; } .post-single .socails ul li.twitter a { color: #1da1f2; } .wrap-next-pre { padding-bottom: 42px; margin-bottom: 75px; } .wrap-next-pre .icon { font-size: 42px; width: 66px; height: 66px; background: #f7f7f7; line-height: 68px; text-align: center; border-radius: 50%; color: #515e6f; } .wrap-next-pre .icon.next { float: left; margin-right: 19px; } .wrap-next-pre .icon.pre { float: right; margin-left: 19px; } .wrap-next-pre .content { padding-top: 8px; } .wrap-next-pre .content p { color: #515e6f; } .wrap-next-pre .next-pre.active .icon, .wrap-next-pre .next-pre:hover .icon { background: #fa778a; color: #fff; } /* Flat Slider -------------------------------------------------- */ .flat-slider.style1 .overlay { background: white; background-size: cover; position: absolute; width: 100%; height: 100%; opacity: .4; } .flat-button.btn-start-slider { font-size: 16px; display: inline-block; line-height: 49px; padding: 3px 34px 3px 54px; background: #f3728b; color: #fff; } .flat-button.btn-start-slider.v2 { background-color: #536dfe; } .flat-button.btn-start-slider.v3 { background-color: #ec5252; } .flat-button.btn-start-slider:before { background: #192836; } .flat-button.btn-start-slider:after { content: "\ea37"; font-family: "bf-icon"; font-weight: 100; font-size: 16px; position: absolute; left: 32px; top: 50%; transform: translateY(-50%); } .flat-slider.style2 .overlay { background: #ffedd2; opacity: 0.2; width: 100%; height: 100%; } .flat-slider.style2 { position: relative; } .flat-slider.style2:after { content: ""; background: url("/assets/images/title-page/bg-white-2.png") center center no-repeat; height: 38px; width: 1920px; position: absolute; bottom: 0; } .flat-slider.style2:before { content: ""; border-top: 76px solid transparent; border-left: 1920px solid rgba(255,255,255,0.54); position: absolute; bottom: 0; z-index: 99; } .flat-slider.style3 .overlay { background: #192836; width: 100%; height: 100%; opacity: 0.5; right: 0; top: 0; } /* Go Top -------------------------------------------------- */ #scroll-top { position: fixed; transition: 0.25s all; display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; z-index: 9999; left: 14px; bottom: 23px; opacity: 0; border-radius: 4px; visibility: hidden; cursor: pointer; overflow: hidden; } #scroll-top.show { left: 24px; opacity: 1; visibility: visible } #scroll-top:before, #scroll-top:after { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #scroll-top:before { z-index: -1; background-color: #192836; } #scroll-top:after { font-family: "Font Awesome 5 Pro"; font-size: 14px; color: #fff; content: "\f077"; } .v2#scroll-top:after { color: #fff; } #scroll-top:hover:after { color: #fff; } #scroll-top:hover:before { background-color: #f3728b; } .v2#scroll-top:hover:before { background-color: #ec5252; } /* Preload -------------------------------------------------- */ .preloader { width: 100%; height: 100%; position: fixed; z-index: 9999; background: #ffffff; } .loader { display: inline-block; width: 50px; height: 50px; position: absolute; z-index: 3; /*border: 4px solid #223363;*/ top: 50%; right: 50%; margin: -25px; animation: loader 2s infinite ease; } .preloader h6 { position: absolute; z-index: 3; top: 55%; width: 100%; text-align: center; } .loader-inner { vertical-align: top; display: inline-block; width: 100%; background-color: #f3728b; animation: loader-inner 2s infinite ease-in; } @keyframes loader { 100% { transform: rotate(360deg); } } @keyframes loader-inner { 0% { height: 0%; } 25% { height: 0%; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0%; } } /* Switcher -------------------------------------------------- */ .switcher-container { position: fixed; right: -220px; top: 139px; width: 220px; background-color: #000; z-index: 99999999; } .switcher-container h2 { color: #fff; font-size: 13px; font-weight: 700; letter-spacing: 0; text-transform: uppercase; height: 45px; line-height: 45px; padding-right: 45px; padding-left: 0; margin: 0; } .switcher-container h2 a { background-color: #000; display: block; position: absolute; left: -45px; top: 0; width: 45px; height: 45px; line-height: 45px; text-align: center; outline: 0; color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .switcher-container h2 a.active { left: 0; } .switcher-container h2 a.active:after { position: absolute; right: 21px; top: 0; content: "\f104"; font-family: "FontAwesome"; color: #f3728b; font-size: 22px; } .switcher-container h2 a.active i { display: none; } .switcher-container h2 a:hover, .switcher-container h2 a:focus { text-decoration: none; } .switcher-container h2 i { display: block; margin-top: 10px; font-size: 25px; color: #f3728b; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .switcher-container h2 i:hover { color: #fff; } .switcher-container h3 { font-size: 12px; font-weight: 700; color: #fff; margin: 0; line-height: 22px; margin-bottom: 10px; } .switcher-container .selector-box { color: #fff; overflow: hidden; } .switcher-container .layout-switcher { margin: 0 0 10px 0; overflow: hidden; } .switcher-container .layout-switcher a.layout { float: right; display: block; cursor: pointer; text-align: center; font-weight: 700; padding: 10px 20px; margin-right: 10px; } .switcher-container .layout-switcher a.layout:first-child { margin-right: 0; } .switcher-container .layout-switcher a.layout:hover { color: #fff; cursor: pointer; } .switcher-container .color-box { height: auto; overflow: hidden; margin-bottom: 6px; } .switcher-container .styleswitch { margin-bottom: 10px; } .sw-odd { background-color: #272727; padding: 15px 20px 10px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .sw-even { background-color: #191919; padding: 21px 20px 25px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .sw-even a { font-family: "Karla", sans-serif; text-transform: uppercase; font-size: 12px; line-height: 40px; color: #fff; border: 1px solid #fff; padding: 10px 20px 10px 20px; margin-left: 10px; letter-spacing: 1.8px; } .sw-even a:hover { background-color: #f3728b; border: 1px solid #f3728b; color: #fff !important; } .sw-light { background-color: #fff; color: #000 !important; } .sw-odd a { font-size: 16px; color: #fff; width: 100%; display: inline-block; line-height: 17px; width: 100%; position: relative; padding-right: 47px; } .sw-odd .ws-colors a:before { background: none; } .sw-odd .ws-colors a { position: relative; width: auto; padding: 0; width: 30px; height: 30px; background-color: #333; display: inline-block; margin-left: 5px; overflow: hidden; } .sw-odd .ws-colors a.current:before { position: absolute; right: 8px; top: 6px; font-family: FontAwesome; content: "\f00c"; color: #fff; z-index: 999; text-shadow: 0 0 2px rgba( 0, 0, 0, 1 ); } .sw-odd .ws-colors #color1 { background-color: #f3728b; } .sw-odd .ws-colors #color2 { background-color: #ec5252; } .sw-even h3 { margin-bottom: 6px; } .sw-pattern.pattern { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: absolute; right: 0; top: 98%; background-color: #000000; width: 100%; z-index: -1; padding: 20px 20px 30px 0; } .sw-pattern.pattern a { width: 40px; height: 40px; display: inline-block; margin-left: 5px; margin-bottom: 5px; position: relative; } .sw-pattern.pattern a.current:before { position: absolute; right: 12px; top: 6px; font-family: FontAwesome; content: "\f00c"; color: #fff; text-shadow: 0 0 2px rgba( 0, 0, 0, 1 ); } .sw-odd .sw-image { padding: 0 0 15px 20px; } .sw-odd .sw-image a { padding: 0; margin-bottom: 5px; } .sw-odd .sw-image .sw-buy { width: 100%; border: none; background: #6f9a37; position: relative; height: 35px; line-height: 37px; border-radius: 0; } .sw-odd .sw-image .sw-buy:before { content: "\f07a"; font-family: "FontAwesome"; color: #fff; position: absolute; right: 20%; top: -1px; } .sw-pattern.pattern { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: absolute; right: 0; top: 98%; background-color: #000000; width: 100%; z-index: -1; padding: 20px 20px 30px 0; } .sw-pattern.pattern a { width: 35px; height: 35px; display: inline-block; margin-left: 5px; margin-bottom: 5px; position: relative; } .sw-pattern.pattern a.current:before { position: absolute; right: 12px; top: 6px; font-family: FontAwesome; content: "\f00c"; color: #fff; text-shadow: 0 0 2px rgba( 0, 0, 0, 1 ); } .sw-odd .sw-image { padding: 0 0 15px 20px; } .sw-odd .sw-image a { padding: 0; margin-bottom: 5px; } .sw-odd .sw-image .sw-buy { width: 100%; border: none; background: #f3728b; position: relative; height: 35px; line-height: 37px; border-radius: 0; } .sw-odd .sw-image .sw-buy:before { content: "\f07a"; font-family: "FontAwesome"; color: #fff; position: absolute; right: 20%; top: -1px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sw-odd .sw-image .sw-buy:hover { background: #fff; } .sw-odd .sw-image .sw-buy:hover:before { color: #f3728b; } .home-boxed .boxed { width: 92.708%; margin: 0 auto; margin-bottom: 30px; position: relative; z-index: -2; background-color: #fff; box-shadow: 0 0 16px 1px #7f7f7f; overflow: hidden; } .dir-ltr { direction: ltr; } .widget-title { font-size: 16px; } .menu { margin-bottom: 0; } .MainBgMaster:nth-child(even){ background: url(/assets/images/pattern/pattern-4.png) center center repeat; } .MainBgMaster:nth-child(odd){ background: url(/assets/images/pattern/1.png) center center repeat; } /** * * Shop Cart * Flat Filter * Flat Product * Star List * **/ /* Shop Cart -------------------------------------------------- */ .nav-top-cart-wrapper .nav-shop-cart { width: 270px; filter: alpha(opacity=0); opacity: 0; visibility: hidden; -webkit-transform: translateY(-5px); transform: translateY(-5px); position: absolute; right: -10px; top: 100%; z-index: 999999; background-color: #fff; padding: 0px; -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1); -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .nav-top-cart-wrapper .woocommerce-min-cart-wrap { padding: 10px 30px; } .nav-top-cart-wrapper .nav-shop-cart ul li { display: block; position: relative; width: 100%; font-weight: 500; line-height: 30px; } .nav-top-cart-wrapper:hover .nav-shop-cart { -webkit-transform: translateY(0); transform: translateY(0); filter: alpha(opacity=100); opacity: 1; visibility: visible; } /* Flat Filter -------------------------------------------------- */ .flat-filter { background: #fff; position: relative; margin-bottom: 77px; } .flat-filter .show-product p.result-count { position: relative; padding-left: 60px; line-height: 56px; } .flat-filter .show-product p.result-count:after { content: "\ea2f"; font-family: "bf-icon"; font-size: 18px; color: #f3728b; position: absolute; left: 28px; top: 50%; transform: translateY(-50%); } .flat-filter .show-product p.result-count:before { content: "\ea2e"; font-family: "bf-icon"; margin-right: 20px; } .show-product { float: left; } .woocommerce-ordering { width: 169px; float: right; } .woocommerce-ordering select.orderby { height: 57px; -moz-appearance: none; -webkit-appearance: none; font-weight: 500; padding: 2px 10px 0 22px; } .woocommerce-ordering .wrap-select { position: relative; } .woocommerce-ordering .wrap-select:after { content: "\33"; font-family: "ElegantIcons"; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); color: #f3728b; font-size: 26px; } /* Flat Product -------------------------------------------------- */ .flat-products { margin-bottom: 19px; } .product-item { margin-bottom: 29px; } .product-item .product-content { padding-top: 26px; padding-bottom: 30px; background: #fff; } .product-item .title { margin-bottom: 26px; } .product-item .title a { } .price-wrap span { font-weight: 700; margin-bottom: 15px; } .price-wrap .sale-price { font-size: 20px; } .price-wrap .price { font-size: 14px; text-decoration: line-through; } .flat-button.btn-cart { color: #192836; display: block; line-height: 45px; font-size: 16px; font-weight: 700; background: #fff; padding-left: 32px; } .flat-button.btn-cart:after { content: "\ea34"; font-family: "bf-icon"; position: absolute; left: 109px; color: #f3728b; } .flat-button.btn-cart:hover:after, .flat-button.v2.btn-cart:hover:after, .flat-button.btn-cart:hover, .flat-button.v2.btn-cart:hover { color: #fff; } .flat-button.btn-cart.v2 { line-height: 35px; border: 2px solid #f3728b; border-radius: 4px; padding: 0px 15px 0 36px; font-size: 14px; font-weight: 500; font-family: "Roboto"; display: inline-block; color: #f3728b; } .flat-button.v2.btn-cart:after { left: 15px; font-size: 16px; } .product-item .flat-button.btn-cart:before { content: ""; } /* Star List -------------------------------------------------- */ .star-list { display: inline; color: #f4c150; } .star-list li { margin-left: -2px; } a:hover, a:focus, #main-nav > ul.menu li:hover > a, #main-nav ul > li.active > a, #main-nav ul.submenu > li:hover > a, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .flat-faqs .heading .title-small, .flat-faqs .toggle-content .title a, .widget-about .socails ul li a:hover, .copyright a, .widget-about .list-info ul li a:hover, .widget-link ul li a:hover, .widget-recent-work .btn-view-more:hover, .btn-view-more:hover:after, #scroll-top:after, .breadcrumbs.style2 ul li a:hover, .switcher-container h2 i, .switcher-container h2 a.active:after, .sw-odd .sw-image .sw-buy:hover:before, .info-content .heading .title-small, .flat-button.btn-contact:hover, .tab-title.style2 li.active, .tab-title.style2 li:hover, .flat-video .link-site, .flat-video .video-icon a, .widget.no-border ul li a:hover, .btn-cart, .flat-button.btn-cart:after, .woocommerce-ordering .wrap-select:after, .flat-filter .show-product p.result-count:after, .author .name a, .color-f3728b, .flat-button.btn-google:hover, .meta-datetime li a, .style2.flat-info li:hover a, .style2.flat-info li:hover:before, .top .socails ul li a:hover, .flat-action.style2 ul li:hover a, .flat-action.style2 ul li:hover:before, #header.style2 #main-nav > ul > li > a:hover, #header.style2 #main-nav > ul > li.active > a, #header.style2 .extra-menu ul li.cart:hover a, .show-search a:hover, .show-search a i:hover, .show-search.active a .icon_search:hover:before, .flat-free-month.style2 .title a span, .flat-free-month.style2 .description .link-site, .btn-cart:hover.v2, .textbox .btn-learning:hover:after, .widget-categories ul li a:hover, .widget-categories ul li a:hover span, .widget-subscribe button.btn-send:hover.v2, .widget-subscribe .count, .widget-subscribe button.btn-send:hover, .tab-title.style4 li:hover, .tab-title.style4 li.active, .flat-register-now .video .icon-video:hover, .tab-title.style5 li:hover .iconbox.style4 .iconbox-content .title a, .tab-title.style5 li.active .iconbox.style4 .iconbox-content .title a, .btn-register:hover:after, .event.style3 .title a:hover, .event.style3 .meta-list ul li a:hover, .event.style3 .meta-list ul li:before { color: #247bbd } .flat-adds .datetime, .flat-feature .overlay, .widget-link ul li a:after, #scroll-top:hover:before, .sw-odd .sw-image .sw-buy, .loader-inner, .flat-button.btn-contact, .flat-button::before, .tab-title.style1 li.active, .tab-title.style1 li:hover, .flat-button.btn-book-now, .flat-button.btn-google, .meta-date, #header.style2 #main-nav > ul > li > a:after, .flat-filter-isotype li.active a, .flat-filter-isotype li a:hover, .flat-button.btn-start.v2, .tab-title.style3 li:hover, .tab-title.style3 li.active, .flat-button.btn-all-sourses, .flat-button.btn-buy.v2, .widget-categories .title-widget, .widget-categories ul li a:after, .widget-subscribe button.btn-send.v2, .widget-subscribe .count:after, .widget-subscribe button.btn-send, .iconbox:hover.style3, .iconbox.active.style3, .flat-button.btn-start-slider, .tab-title.style5 li:after, .flat-button.btn-start-slider.v2, .flat-video.style2 .overlay { background: -moz-linear-gradient(110deg, rgba(190, 214, 46, 0.9),rgba(109, 191, 62, 0.8), rgba(57, 155, 112, 0.85),rgba(15, 139, 141, .9),rgba(0, 114, 188, 0.8)); background: -webkit-linear-gradient(110deg, rgba(190, 214, 46, 0.9),rgba(109, 191, 62, 0.8), rgba(57, 155, 112, 0.85),rgba(15, 139, 141, .9),rgba(0, 114, 188, 0.8)); background: linear-gradient(110deg, rgba(190, 214, 46, 0.9),rgba(109, 191, 62, 0.8), rgba(57, 155, 112, 0.85),rgba(15, 139, 141, .9),rgba(0, 114, 188, 0.8)); } button, input[type="button"], input[type="reset"], input[type="submit"], .sw-even a:hover, .pagination-wrap li:not(.disabled) a:hover, .pagination-wrap li.active a, .flat-paginations.style2 .pagination-wrap li:not(.disabled) a:hover, .flat-paginations.style2 .pagination-wrap li.active a { background: #0068b4; border: 1px solid #ec5252; } .widget-recent-work .owl-carousel .owl-nav button { color: #ec5252 } .transition-img-socails .socails ul li a:hover, .flat-img-single-slider .owl-carousel .owl-nav button:hover { color: #ec5252; border: 1px solid #ec5252 } .flat-button.btn-cart.v2, .flat-button.btn-get-ticket, .flat-button.btn-buy { border: 2px solid #ec5252; color: #ec5252 } .tab-title.style1 li:after { border-top: 9px solid #0068b4; } .flat-popular-courses .owl-carousel .owl-nav button:hover, .flat-popular-courses .owl-carousel .owl-nav button.disabled { color: #ec5252 !important; border: 1px solid #ec5252 !important } .flat-button.btn-buy.v2 { border: 2px solid #ec5252 } .flat-testimonials button.owl-dot.active, .flat-testimonials button.owl-dot:hover { background: #ec5252 !important } .extra-menu span.count-cart { background: #247bbd } @media only screen and (min-width: 1201px) { .iconbox.style1 .iconbox-content { padding: 0; } .iconbox.style1 .iconbox-icon { top: 43%; } .iconbox.style1.left .iconbox-content .title { } .iconbox.style1.left .iconbox-icon { left: -3px; } .iconbox.style1.center .iconbox-icon { left: 53px; } .iconbox.style1.center .iconbox-content .title { } .iconbox.style1.right { text-align: right; } .iconbox.style1.right .iconbox-icon { left: 92px; } .iconbox.style1.right .iconbox-content .title { } } @media only screen and (max-width: 1640px) and (min-width: 992px) { .course.style4 .course-content .text-wrap { padding-bottom: 0; } } @media only screen and (max-width: 1400px) and (min-width: 992px) { .textbox { padding-left: 5%; } .wrap-course { margin-left: 20px; margin-right: 20px; } } @media only screen and (max-width: 1200px) { .imgbox-content.right, .imgbox-content.left { padding: 0; } .top .flat-action.style2 { margin-bottom: 0; width: 50%; } .top .socails { width: 50%; } .flat-feature .iconbox .iconbox-icon { position: unset; margin: 0 auto; } .flat-feature .iconbox .iconbox-content { padding: 0; text-align: center; } .flat-feature .iconbox .iconbox-content .title { padding-left: 0 } .top .flat-action.style1 { width: 100%; } .top .flat-adds { width: 100%; padding-right: 0; padding-left: 15px; } .top .flat-action { width: 100%; margin: 0 0 15px 0; } #footer .widget-link .one-of-two { width: 100%; } .widget-link ul:not(:first-child) { padding-left: 0; } .event.style2 .meta-date { right: 0%; top: 0%; } .event.style2 .event-content { padding-right: 30px; } .course.one-of-four { width: 33.33%; } } @media only screen and (max-width: 1399px) and (min-width: 991px) { #header.style2.v2 #main-nav ul.submenu li ul { left: -157%; } #header.style2.v3 #main-nav ul.submenu li ul { left: -150%; } } @media only screen and (max-width: 1199px) and (min-width: 991px) { .comment-child .comment .comment-img { margin-bottom: 113px; } .tab-title.style4 li:not(:last-child) { border-right: unset; } .tab-title.style4 li { line-height: 40px; } .flat-popular-courses.style4 .course-content .price, .courses-grid-v3-page .flat-popular-courses .course-content .price { position: unset; } .flat-video.style2 .description { padding: 0 8%; } .flat-video.style2 { position: relative; padding: 125px 0 125px 0; } .content-wrap.about-us-page .container { max-width: unset; } .info-content { top: 40px; } .flat-button.btn-cart { padding-left: 0; } .flat-button.btn-cart:after { content: ""; } #header .container { max-width: unset; } .search-header input[type="search"] { width: 200px; } .tab-title.style4 li { padding: 0 18px 0 20px; } .event.style1 .event-content { padding-top: 0; } .event.style1 .event-content .author { padding-right: 0; } } @media only screen and (max-width: 991px) { .flat-comments .title, .flat-form-reply .title { margin-bottom: 30px; } .post-single .text4 { margin-bottom: 30px; } .flat-comments { margin-bottom: 50px; } .post-single .socails.flat-text-right { text-align: left; } .post-single .socails ul li:first-child { margin-left: 0; } .post .post-content .title a { line-height: 35px; } .blog-single-page { padding: 60px 0 60px; } .blog-page { padding: 60px 0; } .post .post-content .text { margin-bottom: 20px; } .post:not(:last-child) { margin-bottom: 25px; } .flat-post { margin-bottom: 10px; } .blog-page .content-page-wrap, .blog-single-page .content-page-wrap { margin-bottom: 50px; } #header.style2.v2 .search-header { display: block; } #header.style2.v2 .mobile-button:before, #header.style2.v2 .mobile-button:after, #header.style2.v2 .mobile-button span { background-color: #ec5252; } .courses-grid-v1-page .flat-courses { margin-bottom: 0px; } .flat-title-page p { padding-right: 20%; } .event.style1 .description { margin-bottom: 25px; } .flat-iconbox.clearfix.style3 { -webkit-box-shadow: 6px 18px 50px 13px rgba(157,172,193,0.25); -moz-box-shadow: 6px 18px 50px 13px rgba(157,172,193,0.25); box-shadow: 6px 18px 50px 13px rgba(157,172,193,0.25); } .flat-testimonials .flat-title .description { margin-bottom: 10px !important; } .shop-single.flat-related-products { margin-bottom: 40px; } .flat-skilled-instructors.style3 { padding-bottom: 40px; } .flat-filter-isotype li { margin-bottom: 15px; margin-left: 0; } .switcher-container { display: none; } .course.style4 .course-content { width: 100%; } .course.style4 .course-img-box { width: 100%; } .content-page-fullwidth-wrap.pd-top-45 { padding-top: 0; } .wrap-search-header { display: none; } .shop-single-page { padding: 63px 0 30px 0; } .author { padding-right: 0; } .shop-single-page .flat-tabs { margin-bottom: 60px; } .flat-filter { margin-bottom: 40px; } .flat-tabs.style2 .item-content { padding-top: 60px; } .about-us-page .flat-faqs, .shop-page { padding: 60px 0 60px 0; } .flat-tabs.style2 .imgbox { margin-bottom: 45px; } .about-us-page .flat-about-info { margin-bottom: 60px; } .flat-about-detail .heading .title { margin-bottom: 40px; padding: 0 0; } .info-img { width: 100%; margin-bottom: 30px; } .info-img img { width: 100%; } .info-content { position: unset; width: 100%; padding-left: 15px; padding-right: 15px; } .flat-faqs .heading .title { line-height: 40px; } .flat-faqs .heading { margin-bottom: 30px; } .event-detail-page, .event-v2-page, .faqs-page { padding-top: 60px; padding-bottom: 40px; } .event-v1-page { padding-top: 60px; padding-bottom: 50px; } .instructors-page { padding-top: 60px; padding-bottom: 40px; } .event-detail-page .content-page-wrap, .courses-single-page .content-page-wrap { margin-bottom: 60px } .course.style4 { margin-bottom: 30px; } .courses-grid-v3-page, .courses-single-page { padding: 60px 0 40px 0; } .flat-featured.style2 { display: none; } .courses-grid-v3-page .sidebar-left { width: 100%; margin-bottom: 20px; } .courses-grid-v3-page .content-page { width: 100%; padding-left: 0; } .flat-popular-courses { padding-left: 0; padding-right: 0; padding-bottom: 60px; } .flat-popular-courses .owl-nav { display: none; } .tab-title.style3 { margin-bottom: 15px; text-align: center; } .courses-grid-v2-page { padding: 60px 0 40px 0; } .tab-title.style3 li { margin-bottom: 15px; } .flat-courses.style2 .course.style2.one-of-three { width: 50%; } .flat-filter-isotype { margin-bottom: 15px; } .pagination-wrap li a { margin-bottom: 15px; } .courses-grid-v1-page { padding: 60px 0 40px 0; } .flat-free-month.style2 { padding: 60px 0 59px 0; } .breadcrumbs ul li a { color: #fff; } .breadcrumbs ul li:not(:last-child):after { color: #fff; } .wrap-title-page.bg-img .bg-breadcrumbs { display: none; } .top .socails { width: 100%; text-align: center; } .top .flat-action.style2 { width: 100%; } .flat-action.style2 ul li { border: unset; margin-bottom: 10px; } .flat-testimonials.style4 { padding-bottom: 20px; padding-top: 60px; } .flat-free-month { padding: 60px 0; } .flat-free-month .title a { font-size: 50px; } .flat-free-month .description { padding: 0 0; margin-bottom: 30px; } .flat-categories { padding-top: 60px; padding-bottom: 60px; } .flat-popular-courses.style4 { padding-left: 0; padding-right: 0; padding-top: 60px; padding-bottom: 60px; } .flat-popular-courses.style4 .owl-nav { display: none; } .flat-testimonials.style3 { padding: 60px 0 0; } .flat-video.style2 .description { padding: 0 0; } .flat-video.style2 .title { margin-bottom: 15px; } .flat-video.style2 .icon { margin-bottom: 15px; } .flat-video.style2 { padding-top: 60px; padding-bottom: 60px; } .flat-popular-courses.style3 { padding: 60px 0px 30px; } .flat-popular-courses.style3 .course.style2.one-of-three { width: 50%; } .flat-counter.style2 .counter.style2 { padding-left: 15px; padding-right: 15px; } .flat-counter.style2 .counter.style2 .icon { float: unset; margin: 0 auto; } .flat-counter.style2 .counter.style2 .content { text-align: center; } .flat-counter.style2 .wrap-counter { position: unset; width: 100%; transform: unset; } .flat-skilled-instructors.style2 { padding: 60px 0 50px 0; } .flat-video { padding: 45px 0 60px; } .flat-testimonials.style2 { padding: 60px 0 50px; } .flat-upcoming-events.style2 { padding-top: 60px; padding-bottom: 20px; } .flat-upcoming-events.style2 .flat-title { margin-bottom: 50px; } .flat-upcoming-events.style2 .event.style3 { margin-bottom: 50px; } .flat-services { padding-top: 60px; } .flat-popular-courses.style2 .course.style5.v1 { width: 100%; } .flat-popular-courses.style2 .course.style5.v2 { width: 50%; } .flat-testimonials { padding: 60px 0 60px; } .flat-skilled-instructors { padding: 60px 0 25px 0; } .flat-register-now { padding: 60px 0; } .flat-register-now .wrap-form { margin-bottom: 40px; } .flat-popular-courses.style2 { padding: 60px 0 10px 0; } .flat-title .title { margin-bottom: 25px; font-size: 35px; line-height: 40px; } .flat-related-products.shop-single .flat-title .title, .flat-popular-courses.style2 .flat-title .title, .flat-popular-courses.style2.v2 .flat-title .title, .flat-testimonials.style4 .flat-title .title { margin-bottom: 25px; } .flat-title .description { margin-bottom: 40px; padding-left: 0; padding-right: 0; } .flat-services .flat-title .description { margin-bottom: 40px; } .flat-upcoming-events.style1 .flat-title .description, .flat-testimonials.style1 .flat-title .description { padding-left: 0; padding-right: 0; } .flat-popular-courses.style2 .course.style2.one-of-three { width: 100%; } .flat-featured.style3 .wrap-featured { position: unset; transform: unset; } #header #logo { width: 50%; } #header .nav-wrap, #header.style2 .nav-wrap, #header.style3 .nav-wrap { width: unset; } #mainnav-mobi .menu { overflow-y: auto; /* height: 50vh; */ } #header .container { max-width: unset; } .mobile-button { display: block; } .top .flat-action.style1 { width: 100%; } .top .flat-info { text-align: center; } .top .flat-adds, .top .flat-action { text-align: center; } #header .extra-menu, #header.style2 .extra-menu, #header.style3 .extra-menu { width: 50%; padding-right: 45px; } .event.style1.v1 .event-content { padding: 30px 0 0; } .event.style1.v2 .event-content { padding: 0 0 30px 0; } .content-page-wrap.pd-bottom-100.pd-top-65, .content-wrap.pd-bottom-100.pd-top-65 { padding-bottom: 80px; padding-top: 80px; } .flat-events.style1 { margin-bottom: 50px; } .iconbox.style1 { padding: 25px 0; } #footer { padding: 60px 0 0px; } #footer .widget-about, #footer .widget-link { margin-bottom: 40px; } #footer .widget-about { padding-left: 0; } .flat-events.style2 { margin-bottom: 20px; } .event.style2 .event-content { padding-top: 15px; } .flat-faqs .accordion-toggle { padding: 0 15px; } .flat-faqs .toggle-content { padding-right: 0px; } .course.one-of-four { width: 50%; } } @media only screen and (max-width: 991px) and (min-width:768px ) { .flat-feature { padding-bottom: 30px; } .flat-feature .iconbox { margin-bottom: 0px; } .flat-upcoming-events.style2 .event.style3 .meta-date { right: 189px; } } @media only screen and (max-width: 768px) { .comment-child .comment .comment-content .name { margin-bottom: 40px; } .comment-child .comment .comment-img { margin-bottom: 15px; } .wrap-next-pre .icon, .wrap-next-pre { display: none; } .wrap-input.one-of-two { width: 100%; padding-left: 0; padding-right: 0; } .wrap-input.one-of-two.pd-right-15 { margin-bottom: 30px; } .wrap-cart.flat-text-right { text-align: left; } .flat-text-right.shop-single { text-align: left; } .flat-text-right.shop-single .price-wrap, .flat-text-right.shop-single .wrap-btn { width: 50%; float: left; margin-bottom: 0; } .flat-text-right.shop-single .wrap-btn { text-align: right; } .flat-about-detail .imgbox-img { margin-bottom: 30px; } .flat-about-detail .imgbox { margin-bottom: 25px; } .flat-search { width: 500px; } .flat-courses.style2 .course.style2.one-of-three { width: 100%; } .flat-free-month.style2 .wrap-btn { margin-top: 0px; text-align: left; } .flat-popular-courses.style3 .course.style2.one-of-three { width: 100%; } .flat-counter.style2 .counter.style2.one-of-three { width: 100%; } .flat-video .title { margin-bottom: 20px; } .flat-video .video-icon { bottom: unset; left: unset; text-align: center; position: relative; margin: 0 auto; } .flat-video .description { padding-left: 0px; margin-bottom: 30px; } .flat-video.style2 .description { margin-bottom: 0px; } .flat-video .title a { font-size: 40px; line-height: 50px; } #footer { padding-bottom: 60px; } .flat-popular-courses.style2 .course.style5.v1 { width: 100%; } .flat-popular-courses.style2 .course.style5.v2 { width: 100%; } .flat-services .item-content .text-wrap .text { margin-bottom: 20px; } .flat-services .item-content .text-wrap { padding-left: 15px; padding-right: 15px; } .flat-services .item-content .img { float: unset; margin-top: 0px; padding-top: 20px; } .flat-services .iconbox.style4 .iconbox-icon { display: none; } .flat-services .iconbox.style4 .iconbox-content { padding-left: 0; padding-right: 0; } .tab-title.style4 li { padding: 0 15px; line-height: 45px; } .tab-title.style4 li:not(:last-child) { border-right: unset; } .flat-feature { padding: 53px 0 10px; } .flat-feature .iconbox { margin-bottom: 30px; } .flat-featured.style3 .iconbox.style3.one-of-three { width: 100%; } .search-header { display: none; } .flat-adds .datetime { display: inline-block; } .copyright.flat-text-left { text-align: center; } .widget.flat-text-right.no-border { text-align: center; } .widget.flat-text-right.no-border ul li { margin: 0 10px; } #footer .widget-link .one-of-two { width: 50%; } .flat-iconbox.style1 { padding: 0 50px; } .event-detail .wrap-btn { text-align: center; } .course.one-of-four { width: 50%; } } @media only screen and (max-width: 768px) and (min-width: 425px) { .flat-upcoming-events.style2 .event.style3 .meta-date { right: 120px; } } @media only screen and (max-width: 640px) { .course.one-of-four { width: 100%; padding-right: 0; padding-left: 0; } .tab-title.style3 { text-align: left; } .tab-title.style2 li:not(:last-child) { border-right: unset; } } @media only screen and (max-width: 576px) { .courses-grid-v3-page .content-page .taskbar { width: 100%; padding-bottom: 9px; } .courses-grid-v3-page .content-page .select-order { width: 100%; float: left; } .courses-grid-v3-page .wrap-select { width: 100%; } .flat-iconbox.style1 { padding: 0px; } .flat-register-now form { padding-left: 15px; padding-right: 15px; } .flat-search { width: 320px; } } @media only screen and (max-width: 550px) { .woocommerce-ordering { width: 100%; } .flat-about-detail .tab-title li { line-height: 25px; } .flat-about-detail .heading .title { display: none; } .flat-services .iconbox.style4 .iconbox-content .title a { font-size: 14px; } .flat-services .tab-title.style5 { padding-bottom: 30px; } .flat-services .tab-title.style5 li:after { bottom: -35px; } .flat-faqs .toggle-title { padding-right: 40px; } .testimonial .wrap-content { width: unset; float: unset; } .flat-filter-isotype.style1.text-center { text-align: left !important; } .event-detail-page .tab-content .text-wrap:nth-child(5) .text { padding-right: 0; } .course.style4 .course-content .price { position: unset; } } @media only screen and (max-width: 460px) { .comment .comment-content .name { display: block; } .comment .comment-content .datetime { padding-left: 8px; } } @media only screen and (max-width: 425px) { .widget-categories.v2 { padding-left: 15px; } .tab-title.style1 li.active:after, .tab-title.style1 li:hover:after { opacity: 0; } .flat-services .iconbox.style4 .iconbox-content .title a { font-size: 12px; } .flat-filter-isotype li a { padding: 0 12px; } .flat-register-now .video { float: unset; margin-bottom: 30px; margin-left: 0; } .event.style2 .event-content { padding: 15px; } .event-detail-page .img-single-small { float: unset; margin: 0; text-align: center; } .event-detail-page .tab-content .text-wrap { padding-left: 15px !important; padding-right: 15px !important; } #footer .widget-link .one-of-two { width: 100%; } } @media only screen and (max-width: 380px) { .flat-button.btn-cart { padding-left: 0; } .flat-button.v2.btn-cart:after { content: "\ea34"; } .flat-button.btn-cart:after { content: ""; padding-left: 0; } } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* PNotify modules included in this custom build file: animate brighttheme buttons callbacks confirm desktop history mobile nonblock */ /*! Author : Hunter Perrin Version : 3.2.0 Link : http://sciactive.com/pnotify/ */ /* -- Notice */ .ui-pnotify { top: 36px; right: 36px; position: absolute; height: auto; z-index: 2; } body > .ui-pnotify { /* Notices in the body context should be fixed to the viewport. */ position: fixed; /* Ensures notices are above everything */ z-index: 100040; } .ui-pnotify-modal-overlay { background-color: rgba(0, 0, 0, .4); top: 0; right: 0; position: absolute; height: 100%; width: 100%; z-index: 1; } body > .ui-pnotify-modal-overlay { position: fixed; z-index: 100039; } .ui-pnotify.ui-pnotify-in { display: block !important; } .ui-pnotify.ui-pnotify-move { transition: right .5s ease, top .5s ease, left .5s ease, bottom .5s ease; } .ui-pnotify.ui-pnotify-fade-slow { transition: opacity .4s linear; opacity: 0; } .ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move { transition: opacity .4s linear, right .5s ease, top .5s ease, left .5s ease, bottom .5s ease; } .ui-pnotify.ui-pnotify-fade-normal { transition: opacity .25s linear; opacity: 0; } .ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move { transition: opacity .25s linear, right .5s ease, top .5s ease, left .5s ease, bottom .5s ease; } .ui-pnotify.ui-pnotify-fade-fast { transition: opacity .1s linear; opacity: 0; } .ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move { transition: opacity .1s linear, right .5s ease, top .5s ease, left .5s ease, bottom .5s ease; } .ui-pnotify.ui-pnotify-fade-in { opacity: 1; } .ui-pnotify .ui-pnotify-shadow { -webkit-box-shadow: 0px 6px 28px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 6px 28px 0px rgba(0,0,0,0.1); box-shadow: 0px 6px 28px 0px rgba(0,0,0,0.1); } .ui-pnotify-container { background-position: 100% 0; padding: .8em; height: 100%; margin: 0; } .ui-pnotify-container:after { content: " "; /* Older browser do not support empty content */ visibility: hidden; display: block; height: 0; clear: both; } .ui-pnotify-container.ui-pnotify-sharp { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .ui-pnotify-title { display: block; margin-bottom: .4em; margin-top: 0; font-size: 19px; } .ui-pnotify-text { display: block; } .ui-pnotify-icon, .ui-pnotify-icon span { display: block; float: right; margin-left: .2em; } /* Alternate stack initial positioning. */ .ui-pnotify.stack-topleft, .ui-pnotify.stack-bottomleft { right: 25px; left: auto; } .ui-pnotify.stack-bottomright, .ui-pnotify.stack-bottomleft { bottom: 25px; top: auto; } .ui-pnotify.stack-modal { right: 50%; left: auto; margin-right: -150px; } /* Color Scheme: http://paletton.com/palette.php?uid=c1T3n2J040kpEKzpEKzbEPSOEyiNk9W */ .brighttheme { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .brighttheme.ui-pnotify-container { padding: 18px; } .brighttheme .ui-pnotify-title { margin-bottom: 12px; } .brighttheme-notice { background-color: #FFFFA2; border: 0 solid #FFFF00; color: #4F4F00; } .brighttheme-info { background-color: #8FCEDD; border: 0 solid #0286A5; color: #012831; } .brighttheme-success { background-color: #AFF29A; border: 0 solid #35DB00; color: #104300; } .brighttheme-error { background-color: #FFABA2; background-image: repeating-linear-gradient(-135deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px); border: 0 solid #FF1800; color: #4F0800; } .brighttheme-icon-notice, .brighttheme-icon-info, .brighttheme-icon-success, .brighttheme-icon-closer, .brighttheme-icon-sticker { position: relative; width: 16px; height: 16px; font-size: 12px; font-weight: bold; line-height: 16px; font-family: "Courier New",Courier,monospace; border-radius: 50%; } .brighttheme-icon-notice:after, .brighttheme-icon-info:after, .brighttheme-icon-success:after, .brighttheme-icon-closer:after, .brighttheme-icon-sticker:after { position: absolute; top: 0; right: 4px; } .brighttheme-icon-notice { background-color: #2E2E00; color: #FFFFA2; margin-top: 2px; } .brighttheme-icon-notice:after { content: "!"; } .brighttheme-icon-info { background-color: #012831; color: #8FCEDD; margin-top: 2px; } .brighttheme-icon-info:after { content: "i"; } .brighttheme-icon-success { background-color: #104300; color: #AFF29A; margin-top: 2px; } .brighttheme-icon-success:after { content: "\002713"; } .brighttheme-icon-error { position: relative; width: 0; height: 0; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 16px solid #2E0400; font-size: 0; line-height: 0; color: #FFABA2; margin-top: 1px; } .brighttheme-icon-error:after { position: absolute; top: 1px; right: -4px; font-size: 12px; font-weight: bold; line-height: 16px; font-family: "Courier New",Courier,monospace; content: "!"; } .brighttheme-icon-closer, .brighttheme-icon-sticker { display: inline-block; } .brighttheme-icon-closer:after { top: -4px; content: "\002715"; } .brighttheme-icon-sticker:after { top: -5px; content: "\01D1BC"; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .brighttheme-icon-sticker.brighttheme-icon-stuck:after { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .brighttheme .ui-pnotify-action-bar { padding-top: 12px; } .brighttheme .ui-pnotify-action-bar textarea, .brighttheme .ui-pnotify-action-bar input { display: block; width: 100%; margin-bottom: 12px !important; } .alert .ui-pnotify-action-button { text-transform: uppercase; font-weight: bold; padding: 4px 8px; border: none; background: transparent; color: black; } .alert .ui-pnotify-action-button.btn-primary { border: none; border-radius: 0; } .brighttheme-notice .ui-pnotify-action-button.btn-primary { background-color: #FFFF00; color: #4F4F00; } .brighttheme-info .ui-pnotify-action-button.btn-primary { background-color: #0286A5; color: #012831; } .brighttheme-success .ui-pnotify-action-button.btn-primary { background-color: #35DB00; color: #104300; } .brighttheme-error .ui-pnotify-action-button.btn-primary { background-color: #FF1800; color: #4F0800; } .ui-pnotify-closer, .ui-pnotify-sticker { float: left; margin-right: .2em; } /* -- Pulldown */ .ui-pnotify-history-container { position: absolute; top: 0; left: 18px; width: 70px; border-top: none; padding: 0; -webkit-border-top-right-radius: 0; -moz-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; border-top-left-radius: 0; /* Ensures history container is above notices. */ z-index: 10000; } .ui-pnotify-history-container.ui-pnotify-history-fixed { position: fixed; } .ui-pnotify-history-container .ui-pnotify-history-header { padding: 2px; text-align: center; } .ui-pnotify-history-container button { cursor: pointer; display: block; width: 100%; } .ui-pnotify-history-container .ui-pnotify-history-pulldown { display: block; margin: 0 auto; } .ui-pnotify-history-brighttheme { background-color: #8FCEDD; border: 0 solid #0286A5; color: #012831; } .ui-pnotify-history-brighttheme button { text-transform: uppercase; font-weight: bold; padding: 4px 8px; border: none; background: transparent; } .ui-pnotify-history-brighttheme .ui-pnotify-history-pulldown::after { display: block; font-size: 16px; line-height: 14px; padding-bottom: 4px; content: "⌄"; text-align: center; font-weight: bold; font-family: Arial,sans-serif; } .ui-pnotify-container { position: relative; right: 0; } @media (max-width: 480px) { /* -- Notice */ .ui-pnotify-mobile-able.ui-pnotify { position: fixed; top: 0; left: 0; right: 0; width: auto !important; font-size: 1.2em; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; } .ui-pnotify-mobile-able.ui-pnotify .ui-pnotify-shadow { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-bottom-width: 5px; } .ui-pnotify-mobile-able .ui-pnotify-container { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* Alternate stack initial positioning. */ .ui-pnotify-mobile-able.ui-pnotify.stack-topleft, .ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft { right: 0; left: 0; } .ui-pnotify-mobile-able.ui-pnotify.stack-bottomright, .ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft { right: 0; left: 0; bottom: 0; top: auto; } .ui-pnotify-mobile-able.ui-pnotify.stack-bottomright .ui-pnotify-shadow, .ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft .ui-pnotify-shadow { border-top-width: 5px; border-bottom-width: 1px; } .ui-pnotify.stack-modal { margin-right: unset !important; } } .ui-pnotify.ui-pnotify-nonblock-fade { /*transition: opacity .3s ease;*/ opacity: .2; } .ui-pnotify.ui-pnotify-nonblock-hide { display: none !important; } .p-notify-mt-25 { margin-top: 25%; } @font-face { font-family: 'bf-icon'; src: url('/assets/fonts/icomoon/fonts/icomoon.eot?yemmms'); src: url('/assets/fonts/icomoon/fonts/icomoon.eot?yemmms#iefix') format('embedded-opentype'), url('/assets/fonts/icomoon/fonts/icomoon.ttf?yemmms') format('truetype'), url('/assets/fonts/icomoon/fonts/icomoon.woff?yemmms') format('woff'), url('/assets/fonts/icomoon/fonts/icomoon.svg?yemmms#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'bf-icon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-quote:before { content: "\ea40"; } .icon-video:before { content: "\ea3f"; } .icon-grapphic:before { content: "\ea3e"; } .icon-education .path1:before { content: "\e915"; color: rgb(241, 96, 81); } .icon-education .path2:before { content: "\e921"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-education .path3:before { content: "\e922"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-education .path4:before { content: "\e93e"; margin-left: -1em; color: rgb(225, 230, 233); } .icon-education .path5:before { content: "\e95c"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-education .path6:before { content: "\e95d"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-education .path7:before { content: "\e985"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-education .path8:before { content: "\e9ab"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-education .path9:before { content: "\e9bd"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-education .path10:before { content: "\e9df"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-education .path11:before { content: "\e9f2"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-education .path12:before { content: "\ea25"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-education .path13:before { content: "\ea26"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-education .path14:before { content: "\ea27"; margin-left: -1em; color: rgb(79, 191, 159); } .icon-education .path15:before { content: "\ea28"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-education .path16:before { content: "\ea29"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-education .path17:before { content: "\ea2a"; margin-left: -1em; color: rgb(46, 162, 219); } .icon-education .path18:before { content: "\ea2b"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-education .path19:before { content: "\ea2c"; margin-left: -1em; color: rgb(253, 191, 94); } .icon-education .path20:before { content: "\ea2d"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-education .path21:before { content: "\ea38"; margin-left: -1em; color: rgb(225, 230, 233); } .icon-education .path22:before { content: "\ea39"; margin-left: -1em; color: rgb(207, 208, 209); } .icon-education .path23:before { content: "\ea3a"; margin-left: -1em; color: rgb(207, 208, 209); } .icon-education .path24:before { content: "\ea3b"; margin-left: -1em; color: rgb(207, 208, 209); } .icon-education .path25:before { content: "\ea3c"; margin-left: -1em; color: rgb(207, 208, 209); } .icon-education .path26:before { content: "\ea3d"; margin-left: -1em; color: rgb(207, 208, 209); } .icon-arrow-left-2:before { content: "\ea36"; } .icon-arrow-right-2:before { content: "\ea37"; } .icon-app .path1:before { content: "\e900"; color: rgb(114, 242, 235); } .icon-app .path2:before { content: "\e901"; margin-left: -1em; color: rgb(20, 196, 187); } .icon-app .path3:before { content: "\e902"; margin-left: -1em; color: rgb(176, 209, 207); } .icon-app .path4:before { content: "\e903"; margin-left: -1em; color: rgb(20, 196, 187); } .icon-app .path5:before { content: "\e904"; margin-left: -1em; color: rgb(176, 209, 207); } .icon-app .path6:before { content: "\e905"; margin-left: -1em; color: rgb(249, 183, 103); } .icon-app .path7:before { content: "\e906"; margin-left: -1em; color: rgb(239, 157, 69); } .icon-app .path8:before { content: "\e907"; margin-left: -1em; color: rgb(80, 137, 221); } .icon-app .path9:before { content: "\e908"; margin-left: -1em; color: rgb(80, 137, 221); } .icon-app .path10:before { content: "\e909"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-app .path11:before { content: "\e90a"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-app .path12:before { content: "\e90b"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-app .path13:before { content: "\e90c"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-app .path14:before { content: "\e90d"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-app .path15:before { content: "\e90e"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-app .path16:before { content: "\e90f"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-app .path17:before { content: "\e910"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-app .path18:before { content: "\e911"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-app .path19:before { content: "\e912"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-app .path20:before { content: "\e913"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-app .path21:before { content: "\e914"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-camera .path1:before { content: "\e916"; color: rgb(242, 90, 120); } .icon-camera .path2:before { content: "\e917"; margin-left: -1em; color: rgb(204, 238, 255); } .icon-camera .path3:before { content: "\e918"; margin-left: -1em; color: rgb(204, 238, 255); } .icon-camera .path4:before { content: "\e919"; margin-left: -1em; color: rgb(87, 85, 92); } .icon-camera .path5:before { content: "\e91a"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-camera .path6:before { content: "\e91b"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-camera .path7:before { content: "\e91c"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-camera .path8:before { content: "\e91d"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-camera .path9:before { content: "\e91e"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-camera .path10:before { content: "\e91f"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-camera .path11:before { content: "\e920"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-contract-1 .path1:before { content: "\e923"; color: rgb(165, 221, 255); } .icon-contract-1 .path2:before { content: "\e924"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-contract-1 .path3:before { content: "\e925"; margin-left: -1em; color: rgb(149, 229, 64); } .icon-contract-1 .path4:before { content: "\e926"; margin-left: -1em; color: rgb(254, 102, 99); } .icon-contract-1 .path5:before { content: "\e927"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-contract-1 .path6:before { content: "\e928"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-contract-1 .path7:before { content: "\e929"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-contract-1 .path8:before { content: "\e92a"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-contract-1 .path9:before { content: "\e92b"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-contract-1 .path10:before { content: "\e92c"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-contract-1 .path11:before { content: "\e92d"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-contract-1 .path12:before { content: "\e92e"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-contract-1 .path13:before { content: "\e92f"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-contract-1 .path14:before { content: "\e930"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-curriculum .path1:before { content: "\e931"; color: rgb(255, 255, 255); } .icon-curriculum .path2:before { content: "\e932"; margin-left: -1em; color: rgb(255, 218, 160); } .icon-curriculum .path3:before { content: "\e933"; margin-left: -1em; color: rgb(255, 188, 83); } .icon-curriculum .path4:before { content: "\e934"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-curriculum .path5:before { content: "\e935"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-curriculum .path6:before { content: "\e936"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-curriculum .path7:before { content: "\e937"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-curriculum .path8:before { content: "\e938"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-curriculum .path9:before { content: "\e939"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-curriculum .path10:before { content: "\e93a"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-curriculum .path11:before { content: "\e93b"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-curriculum .path12:before { content: "\e93c"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-curriculum .path13:before { content: "\e93d"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-design .path1:before { content: "\e93f"; color: rgb(209, 229, 241); } .icon-design .path2:before { content: "\e940"; margin-left: -1em; color: rgb(77, 186, 248); } .icon-design .path3:before { content: "\e941"; margin-left: -1em; color: rgb(250, 84, 25); } .icon-design .path4:before { content: "\e942"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-design .path5:before { content: "\e943"; margin-left: -1em; color: rgb(241, 217, 208); } .icon-design .path6:before { content: "\e944"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-design .path7:before { content: "\e945"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-design .path8:before { content: "\e946"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-design .path9:before { content: "\e947"; margin-left: -1em; color: rgb(241, 217, 208); } .icon-design .path10:before { content: "\e948"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-design .path11:before { content: "\e949"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-design .path12:before { content: "\e94a"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-design .path13:before { content: "\e94b"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-design .path14:before { content: "\e94c"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-design .path15:before { content: "\e94d"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-design .path16:before { content: "\e94e"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-design .path17:before { content: "\e94f"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-design .path18:before { content: "\e950"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-design .path19:before { content: "\e951"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-design .path20:before { content: "\e952"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-design .path21:before { content: "\e953"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-design .path22:before { content: "\e954"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-design .path23:before { content: "\e955"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-design .path24:before { content: "\e956"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-design .path25:before { content: "\e957"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-design .path26:before { content: "\e958"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-design .path27:before { content: "\e959"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-design .path28:before { content: "\e95a"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-design .path29:before { content: "\e95b"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-font .path1:before { content: "\e95e"; color: rgb(170, 193, 206); } .icon-font .path2:before { content: "\e95f"; margin-left: -1em; color: rgb(255, 153, 51); } .icon-font .path3:before { content: "\e960"; margin-left: -1em; color: rgb(37, 182, 210); } .icon-font .path4:before { content: "\e961"; margin-left: -1em; color: rgb(170, 193, 206); } .icon-font .path5:before { content: "\e962"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-font .path6:before { content: "\e963"; margin-left: -1em; color: rgb(254, 88, 93); } .icon-idea .path1:before { content: "\e964"; color: rgb(39, 59, 122); } .icon-idea .path2:before { content: "\e965"; margin-left: -1em; color: rgb(18, 17, 73); } .icon-idea .path3:before { content: "\e966"; margin-left: -1em; color: rgb(255, 198, 27); } .icon-idea .path4:before { content: "\e967"; margin-left: -1em; color: rgb(234, 162, 47); } .icon-idea .path5:before { content: "\e968"; margin-left: -1em; color: rgb(208, 209, 211); } .icon-idea .path6:before { content: "\e969"; margin-left: -1em; color: rgb(166, 168, 170); } .icon-idea .path7:before { content: "\e96a"; margin-left: -1em; color: rgb(254, 225, 135); } .icon-idea .path8:before { content: "\e96b"; margin-left: -1em; color: rgb(255, 198, 27); } .icon-idea .path9:before { content: "\e96c"; margin-left: -1em; color: rgb(255, 198, 27); } .icon-idea .path10:before { content: "\e96d"; margin-left: -1em; color: rgb(254, 225, 135); } .icon-idea .path11:before { content: "\e96e"; margin-left: -1em; color: rgb(255, 198, 27); } .icon-idea .path12:before { content: "\e96f"; margin-left: -1em; color: rgb(254, 225, 135); } .icon-idea .path13:before { content: "\e970"; margin-left: -1em; color: rgb(255, 198, 27); } .icon-idea .path14:before { content: "\e971"; margin-left: -1em; color: rgb(254, 225, 135); } .icon-idea .path15:before { content: "\e972"; margin-left: -1em; color: rgb(255, 84, 25); } .icon-idea .path16:before { content: "\e973"; margin-left: -1em; color: rgb(201, 47, 0); } .icon-idea .path17:before { content: "\e974"; margin-left: -1em; color: rgb(201, 47, 0); } .icon-java .path1:before { content: "\e975"; color: rgb(219, 56, 14); } .icon-java .path2:before { content: "\e976"; margin-left: -1em; color: rgb(219, 56, 14); } .icon-java .path3:before { content: "\e977"; margin-left: -1em; color: rgb(115, 161, 251); } .icon-java .path4:before { content: "\e978"; margin-left: -1em; color: rgb(115, 161, 251); } .icon-java .path5:before { content: "\e979"; margin-left: -1em; color: rgb(115, 161, 251); } .icon-java .path6:before { content: "\e97a"; margin-left: -1em; color: rgb(115, 161, 251); } .icon-java .path7:before { content: "\e97b"; margin-left: -1em; color: rgb(115, 161, 251); } .icon-java .path8:before { content: "\e97c"; margin-left: -1em; color: rgb(115, 161, 251); } .icon-layer .path1:before { content: "\e97d"; color: rgb(20, 196, 187); } .icon-layer .path2:before { content: "\e97e"; margin-left: -1em; color: rgb(0, 160, 148); } .icon-layer .path3:before { content: "\e97f"; margin-left: -1em; color: rgb(249, 105, 130); } .icon-layer .path4:before { content: "\e980"; margin-left: -1em; color: rgb(237, 53, 101); } .icon-layer .path5:before { content: "\e981"; margin-left: -1em; color: rgb(80, 137, 221); } .icon-layer .path6:before { content: "\e982"; margin-left: -1em; color: rgb(220, 249, 247); } .icon-layer .path7:before { content: "\e983"; margin-left: -1em; color: rgb(220, 249, 247); } .icon-layer .path8:before { content: "\e984"; margin-left: -1em; color: rgb(220, 249, 247); } .icon-online-learning .path1:before { content: "\e986"; color: rgb(46, 162, 219); } .icon-online-learning .path2:before { content: "\e987"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-online-learning .path3:before { content: "\e988"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-online-learning .path4:before { content: "\e989"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-online-learning .path5:before { content: "\e98a"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-online-learning .path6:before { content: "\e98b"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-online-learning .path7:before { content: "\e98c"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-online-learning .path8:before { content: "\e98d"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-online-learning .path9:before { content: "\e98e"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-online-learning .path10:before { content: "\e98f"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-online-learning .path11:before { content: "\e990"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-online-learning .path12:before { content: "\e991"; margin-left: -1em; color: rgb(225, 230, 233); } .icon-online-learning .path13:before { content: "\e992"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-online-learning .path14:before { content: "\e993"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-online-learning .path15:before { content: "\e994"; margin-left: -1em; color: rgb(253, 191, 94); } .icon-online-learning .path16:before { content: "\e995"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-online-learning .path17:before { content: "\e996"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-online-learning .path18:before { content: "\e997"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-online-learning .path19:before { content: "\e998"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-online-learning .path20:before { content: "\e999"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-online-learning .path21:before { content: "\e99a"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-online-learning .path22:before { content: "\e99b"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-online-learning .path23:before { content: "\e99c"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-online-learning .path24:before { content: "\e99d"; margin-left: -1em; color: rgb(241, 96, 81); } .icon-online-learning .path25:before { content: "\e99e"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-online-learning .path26:before { content: "\e99f"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-online-learning .path27:before { content: "\e9a0"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-online-learning .path28:before { content: "\e9a1"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-paper .path1:before { content: "\e9a2"; color: rgb(22, 137, 252); } .icon-paper .path2:before { content: "\e9a3"; margin-left: -1em; color: rgb(164, 217, 245); } .icon-paper .path3:before { content: "\e9a4"; margin-left: -1em; color: rgb(254, 196, 120); } .icon-paper .path4:before { content: "\e9a5"; margin-left: -1em; color: rgb(22, 137, 252); } .icon-paper .path5:before { content: "\e9a6"; margin-left: -1em; color: rgb(22, 137, 252); } .icon-paper .path6:before { content: "\e9a7"; margin-left: -1em; color: rgb(22, 137, 252); } .icon-paper .path7:before { content: "\e9a8"; margin-left: -1em; color: rgb(22, 137, 252); } .icon-paper .path8:before { content: "\e9a9"; margin-left: -1em; color: rgb(22, 137, 252); } .icon-paper .path9:before { content: "\e9aa"; margin-left: -1em; color: rgb(253, 0, 58); } .icon-portfolio-1 .path1:before { content: "\e9ac"; color: rgb(255, 200, 112); } .icon-portfolio-1 .path2:before { content: "\e9ad"; margin-left: -1em; color: rgb(255, 218, 160); } .icon-portfolio-1 .path3:before { content: "\e9ae"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-portfolio-1 .path4:before { content: "\e9af"; margin-left: -1em; color: rgb(186, 238, 131); } .icon-portfolio-1 .path5:before { content: "\e9b0"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-portfolio-1 .path6:before { content: "\e9b1"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-portfolio-1 .path7:before { content: "\e9b2"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-portfolio-1 .path8:before { content: "\e9b3"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-portfolio-1 .path9:before { content: "\e9b4"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-portfolio-1 .path10:before { content: "\e9b5"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-portfolio-1 .path11:before { content: "\e9b6"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-portfolio-1 .path12:before { content: "\e9b7"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-portfolio-1 .path13:before { content: "\e9b8"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-portfolio-1 .path14:before { content: "\e9b9"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-portfolio-1 .path15:before { content: "\e9ba"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-portfolio-1 .path16:before { content: "\e9bb"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-portfolio-1 .path17:before { content: "\e9bc"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-portfolio-3 .path1:before { content: "\e9be"; color: rgb(255, 255, 255); } .icon-portfolio-3 .path2:before { content: "\e9bf"; margin-left: -1em; color: rgb(254, 102, 99); } .icon-portfolio-3 .path3:before { content: "\e9c0"; margin-left: -1em; color: rgb(255, 205, 172); } .icon-portfolio-3 .path4:before { content: "\e9c1"; margin-left: -1em; color: rgb(165, 221, 255); } .icon-portfolio-3 .path5:before { content: "\e9c2"; margin-left: -1em; color: rgb(255, 188, 83); } .icon-portfolio-3 .path6:before { content: "\e9c3"; margin-left: -1em; color: rgb(254, 102, 99); } .icon-portfolio-3 .path7:before { content: "\e9c4"; margin-left: -1em; color: rgb(154, 216, 255); } .icon-portfolio-3 .path8:before { content: "\e9c5"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-portfolio-3 .path9:before { content: "\e9c6"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-portfolio-3 .path10:before { content: "\e9c7"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-portfolio-3 .path11:before { content: "\e9c8"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-portfolio-3 .path12:before { content: "\e9c9"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-portfolio-3 .path13:before { content: "\e9ca"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-portfolio-3 .path14:before { content: "\e9cb"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-portfolio-3 .path15:before { content: "\e9cc"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-portfolio-3 .path16:before { content: "\e9cd"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-portfolio-3 .path17:before { content: "\e9ce"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-progress .path1:before { content: "\e9cf"; color: rgb(255, 255, 255); } .icon-progress .path2:before { content: "\e9d0"; margin-left: -1em; color: rgb(254, 210, 132); } .icon-progress .path3:before { content: "\e9d1"; margin-left: -1em; color: rgb(255, 220, 160); } .icon-progress .path4:before { content: "\e9d2"; margin-left: -1em; color: rgb(150, 237, 231); } .icon-progress .path5:before { content: "\e9d3"; margin-left: -1em; color: rgb(193, 238, 146); } .icon-progress .path6:before { content: "\e9d4"; margin-left: -1em; color: rgb(255, 93, 93); } .icon-progress .path7:before { content: "\e9d5"; margin-left: -1em; color: rgb(254, 201, 107); } .icon-progress .path8:before { content: "\e9d6"; margin-left: -1em; color: rgb(150, 237, 231); } .icon-progress .path9:before { content: "\e9d7"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-progress .path10:before { content: "\e9d8"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-progress .path11:before { content: "\e9d9"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-progress .path12:before { content: "\e9da"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-progress .path13:before { content: "\e9db"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-progress .path14:before { content: "\e9dc"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-progress .path15:before { content: "\e9dd"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-progress .path16:before { content: "\e9de"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-question .path1:before { content: "\e9e0"; color: rgb(21, 102, 192); } .icon-question .path2:before { content: "\e9e1"; margin-left: -1em; color: rgb(34, 150, 243); } .icon-question .path3:before { content: "\e9e2"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-question .path4:before { content: "\e9e3"; margin-left: -1em; color: rgb(197, 40, 40); } .icon-question .path5:before { content: "\e9e4"; margin-left: -1em; color: rgb(244, 67, 53); } .icon-question .path6:before { content: "\e9e5"; margin-left: -1em; color: rgb(255, 235, 58); } .icon-question .path7:before { content: "\e9e6"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-question .path8:before { content: "\e9e7"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-question .path9:before { content: "\e9e8"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-question .path10:before { content: "\e9e9"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-question .path11:before { content: "\e9ea"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-question .path12:before { content: "\e9eb"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-question .path13:before { content: "\e9ec"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-question .path14:before { content: "\e9ed"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-question .path15:before { content: "\e9ee"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-question .path16:before { content: "\e9ef"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-question .path17:before { content: "\e9f0"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-question .path18:before { content: "\e9f1"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-teacher .path1:before { content: "\e9f3"; color: rgb(25, 54, 81); } .icon-teacher .path2:before { content: "\e9f4"; margin-left: -1em; color: rgb(225, 230, 233); } .icon-teacher .path3:before { content: "\e9f5"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-teacher .path4:before { content: "\e9f6"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path5:before { content: "\e9f7"; margin-left: -1em; color: rgb(79, 191, 159); } .icon-teacher .path6:before { content: "\e9f8"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path7:before { content: "\e9f9"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path8:before { content: "\e9fa"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path9:before { content: "\e9fb"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path10:before { content: "\e9fc"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path11:before { content: "\e9fd"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path12:before { content: "\e9fe"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-teacher .path13:before { content: "\e9ff"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path14:before { content: "\ea00"; margin-left: -1em; color: rgb(253, 191, 94); } .icon-teacher .path15:before { content: "\ea01"; margin-left: -1em; color: rgb(241, 96, 81); } .icon-teacher .path16:before { content: "\ea02"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path17:before { content: "\ea03"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-teacher .path18:before { content: "\ea04"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path19:before { content: "\ea05"; margin-left: -1em; color: rgb(253, 191, 94); } .icon-teacher .path20:before { content: "\ea06"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path21:before { content: "\ea07"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-teacher .path22:before { content: "\ea08"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path23:before { content: "\ea09"; margin-left: -1em; color: rgb(207, 208, 209); } .icon-teacher .path24:before { content: "\ea0a"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path25:before { content: "\ea0b"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path26:before { content: "\ea0c"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path27:before { content: "\ea0d"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path28:before { content: "\ea0e"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path29:before { content: "\ea0f"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path30:before { content: "\ea10"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path31:before { content: "\ea11"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path32:before { content: "\ea12"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path33:before { content: "\ea13"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path34:before { content: "\ea14"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path35:before { content: "\ea15"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path36:before { content: "\ea16"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path37:before { content: "\ea17"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path38:before { content: "\ea18"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path39:before { content: "\ea19"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path40:before { content: "\ea1a"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path41:before { content: "\ea1b"; margin-left: -1em; color: rgb(46, 162, 219); } .icon-teacher .path42:before { content: "\ea1c"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path43:before { content: "\ea1d"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-teacher .path44:before { content: "\ea1e"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path45:before { content: "\ea1f"; margin-left: -1em; color: rgb(241, 96, 81); } .icon-teacher .path46:before { content: "\ea20"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path47:before { content: "\ea21"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-teacher .path48:before { content: "\ea22"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-teacher .path49:before { content: "\ea23"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-teacher .path50:before { content: "\ea24"; margin-left: -1em; color: rgb(25, 54, 81); } .icon-list:before { content: "\ea2e"; } .icon-grid:before { content: "\ea2f"; } .icon-arrow-right:before { content: "\ea30"; } .icon-key:before { content: "\ea31"; } .icon-people:before { content: "\ea32"; } .icon-book:before { content: "\ea33"; } .icon-cart:before { content: "\ea34"; } .icon-search:before { content: "\ea35"; } /** * IRANSans FaNum — فونت اصلی سامانه * Source: /assets/fonts/farsi_num/ * Families: IRANSans (primary) | Roboto (legacy template alias) */ @font-face { font-family: IRANSans; font-style: normal; font-weight: 200; font-display: swap; src: url("/assets/fonts/farsi_num/eot/IRANSansWeb(FaNum)_UltraLight.eot"); src: url("/assets/fonts/farsi_num/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/farsi_num/woff2/IRANSansWeb(FaNum)_UltraLight.woff2") format("woff2"), url("/assets/fonts/farsi_num/woff/IRANSansWeb(FaNum)_UltraLight.woff") format("woff"), url("/assets/fonts/farsi_num/ttf/IRANSansWeb(FaNum)_UltraLight.ttf") format("truetype"); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 300; font-display: swap; src: url("/assets/fonts/farsi_num/eot/IRANSansWeb(FaNum)_Light.eot"); src: url("/assets/fonts/farsi_num/eot/IRANSansWeb(FaNum)_Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/farsi_num/woff2/IRANSansWeb(FaNum)_Light.woff2") format("woff2"), url("/assets/fonts/farsi_num/woff/IRANSansWeb(FaNum)_Light.woff") format("woff"), url("/assets/fonts/farsi_num/ttf/IRANSansWeb(FaNum)_Light.ttf") format("truetype"); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/farsi_num/eot/IRANSansWeb(FaNum).eot"); src: url("/assets/fonts/farsi_num/eot/IRANSansWeb(FaNum).eot?#iefix") format("embedded-opentype"), url("/assets/fonts/farsi_num/woff2/IRANSansWeb(FaNum).woff2") format("woff2"), url("/assets/fonts/farsi_num/woff/IRANSansWeb(FaNum).woff") format("woff"), url("/assets/fonts/farsi_num/ttf/IRANSansWeb(FaNum).ttf") format("truetype"); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/fonts/farsi_num/eot/IRANSansWeb(FaNum)_Medium.eot"); src: url("/assets/fonts/farsi_num/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/farsi_num/woff2/IRANSansWeb(FaNum)_Medium.woff2") format("woff2"), url("/assets/fonts/farsi_num/woff/IRANSansWeb(FaNum)_Medium.woff") format("woff"), url("/assets/fonts/farsi_num/ttf/IRANSansWeb(FaNum)_Medium.ttf") format("truetype"); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/fonts/farsi_num/eot/IRANSansWeb(FaNum)_Bold.eot"); src: url("/assets/fonts/farsi_num/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/farsi_num/woff2/IRANSansWeb(FaNum)_Bold.woff2") format("woff2"), url("/assets/fonts/farsi_num/woff/IRANSansWeb(FaNum)_Bold.woff") format("woff"), url("/assets/fonts/farsi_num/ttf/IRANSansWeb(FaNum)_Bold.ttf") format("truetype"); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 900; font-display: swap; src: url("/assets/fonts/farsi_num/eot/IRANSansWeb(FaNum)_Black.eot"); src: url("/assets/fonts/farsi_num/eot/IRANSansWeb(FaNum)_Black.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/farsi_num/woff2/IRANSansWeb(FaNum)_Black.woff2") format("woff2"), url("/assets/fonts/farsi_num/woff/IRANSansWeb(FaNum)_Black.woff") format("woff"), url("/assets/fonts/farsi_num/ttf/IRANSansWeb(FaNum)_Black.ttf") format("truetype"); } /* Legacy template alias — same FaNum files */ @font-face { font-family: Roboto; font-style: normal; font-weight: 200; font-display: swap; src: url("/assets/fonts/farsi_num/eot/IRANSansWeb(FaNum)_UltraLight.eot"); src: url("/assets/fonts/farsi_num/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/farsi_num/woff2/IRANSansWeb(FaNum)_UltraLight.woff2") format("woff2"), url("/assets/fonts/farsi_num/woff/IRANSansWeb(FaNum)_UltraLight.woff") format("woff"), url("/assets/fonts/farsi_num/ttf/IRANSansWeb(FaNum)_UltraLight.ttf") format("truetype"); } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; font-display: swap; src: url("/assets/fonts/farsi_num/eot/IRANSansWeb(FaNum)_Light.eot"); src: url("/assets/fonts/farsi_num/eot/IRANSansWeb(FaNum)_Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/farsi_num/woff2/IRANSansWeb(FaNum)_Light.woff2") format("woff2"), url("/assets/fonts/farsi_num/woff/IRANSansWeb(FaNum)_Light.woff") format("woff"), url("/assets/fonts/farsi_num/ttf/IRANSansWeb(FaNum)_Light.ttf") format("truetype"); } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/farsi_num/eot/IRANSansWeb(FaNum).eot"); src: url("/assets/fonts/farsi_num/eot/IRANSansWeb(FaNum).eot?#iefix") format("embedded-opentype"), url("/assets/fonts/farsi_num/woff2/IRANSansWeb(FaNum).woff2") format("woff2"), url("/assets/fonts/farsi_num/woff/IRANSansWeb(FaNum).woff") format("woff"), url("/assets/fonts/farsi_num/ttf/IRANSansWeb(FaNum).ttf") format("truetype"); } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/fonts/farsi_num/eot/IRANSansWeb(FaNum)_Medium.eot"); src: url("/assets/fonts/farsi_num/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/farsi_num/woff2/IRANSansWeb(FaNum)_Medium.woff2") format("woff2"), url("/assets/fonts/farsi_num/woff/IRANSansWeb(FaNum)_Medium.woff") format("woff"), url("/assets/fonts/farsi_num/ttf/IRANSansWeb(FaNum)_Medium.ttf") format("truetype"); } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/fonts/farsi_num/eot/IRANSansWeb(FaNum)_Bold.eot"); src: url("/assets/fonts/farsi_num/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/farsi_num/woff2/IRANSansWeb(FaNum)_Bold.woff2") format("woff2"), url("/assets/fonts/farsi_num/woff/IRANSansWeb(FaNum)_Bold.woff") format("woff"), url("/assets/fonts/farsi_num/ttf/IRANSansWeb(FaNum)_Bold.ttf") format("truetype"); } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-display: swap; src: url("/assets/fonts/farsi_num/eot/IRANSansWeb(FaNum)_Black.eot"); src: url("/assets/fonts/farsi_num/eot/IRANSansWeb(FaNum)_Black.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/farsi_num/woff2/IRANSansWeb(FaNum)_Black.woff2") format("woff2"), url("/assets/fonts/farsi_num/woff/IRANSansWeb(FaNum)_Black.woff") format("woff"), url("/assets/fonts/farsi_num/ttf/IRANSansWeb(FaNum)_Black.ttf") format("truetype"); } /** * Site-wide Persian typography — IRANSans FaNum (assets/fonts/farsi_num) */ html, body { font-family: var(--font-family, IRANSans, Tahoma, sans-serif); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body, button, input, select, textarea, .form-control, .btn, .dropdown-menu, .modal, .table, .nav, .navbar, .card, .sweet-alert, .swal2-popup, .select2-container, .pnotify, h1, h2, h3, h4, h5, h6, p, span, a, li, label, th, td { font-family: inherit; } /*! * Font Awesome Pro 5.8.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ /* w w w . U l a b s . i r */ .fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-abacus:before{content:"\f640"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acorn:before{content:"\f6ae"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adobe:before{content:"\f778"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-alarm-clock:before{content:"\f34e"}.fa-algolia:before{content:"\f36c"}.fa-alicorn:before{content:"\f6b0"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-analytics:before{content:"\f643"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angel:before{content:"\f779"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-crate:before{content:"\f6b1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-alt-down:before{content:"\f354"}.fa-arrow-alt-from-bottom:before{content:"\f346"}.fa-arrow-alt-from-left:before{content:"\f347"}.fa-arrow-alt-from-right:before{content:"\f348"}.fa-arrow-alt-from-top:before{content:"\f349"}.fa-arrow-alt-left:before{content:"\f355"}.fa-arrow-alt-right:before{content:"\f356"}.fa-arrow-alt-square-down:before{content:"\f350"}.fa-arrow-alt-square-left:before{content:"\f351"}.fa-arrow-alt-square-right:before{content:"\f352"}.fa-arrow-alt-square-up:before{content:"\f353"}.fa-arrow-alt-to-bottom:before{content:"\f34a"}.fa-arrow-alt-to-left:before{content:"\f34b"}.fa-arrow-alt-to-right:before{content:"\f34c"}.fa-arrow-alt-to-top:before{content:"\f34d"}.fa-arrow-alt-up:before{content:"\f357"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-from-bottom:before{content:"\f342"}.fa-arrow-from-left:before{content:"\f343"}.fa-arrow-from-right:before{content:"\f344"}.fa-arrow-from-top:before{content:"\f345"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-square-down:before{content:"\f339"}.fa-arrow-square-left:before{content:"\f33a"}.fa-arrow-square-right:before{content:"\f33b"}.fa-arrow-square-up:before{content:"\f33c"}.fa-arrow-to-bottom:before{content:"\f33d"}.fa-arrow-to-left:before{content:"\f33e"}.fa-arrow-to-right:before{content:"\f340"}.fa-arrow-to-top:before{content:"\f341"}.fa-arrow-up:before{content:"\f062"}.fa-arrows:before{content:"\f047"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-arrows-h:before{content:"\f07e"}.fa-arrows-v:before{content:"\f07d"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-atom-alt:before{content:"\f5d3"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-axe:before{content:"\f6b2"}.fa-axe-battle:before{content:"\f6b3"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backpack:before{content:"\f5d4"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-badge:before{content:"\f335"}.fa-badge-check:before{content:"\f336"}.fa-badge-dollar:before{content:"\f645"}.fa-badge-percent:before{content:"\f646"}.fa-badger-honey:before{content:"\f6b4"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ball-pile:before{content:"\f77e"}.fa-ballot:before{content:"\f732"}.fa-ballot-check:before{content:"\f733"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-barcode-alt:before{content:"\f463"}.fa-barcode-read:before{content:"\f464"}.fa-barcode-scan:before{content:"\f465"}.fa-bars:before{content:"\f0c9"}.fa-baseball:before{content:"\f432"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-basketball-hoop:before{content:"\f435"}.fa-bat:before{content:"\f6b5"}.fa-bath:before{content:"\f2cd"}.fa-battery-bolt:before{content:"\f376"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-slash:before{content:"\f377"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-school:before{content:"\f5d5"}.fa-bell-school-slash:before{content:"\f5d6"}.fa-bell-slash:before{content:"\f1f6"}.fa-bells:before{content:"\f77f"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blanket:before{content:"\f498"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bone-break:before{content:"\f5d8"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-alt:before{content:"\f5d9"}.fa-book-dead:before{content:"\f6b7"}.fa-book-heart:before{content:"\f499"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-book-spells:before{content:"\f6b8"}.fa-book-user:before{content:"\f7e7"}.fa-bookmark:before{content:"\f02e"}.fa-books:before{content:"\f5db"}.fa-books-medical:before{content:"\f7e8"}.fa-boot:before{content:"\f782"}.fa-booth-curtain:before{content:"\f734"}.fa-bootstrap:before{content:"\f836"}.fa-bow-arrow:before{content:"\f6b9"}.fa-bowling-ball:before{content:"\f436"}.fa-bowling-pins:before{content:"\f437"}.fa-box:before{content:"\f466"}.fa-box-alt:before{content:"\f49a"}.fa-box-ballot:before{content:"\f735"}.fa-box-check:before{content:"\f467"}.fa-box-fragile:before{content:"\f49b"}.fa-box-full:before{content:"\f49c"}.fa-box-heart:before{content:"\f49d"}.fa-box-open:before{content:"\f49e"}.fa-box-up:before{content:"\f49f"}.fa-box-usd:before{content:"\f4a0"}.fa-boxes:before{content:"\f468"}.fa-boxes-alt:before{content:"\f4a1"}.fa-boxing-glove:before{content:"\f438"}.fa-brackets:before{content:"\f7e9"}.fa-brackets-curly:before{content:"\f7ea"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-loaf:before{content:"\f7eb"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-browser:before{content:"\f37e"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-bullseye-arrow:before{content:"\f648"}.fa-bullseye-pointer:before{content:"\f649"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-burrito:before{content:"\f7ed"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-bus-school:before{content:"\f5dd"}.fa-business-time:before{content:"\f64a"}.fa-buysellads:before{content:"\f20d"}.fa-cabinet-filing:before{content:"\f64b"}.fa-calculator:before{content:"\f1ec"}.fa-calculator-alt:before{content:"\f64c"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-edit:before{content:"\f333"}.fa-calendar-exclamation:before{content:"\f334"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-star:before{content:"\f736"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-alt:before{content:"\f332"}.fa-camera-retro:before{content:"\f083"}.fa-campfire:before{content:"\f6ba"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candle-holder:before{content:"\f6bc"}.fa-candy-cane:before{content:"\f786"}.fa-candy-corn:before{content:"\f6bd"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-bump:before{content:"\f5e0"}.fa-car-crash:before{content:"\f5e1"}.fa-car-garage:before{content:"\f5e2"}.fa-car-mechanic:before{content:"\f5e3"}.fa-car-side:before{content:"\f5e4"}.fa-car-tilt:before{content:"\f5e5"}.fa-car-wash:before{content:"\f5e6"}.fa-caret-circle-down:before{content:"\f32d"}.fa-caret-circle-left:before{content:"\f32e"}.fa-caret-circle-right:before{content:"\f330"}.fa-caret-circle-up:before{content:"\f331"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cauldron:before{content:"\f6bf"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chair-office:before{content:"\f6c1"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-line-down:before{content:"\f64d"}.fa-chart-network:before{content:"\f78a"}.fa-chart-pie:before{content:"\f200"}.fa-chart-pie-alt:before{content:"\f64e"}.fa-chart-scatter:before{content:"\f7ee"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-cheese-swiss:before{content:"\f7f0"}.fa-cheeseburger:before{content:"\f7f1"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-bishop-alt:before{content:"\f43b"}.fa-chess-board:before{content:"\f43c"}.fa-chess-clock:before{content:"\f43d"}.fa-chess-clock-alt:before{content:"\f43e"}.fa-chess-king:before{content:"\f43f"}.fa-chess-king-alt:before{content:"\f440"}.fa-chess-knight:before{content:"\f441"}.fa-chess-knight-alt:before{content:"\f442"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-pawn-alt:before{content:"\f444"}.fa-chess-queen:before{content:"\f445"}.fa-chess-queen-alt:before{content:"\f446"}.fa-chess-rook:before{content:"\f447"}.fa-chess-rook-alt:before{content:"\f448"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-double-down:before{content:"\f322"}.fa-chevron-double-left:before{content:"\f323"}.fa-chevron-double-right:before{content:"\f324"}.fa-chevron-double-up:before{content:"\f325"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-square-down:before{content:"\f329"}.fa-chevron-square-left:before{content:"\f32a"}.fa-chevron-square-right:before{content:"\f32b"}.fa-chevron-square-up:before{content:"\f32c"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chimney:before{content:"\f78b"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-claw-marks:before{content:"\f6c2"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clipboard-list-check:before{content:"\f737"}.fa-clipboard-prescription:before{content:"\f5e8"}.fa-clipboard-user:before{content:"\f7f3"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-drizzle:before{content:"\f738"}.fa-cloud-hail:before{content:"\f739"}.fa-cloud-hail-mixed:before{content:"\f73a"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-rainbow:before{content:"\f73e"}.fa-cloud-showers:before{content:"\f73f"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sleet:before{content:"\f741"}.fa-cloud-snow:before{content:"\f742"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload:before{content:"\f0ee"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-clouds:before{content:"\f744"}.fa-clouds-moon:before{content:"\f745"}.fa-clouds-sun:before{content:"\f746"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-club:before{content:"\f327"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-code-commit:before{content:"\f386"}.fa-code-merge:before{content:"\f387"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-coffee-togo:before{content:"\f6c5"}.fa-coffin:before{content:"\f6c6"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-alt-check:before{content:"\f4a2"}.fa-comment-alt-dollar:before{content:"\f650"}.fa-comment-alt-dots:before{content:"\f4a3"}.fa-comment-alt-edit:before{content:"\f4a4"}.fa-comment-alt-exclamation:before{content:"\f4a5"}.fa-comment-alt-lines:before{content:"\f4a6"}.fa-comment-alt-medical:before{content:"\f7f4"}.fa-comment-alt-minus:before{content:"\f4a7"}.fa-comment-alt-plus:before{content:"\f4a8"}.fa-comment-alt-slash:before{content:"\f4a9"}.fa-comment-alt-smile:before{content:"\f4aa"}.fa-comment-alt-times:before{content:"\f4ab"}.fa-comment-check:before{content:"\f4ac"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-edit:before{content:"\f4ae"}.fa-comment-exclamation:before{content:"\f4af"}.fa-comment-lines:before{content:"\f4b0"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-minus:before{content:"\f4b1"}.fa-comment-plus:before{content:"\f4b2"}.fa-comment-slash:before{content:"\f4b3"}.fa-comment-smile:before{content:"\f4b4"}.fa-comment-times:before{content:"\f4b5"}.fa-comments:before{content:"\f086"}.fa-comments-alt:before{content:"\f4b6"}.fa-comments-alt-dollar:before{content:"\f652"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compass-slash:before{content:"\f5e9"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-compress-wide:before{content:"\f326"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-container-storage:before{content:"\f4b7"}.fa-contao:before{content:"\f26d"}.fa-conveyor-belt:before{content:"\f46e"}.fa-conveyor-belt-alt:before{content:"\f46f"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-corn:before{content:"\f6c7"}.fa-couch:before{content:"\f4b8"}.fa-cow:before{content:"\f6c8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-credit-card-blank:before{content:"\f389"}.fa-credit-card-front:before{content:"\f38a"}.fa-cricket:before{content:"\f449"}.fa-critical-role:before{content:"\f6c9"}.fa-croissant:before{content:"\f7f6"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-crutches:before{content:"\f7f8"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-curling:before{content:"\f44a"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dagger:before{content:"\f6cb"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-debug:before{content:"\f7f9"}.fa-deer:before{content:"\f78e"}.fa-deer-rudolph:before{content:"\f78f"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-desktop-alt:before{content:"\f390"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dewpoint:before{content:"\f748"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diamond:before{content:"\f219"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d10:before{content:"\f6cd"}.fa-dice-d12:before{content:"\f6ce"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d4:before{content:"\f6d0"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-d8:before{content:"\f6d2"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-diploma:before{content:"\f5ea"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-do-not-enter:before{content:"\f5ec"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dog-leashed:before{content:"\f6d4"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-empty:before{content:"\f473"}.fa-dolly-flatbed:before{content:"\f474"}.fa-dolly-flatbed-alt:before{content:"\f475"}.fa-dolly-flatbed-empty:before{content:"\f476"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-circle:before{content:"\f5ed"}.fa-draw-polygon:before{content:"\f5ee"}.fa-draw-square:before{content:"\f5ef"}.fa-dreidel:before{content:"\f792"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick:before{content:"\f6d6"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-duck:before{content:"\f6d8"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-ear:before{content:"\f5f0"}.fa-ear-muffs:before{content:"\f795"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-eclipse:before{content:"\f749"}.fa-eclipse-alt:before{content:"\f74a"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-egg-fried:before{content:"\f7fc"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-elephant:before{content:"\f6da"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-h-alt:before{content:"\f39b"}.fa-ellipsis-v:before{content:"\f142"}.fa-ellipsis-v-alt:before{content:"\f39c"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-empty-set:before{content:"\f656"}.fa-engine-warning:before{content:"\f5f2"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-dollar:before{content:"\f657"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange:before{content:"\f0ec"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-square:before{content:"\f321"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows:before{content:"\f31d"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expand-wide:before{content:"\f320"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link:before{content:"\f08e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square:before{content:"\f14c"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-evil:before{content:"\f6db"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-field-hockey:before{content:"\f44c"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-certificate:before{content:"\f5f3"}.fa-file-chart-line:before{content:"\f659"}.fa-file-chart-pie:before{content:"\f65a"}.fa-file-check:before{content:"\f316"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-edit:before{content:"\f31c"}.fa-file-excel:before{content:"\f1c3"}.fa-file-exclamation:before{content:"\f31a"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-minus:before{content:"\f318"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-plus:before{content:"\f319"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-spreadsheet:before{content:"\f65b"}.fa-file-times:before{content:"\f317"}.fa-file-upload:before{content:"\f574"}.fa-file-user:before{content:"\f65c"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-files-medical:before{content:"\f7fd"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-film-alt:before{content:"\f3a0"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-fire-smoke:before{content:"\f74b"}.fa-firefox:before{content:"\f269"}.fa-fireplace:before{content:"\f79a"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fish-cooked:before{content:"\f7fe"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-alt:before{content:"\f74c"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flame:before{content:"\f6df"}.fa-flask:before{content:"\f0c3"}.fa-flask-poison:before{content:"\f6e0"}.fa-flask-potion:before{content:"\f6e1"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flower:before{content:"\f7ff"}.fa-flower-daffodil:before{content:"\f800"}.fa-flower-tulip:before{content:"\f801"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-fog:before{content:"\f74e"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-folder-times:before{content:"\f65f"}.fa-folder-tree:before{content:"\f802"}.fa-folders:before{content:"\f660"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-football-helmet:before{content:"\f44f"}.fa-forklift:before{content:"\f47a"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-fragile:before{content:"\f4bb"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-french-fries:before{content:"\f803"}.fa-frog:before{content:"\f52e"}.fa-frosty-head:before{content:"\f79b"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-function:before{content:"\f661"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gas-pump-slash:before{content:"\f5f4"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gift-card:before{content:"\f663"}.fa-gifts:before{content:"\f79c"}.fa-gingerbread-man:before{content:"\f79d"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass:before{content:"\f804"}.fa-glass-champagne:before{content:"\f79e"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glass-whiskey-rocks:before{content:"\f7a1"}.fa-glasses:before{content:"\f530"}.fa-glasses-alt:before{content:"\f5f5"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-globe-snow:before{content:"\f7a3"}.fa-globe-stand:before{content:"\f5f6"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-golf-club:before{content:"\f451"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-h1:before{content:"\f313"}.fa-h2:before{content:"\f314"}.fa-h3:before{content:"\f315"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hammer-war:before{content:"\f6e4"}.fa-hamsa:before{content:"\f665"}.fa-hand-heart:before{content:"\f4bc"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-box:before{content:"\f47b"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-magic:before{content:"\f6e5"}.fa-hand-holding-seedling:before{content:"\f4bf"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-receiving:before{content:"\f47c"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-heart:before{content:"\f4c3"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-usd:before{content:"\f4c5"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt:before{content:"\f4c6"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-santa:before{content:"\f7a7"}.fa-hat-winter:before{content:"\f7a8"}.fa-hat-witch:before{content:"\f6e7"}.fa-hat-wizard:before{content:"\f6e8"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-head-side:before{content:"\f6e9"}.fa-head-side-brain:before{content:"\f808"}.fa-head-side-medical:before{content:"\f809"}.fa-head-vr:before{content:"\f6ea"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heart-circle:before{content:"\f4c7"}.fa-heart-rate:before{content:"\f5f8"}.fa-heart-square:before{content:"\f4c8"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-helmet-battle:before{content:"\f6eb"}.fa-hexagon:before{content:"\f312"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-mask:before{content:"\f6ee"}.fa-hockey-puck:before{content:"\f453"}.fa-hockey-sticks:before{content:"\f454"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-home-alt:before{content:"\f80a"}.fa-home-heart:before{content:"\f4c9"}.fa-home-lg:before{content:"\f80b"}.fa-home-lg-alt:before{content:"\f80c"}.fa-hood-cloak:before{content:"\f6ef"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hospitals:before{content:"\f80e"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-flood:before{content:"\f74f"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-humidity:before{content:"\f750"}.fa-hurricane:before{content:"\f751"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-ice-skate:before{content:"\f7ac"}.fa-icicles:before{content:"\f7ad"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-inbox-in:before{content:"\f310"}.fa-inbox-out:before{content:"\f311"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-industry-alt:before{content:"\f3b3"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-info-square:before{content:"\f30f"}.fa-inhaler:before{content:"\f5f9"}.fa-instagram:before{content:"\f16d"}.fa-integral:before{content:"\f667"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-intersection:before{content:"\f668"}.fa-inventory:before{content:"\f480"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-island-tropical:before{content:"\f811"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-jack-o-lantern:before{content:"\f30e"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-key-skeleton:before{content:"\f6f3"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-keynote:before{content:"\f66c"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kidneys:before{content:"\f5fb"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kite:before{content:"\f6f4"}.fa-kiwi-bird:before{content:"\f535"}.fa-knife-kitchen:before{content:"\f6f5"}.fa-korvue:before{content:"\f42f"}.fa-lambda:before{content:"\f66e"}.fa-lamp:before{content:"\f4ca"}.fa-landmark:before{content:"\f66f"}.fa-landmark-alt:before{content:"\f752"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-layer-minus:before{content:"\f5fe"}.fa-layer-plus:before{content:"\f5ff"}.fa-leaf:before{content:"\f06c"}.fa-leaf-heart:before{content:"\f4cb"}.fa-leaf-maple:before{content:"\f6f6"}.fa-leaf-oak:before{content:"\f6f7"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down:before{content:"\f149"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up:before{content:"\f148"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-lightbulb-dollar:before{content:"\f670"}.fa-lightbulb-exclamation:before{content:"\f671"}.fa-lightbulb-on:before{content:"\f672"}.fa-lightbulb-slash:before{content:"\f673"}.fa-lights-holiday:before{content:"\f7b2"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lips:before{content:"\f600"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location:before{content:"\f601"}.fa-location-arrow:before{content:"\f124"}.fa-location-circle:before{content:"\f602"}.fa-location-slash:before{content:"\f603"}.fa-lock:before{content:"\f023"}.fa-lock-alt:before{content:"\f30d"}.fa-lock-open:before{content:"\f3c1"}.fa-lock-open-alt:before{content:"\f3c2"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-long-arrow-up:before{content:"\f176"}.fa-loveseat:before{content:"\f4cc"}.fa-low-vision:before{content:"\f2a8"}.fa-luchador:before{content:"\f455"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lyft:before{content:"\f3c3"}.fa-mace:before{content:"\f6f8"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailbox:before{content:"\f813"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-mandolin:before{content:"\f6f9"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-marker-alt-slash:before{content:"\f605"}.fa-map-marker-check:before{content:"\f606"}.fa-map-marker-edit:before{content:"\f607"}.fa-map-marker-exclamation:before{content:"\f608"}.fa-map-marker-minus:before{content:"\f609"}.fa-map-marker-plus:before{content:"\f60a"}.fa-map-marker-question:before{content:"\f60b"}.fa-map-marker-slash:before{content:"\f60c"}.fa-map-marker-smile:before{content:"\f60d"}.fa-map-marker-times:before{content:"\f60e"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-meat:before{content:"\f814"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaphone:before{content:"\f675"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-mind-share:before{content:"\f677"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-hexagon:before{content:"\f307"}.fa-minus-octagon:before{content:"\f308"}.fa-minus-square:before{content:"\f146"}.fa-mistletoe:before{content:"\f7b4"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-mobile-android:before{content:"\f3ce"}.fa-mobile-android-alt:before{content:"\f3cf"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monitor-heart-rate:before{content:"\f611"}.fa-monkey:before{content:"\f6fb"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-moon-cloud:before{content:"\f754"}.fa-moon-stars:before{content:"\f755"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mountains:before{content:"\f6fd"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-mug-marshmallows:before{content:"\f7b7"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-narwhal:before{content:"\f6fe"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octagon:before{content:"\f306"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-oil-temp:before{content:"\f614"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-omega:before{content:"\f67a"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-ornament:before{content:"\f7b8"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-brush-alt:before{content:"\f5a9"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-pallet-alt:before{content:"\f483"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-parking-circle:before{content:"\f615"}.fa-parking-circle-slash:before{content:"\f616"}.fa-parking-slash:before{content:"\f617"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paw-alt:before{content:"\f701"}.fa-paw-claws:before{content:"\f702"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pegasus:before{content:"\f703"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil:before{content:"\f040"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-paintbrush:before{content:"\f618"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-pennant:before{content:"\f456"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-person-carry:before{content:"\f4cf"}.fa-person-dolly:before{content:"\f4d0"}.fa-person-dolly-empty:before{content:"\f4d1"}.fa-person-sign:before{content:"\f757"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-office:before{content:"\f67d"}.fa-phone-plus:before{content:"\f4d2"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pi:before{content:"\f67e"}.fa-pie:before{content:"\f705"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pig:before{content:"\f706"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza:before{content:"\f817"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-alt:before{content:"\f3de"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-hexagon:before{content:"\f300"}.fa-plus-octagon:before{content:"\f301"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-podium:before{content:"\f680"}.fa-podium-star:before{content:"\f758"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poll-people:before{content:"\f759"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-popcorn:before{content:"\f819"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-presentation:before{content:"\f685"}.fa-print:before{content:"\f02f"}.fa-print-search:before{content:"\f81a"}.fa-print-slash:before{content:"\f686"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pumpkin:before{content:"\f707"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-question-square:before{content:"\f2fd"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-rabbit:before{content:"\f708"}.fa-rabbit-fast:before{content:"\f709"}.fa-racquet:before{content:"\f45a"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-raindrops:before{content:"\f75c"}.fa-ram:before{content:"\f70a"}.fa-ramp-loading:before{content:"\f4d4"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-rectangle-landscape:before{content:"\f2fa"}.fa-rectangle-portrait:before{content:"\f2fb"}.fa-rectangle-wide:before{content:"\f2fc"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-renren:before{content:"\f18b"}.fa-repeat:before{content:"\f363"}.fa-repeat-1:before{content:"\f365"}.fa-repeat-1-alt:before{content:"\f366"}.fa-repeat-alt:before{content:"\f364"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-retweet-alt:before{content:"\f361"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-rings-wedding:before{content:"\f81b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-route-highway:before{content:"\f61a"}.fa-route-interstate:before{content:"\f61b"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-triangle:before{content:"\f61c"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rv:before{content:"\f7be"}.fa-sack:before{content:"\f81c"}.fa-sack-dollar:before{content:"\f81d"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salad:before{content:"\f81e"}.fa-salesforce:before{content:"\f83b"}.fa-sandwich:before{content:"\f81f"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-sausage:before{content:"\f820"}.fa-save:before{content:"\f0c7"}.fa-scalpel:before{content:"\f61d"}.fa-scalpel-path:before{content:"\f61e"}.fa-scanner:before{content:"\f488"}.fa-scanner-keyboard:before{content:"\f489"}.fa-scanner-touchscreen:before{content:"\f48a"}.fa-scarecrow:before{content:"\f70d"}.fa-scarf:before{content:"\f7c1"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-scroll-old:before{content:"\f70f"}.fa-scrubber:before{content:"\f2f8"}.fa-scythe:before{content:"\f710"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-all:before{content:"\f367"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-sheep:before{content:"\f711"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield:before{content:"\f132"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-check:before{content:"\f2f7"}.fa-shield-cross:before{content:"\f712"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shipping-timed:before{content:"\f48c"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shish-kebab:before{content:"\f821"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shovel:before{content:"\f713"}.fa-shovel-snow:before{content:"\f7c3"}.fa-shower:before{content:"\f2cc"}.fa-shredder:before{content:"\f68a"}.fa-shuttle-van:before{content:"\f5b6"}.fa-shuttlecock:before{content:"\f45b"}.fa-sickle:before{content:"\f822"}.fa-sigma:before{content:"\f68b"}.fa-sign:before{content:"\f4d9"}.fa-sign-in:before{content:"\f090"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out:before{content:"\f08b"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signal-1:before{content:"\f68c"}.fa-signal-2:before{content:"\f68d"}.fa-signal-3:before{content:"\f68e"}.fa-signal-4:before{content:"\f68f"}.fa-signal-alt:before{content:"\f690"}.fa-signal-alt-1:before{content:"\f691"}.fa-signal-alt-2:before{content:"\f692"}.fa-signal-alt-3:before{content:"\f693"}.fa-signal-alt-slash:before{content:"\f694"}.fa-signal-slash:before{content:"\f695"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-skeleton:before{content:"\f620"}.fa-sketch:before{content:"\f7c6"}.fa-ski-jump:before{content:"\f7c7"}.fa-ski-lift:before{content:"\f7c8"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sledding:before{content:"\f7cb"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-sliders-h-square:before{content:"\f3f0"}.fa-sliders-v:before{content:"\f3f1"}.fa-sliders-v-square:before{content:"\f3f2"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-plus:before{content:"\f5b9"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoke:before{content:"\f760"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snake:before{content:"\f716"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snow-blowing:before{content:"\f761"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowflakes:before{content:"\f7cf"}.fa-snowman:before{content:"\f7d0"}.fa-snowmobile:before{content:"\f7d1"}.fa-snowplow:before{content:"\f7d2"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-soup:before{content:"\f823"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-spade:before{content:"\f2f4"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spider:before{content:"\f717"}.fa-spider-black-widow:before{content:"\f718"}.fa-spider-web:before{content:"\f719"}.fa-spinner:before{content:"\f110"}.fa-spinner-third:before{content:"\f3f4"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root:before{content:"\f697"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-squirrel:before{content:"\f71a"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-staff:before{content:"\f71b"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-christmas:before{content:"\f7d4"}.fa-star-exclamation:before{content:"\f2f3"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-stars:before{content:"\f762"}.fa-staylinked:before{content:"\f3f5"}.fa-steak:before{content:"\f824"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-steering-wheel:before{content:"\f622"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stocking:before{content:"\f7d5"}.fa-stomach:before{content:"\f623"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-stretcher:before{content:"\f825"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-sun-cloud:before{content:"\f763"}.fa-sun-dust:before{content:"\f764"}.fa-sun-haze:before{content:"\f765"}.fa-sunrise:before{content:"\f766"}.fa-sunset:before{content:"\f767"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-sword:before{content:"\f71c"}.fa-swords:before{content:"\f71d"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablet-android:before{content:"\f3fb"}.fa-tablet-android-alt:before{content:"\f3fc"}.fa-tablet-rugged:before{content:"\f48f"}.fa-tablets:before{content:"\f490"}.fa-tachometer:before{content:"\f0e4"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tachometer-alt-average:before{content:"\f624"}.fa-tachometer-alt-fast:before{content:"\f625"}.fa-tachometer-alt-fastest:before{content:"\f626"}.fa-tachometer-alt-slow:before{content:"\f627"}.fa-tachometer-alt-slowest:before{content:"\f628"}.fa-tachometer-average:before{content:"\f629"}.fa-tachometer-fast:before{content:"\f62a"}.fa-tachometer-fastest:before{content:"\f62b"}.fa-tachometer-slow:before{content:"\f62c"}.fa-tachometer-slowest:before{content:"\f62d"}.fa-taco:before{content:"\f826"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tally:before{content:"\f69c"}.fa-tanakh:before{content:"\f827"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-tasks-alt:before{content:"\f828"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-frigid:before{content:"\f768"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-hot:before{content:"\f76a"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-tennis-ball:before{content:"\f45e"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-theta:before{content:"\f69e"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-thunderstorm:before{content:"\f76c"}.fa-thunderstorm-moon:before{content:"\f76d"}.fa-thunderstorm-sun:before{content:"\f76e"}.fa-ticket:before{content:"\f145"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tilde:before{content:"\f69f"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-times-hexagon:before{content:"\f2ee"}.fa-times-octagon:before{content:"\f2f0"}.fa-times-square:before{content:"\f2d3"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tire:before{content:"\f631"}.fa-tire-flat:before{content:"\f632"}.fa-tire-pressure-warning:before{content:"\f633"}.fa-tire-rugged:before{content:"\f634"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-alt:before{content:"\f71f"}.fa-tombstone:before{content:"\f720"}.fa-tombstone-alt:before{content:"\f721"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-toothbrush:before{content:"\f635"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tornado:before{content:"\f76f"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-cone:before{content:"\f636"}.fa-traffic-light:before{content:"\f637"}.fa-traffic-light-go:before{content:"\f638"}.fa-traffic-light-slow:before{content:"\f639"}.fa-traffic-light-stop:before{content:"\f63a"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-treasure-chest:before{content:"\f723"}.fa-tree:before{content:"\f1bb"}.fa-tree-alt:before{content:"\f400"}.fa-tree-christmas:before{content:"\f7db"}.fa-tree-decorated:before{content:"\f7dc"}.fa-tree-large:before{content:"\f7dd"}.fa-tree-palm:before{content:"\f82b"}.fa-trees:before{content:"\f724"}.fa-trello:before{content:"\f181"}.fa-triangle:before{content:"\f2ec"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-trophy-alt:before{content:"\f2eb"}.fa-truck:before{content:"\f0d1"}.fa-truck-container:before{content:"\f4dc"}.fa-truck-couch:before{content:"\f4dd"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-truck-plow:before{content:"\f7de"}.fa-truck-ramp:before{content:"\f4e0"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-turkey:before{content:"\f725"}.fa-turtle:before{content:"\f726"}.fa-tv:before{content:"\f26c"}.fa-tv-retro:before{content:"\f401"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-unicorn:before{content:"\f727"}.fa-union:before{content:"\f6a2"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-usd-circle:before{content:"\f2e8"}.fa-usd-square:before{content:"\f2e9"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-chart:before{content:"\f6a3"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-crown:before{content:"\f6a4"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-hard-hat:before{content:"\f82c"}.fa-user-headset:before{content:"\f82d"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-md-chat:before{content:"\f82e"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-class:before{content:"\f63d"}.fa-users-cog:before{content:"\f509"}.fa-users-crown:before{content:"\f6a5"}.fa-users-medical:before{content:"\f830"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-fork:before{content:"\f2e3"}.fa-utensil-knife:before{content:"\f2e4"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-utensils-alt:before{content:"\f2e6"}.fa-vaadin:before{content:"\f408"}.fa-value-absolute:before{content:"\f6a6"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-plus:before{content:"\f4e1"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volcano:before{content:"\f770"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume:before{content:"\f6a8"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-slash:before{content:"\f2e2"}.fa-volume-up:before{content:"\f028"}.fa-vote-nay:before{content:"\f771"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walker:before{content:"\f831"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-wand:before{content:"\f72a"}.fa-wand-magic:before{content:"\f72b"}.fa-warehouse:before{content:"\f494"}.fa-warehouse-alt:before{content:"\f495"}.fa-watch:before{content:"\f2e1"}.fa-watch-fitness:before{content:"\f63e"}.fa-water:before{content:"\f773"}.fa-water-lower:before{content:"\f774"}.fa-water-rise:before{content:"\f775"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-webcam:before{content:"\f832"}.fa-webcam-slash:before{content:"\f833"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whale:before{content:"\f72c"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheat:before{content:"\f72d"}.fa-wheelchair:before{content:"\f193"}.fa-whistle:before{content:"\f460"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wifi-1:before{content:"\f6aa"}.fa-wifi-2:before{content:"\f6ab"}.fa-wifi-slash:before{content:"\f6ac"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-wind-warning:before{content:"\f776"}.fa-window:before{content:"\f40e"}.fa-window-alt:before{content:"\f40f"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-windsock:before{content:"\f777"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wreath:before{content:"\f7e2"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url(/assets/fonts/fontawesome/webfonts/fa-brands-400.eot);src:url(/assets/fonts/fontawesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(/assets/fonts/fontawesome/webfonts/fa-brands-400.woff) format("woff"),url(/assets/fonts/fontawesome/webfonts/fa-brands-400.ttf) format("truetype"),url(/assets/fonts/fontawesome/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;font-display:auto;src:url(/assets/fonts/fontawesome/webfonts/fa-light-300.eot);src:url(/assets/fonts/fontawesome/webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/fontawesome/webfonts/fa-light-300.woff2) format("woff2"),url(/assets/fonts/fontawesome/webfonts/fa-light-300.woff) format("woff"),url(/assets/fonts/fontawesome/webfonts/fa-light-300.ttf) format("truetype"),url(/assets/fonts/fontawesome/webfonts/fa-light-300.svg#fontawesome) format("svg")}.fal{font-weight:300}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;font-display:auto;src:url(/assets/fonts/fontawesome/webfonts/fa-regular-400.eot);src:url(/assets/fonts/fontawesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(/assets/fonts/fontawesome/webfonts/fa-regular-400.woff) format("woff"),url(/assets/fonts/fontawesome/webfonts/fa-regular-400.ttf) format("truetype"),url(/assets/fonts/fontawesome/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fal,.far{font-family:"Font Awesome 5 Pro"}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-display:auto;src:url(/assets/fonts/fontawesome/webfonts/fa-solid-900.eot);src:url(/assets/fonts/fontawesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(/assets/fonts/fontawesome/webfonts/fa-solid-900.woff) format("woff"),url(/assets/fonts/fontawesome/webfonts/fa-solid-900.ttf) format("truetype"),url(/assets/fonts/fontawesome/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Pro";font-weight:900} .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} body.swal2-shown { overflow-y: hidden } body.swal2-iosfix { position: fixed; left: 0; right: 0 } .swal2-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; top: 0; left: 0; bottom: 0; right: 0; padding: 10px; background-color: transparent; z-index: 1060 } .swal2-container.swal2-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .swal2-container.swal2-top-left { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .swal2-container.swal2-top-right { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .swal2-container.swal2-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .swal2-container.swal2-center-left { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .swal2-container.swal2-center-right { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .swal2-container.swal2-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .swal2-container.swal2-bottom-left { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .swal2-container.swal2-bottom-right { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .swal2-container.swal2-grow-fullscreen > .swal2-modal { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .swal2-container.swal2-grow-row > .swal2-modal { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .swal2-container.swal2-grow-column { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .swal2-container.swal2-grow-column.swal2-bottom, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-top { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .swal2-container.swal2-grow-column.swal2-bottom-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-top-left { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .swal2-container.swal2-grow-column.swal2-bottom-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-top-right { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .swal2-container.swal2-grow-column > .swal2-modal { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .swal2-container.swal2-fade { -webkit-transition: background-color .1s; transition: background-color .1s } .swal2-container.swal2-shown { background-color: rgba(0,0,0,.4) } .swal2-modal { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #fff; font-family: Roboto; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow-x: hidden; overflow-y: auto; display: none; position: relative; max-width: 100% } .swal2-modal:focus { outline: 0 } .swal2-modal.swal2-loading { overflow-y: hidden } .swal2-modal .swal2-title { color: #595959; font-size: 18px; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 0 0 .4em; padding: 0; display: block; word-wrap: break-word; } .swal2-modal .swal2-buttonswrapper { margin-top: 15px } .swal2-modal .swal2-buttonswrapper:not(.swal2-loading) .swal2-styled[disabled] { opacity: .4; cursor: no-drop } .swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-confirm { -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid transparent; border-color: transparent; width: 40px; height: 40px; padding: 0; margin: 7.5px; vertical-align: top; background-color: transparent !important; color: transparent; cursor: default; border-radius: 100%; -webkit-animation: rotate-loading 1.5s linear 0s infinite normal; animation: rotate-loading 1.5s linear 0s infinite normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-cancel { margin-left: 30px; margin-right: 30px } .swal2-modal .swal2-buttonswrapper.swal2-loading :not(.swal2-styled).swal2-confirm::after { display: inline-block; content: ''; margin-left: 5px; vertical-align: -1px; height: 15px; width: 15px; border: 3px solid #999; -webkit-box-shadow: 1px 1px 1px #fff; box-shadow: 1px 1px 1px #fff; border-right-color: transparent; border-radius: 50%; -webkit-animation: rotate-loading 1.5s linear 0s infinite normal; animation: rotate-loading 1.5s linear 0s infinite normal } .swal2-modal .swal2-styled { border: 0; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; color: #fff; cursor: pointer; font-size: 17px; font-weight: 500; margin: 15px 5px 0; padding: 10px 32px } .swal2-modal .swal2-styled:focus { outline: 0; -webkit-box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4); box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4) } .swal2-modal .swal2-image { margin: 20px auto; max-width: 100% } .swal2-modal .swal2-close { background: 0 0; border: 0; margin: 0; padding: 0; width: 38px; height: 40px; font-size: 36px; line-height: 40px; font-family: serif; position: absolute; top: 5px; right: 8px; cursor: pointer; color: #ccc; -webkit-transition: color .1s ease; transition: color .1s ease } .swal2-modal .swal2-close:hover { color: #d55 } .swal2-modal > .swal2-checkbox, .swal2-modal > .swal2-file, .swal2-modal > .swal2-input, .swal2-modal > .swal2-radio, .swal2-modal > .swal2-select, .swal2-modal > .swal2-textarea { display: none } .swal2-modal .swal2-content { font-size: 14px; text-align: center; font-weight: 300; position: relative; float: none; margin: 0; padding: 0; line-height: normal; color: #545454; word-wrap: break-word; } .swal2-modal .swal2-checkbox, .swal2-modal .swal2-file, .swal2-modal .swal2-input, .swal2-modal .swal2-radio, .swal2-modal .swal2-select, .swal2-modal .swal2-textarea { margin: 20px auto } .swal2-modal .swal2-file, .swal2-modal .swal2-input, .swal2-modal .swal2-textarea { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; border-radius: 3px; border: 1px solid #d9d9d9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.06); box-shadow: inset 0 1px 1px rgba(0,0,0,.06); -webkit-transition: border-color .3s,-webkit-box-shadow .3s; transition: border-color .3s,-webkit-box-shadow .3s; transition: border-color .3s,box-shadow .3s; transition: border-color .3s,box-shadow .3s,-webkit-box-shadow .3s } .swal2-modal .swal2-file.swal2-inputerror, .swal2-modal .swal2-input.swal2-inputerror, .swal2-modal .swal2-textarea.swal2-inputerror { border-color: #f27474 !important; -webkit-box-shadow: 0 0 2px #f27474 !important; box-shadow: 0 0 2px #f27474 !important } .swal2-modal .swal2-file:focus, .swal2-modal .swal2-input:focus, .swal2-modal .swal2-textarea:focus { outline: 0; border: 1px solid #b4dbed; -webkit-box-shadow: 0 0 3px #c4e6f5; box-shadow: 0 0 3px #c4e6f5 } .swal2-modal .swal2-file::-webkit-input-placeholder, .swal2-modal .swal2-input::-webkit-input-placeholder, .swal2-modal .swal2-textarea::-webkit-input-placeholder { color: #ccc } .swal2-modal .swal2-file:-ms-input-placeholder, .swal2-modal .swal2-input:-ms-input-placeholder, .swal2-modal .swal2-textarea:-ms-input-placeholder { color: #ccc } .swal2-modal .swal2-file::-ms-input-placeholder, .swal2-modal .swal2-input::-ms-input-placeholder, .swal2-modal .swal2-textarea::-ms-input-placeholder { color: #ccc } .swal2-modal .swal2-file::placeholder, .swal2-modal .swal2-input::placeholder, .swal2-modal .swal2-textarea::placeholder { color: #ccc } .swal2-modal .swal2-range input { float: left; width: 80% } .swal2-modal .swal2-range output { float: right; width: 20%; font-size: 20px; font-weight: 600; text-align: center } .swal2-modal .swal2-range input, .swal2-modal .swal2-range output { height: 43px; line-height: 43px; vertical-align: middle; margin: 20px auto; padding: 0 } .swal2-modal .swal2-input { height: 43px; padding: 0 12px } .swal2-modal .swal2-input[type=number] { max-width: 150px } .swal2-modal .swal2-file { font-size: 20px } .swal2-modal .swal2-textarea { height: 108px; padding: 12px } .swal2-modal .swal2-select { color: #545454; font-size: inherit; padding: 5px 10px; min-width: 40%; max-width: 100% } .swal2-modal .swal2-radio { border: 0 } .swal2-modal .swal2-radio label:not(:first-child) { margin-left: 20px } .swal2-modal .swal2-radio input, .swal2-modal .swal2-radio span { vertical-align: middle } .swal2-modal .swal2-radio input { margin: 0 3px 0 0 } .swal2-modal .swal2-checkbox { color: #545454 } .swal2-modal .swal2-checkbox input, .swal2-modal .swal2-checkbox span { vertical-align: middle } .swal2-modal .swal2-validationerror { background-color: #f0f0f0; margin: 0 -20px; overflow: hidden; padding: 10px; color: gray; font-size: 16px; font-weight: 300; display: none } .swal2-modal .swal2-validationerror::before { content: '!'; display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: #fff; line-height: 24px; text-align: center; margin-right: 10px } @supports (-ms-accelerator:true) { .swal2-range input { width: 100% !important } .swal2-range output { display: none } } @media all and (-ms-high-contrast:none),(-ms-high-contrast:active) { .swal2-range input { width: 100% !important } .swal2-range output { display: none } } .swal2-icon { width: 80px; height: 80px; border: 4px solid transparent; border-radius: 50%; margin: 20px auto 30px; padding: 0; position: relative; -webkit-box-sizing: content-box; box-sizing: content-box; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .swal2-icon.swal2-error { border-color: #f27474 } .swal2-icon.swal2-error .swal2-x-mark { position: relative; display: block } .swal2-icon.swal2-error [class^=swal2-x-mark-line] { position: absolute; height: 5px; width: 47px; background-color: #f27474; display: block; top: 37px; border-radius: 2px } .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px } .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px } .swal2-icon.swal2-warning { font-family: Roboto; color: #f8bb86; border-color: #facea8; font-size: 60px; line-height: 80px; text-align: center } .swal2-icon.swal2-info { font-family: 'Open Sans',sans-serif; color: #3fc3ee; border-color: #9de0f6; font-size: 60px; line-height: 80px; text-align: center } .swal2-icon.swal2-question { font-family: Roboto; color: #87adbd; border-color: #c9dae1; font-size: 60px; line-height: 80px; text-align: center } .swal2-icon.swal2-success { border-color: #a5dc86 } .swal2-icon.swal2-success [class^=swal2-success-circular-line] { border-radius: 50%; position: absolute; width: 60px; height: 120px; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] { border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px } .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] { border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 60px; transform-origin: 0 60px } .swal2-icon.swal2-success .swal2-success-ring { width: 80px; height: 80px; border: 4px solid rgba(165,220,134,.2); border-radius: 50%; -webkit-box-sizing: content-box; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2 } .swal2-icon.swal2-success .swal2-success-fix { width: 7px; height: 90px; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .swal2-icon.swal2-success [class^=swal2-success-line] { height: 5px; background-color: #a5dc86; display: block; border-radius: 2px; position: absolute; z-index: 2 } .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .swal2-progresssteps { font-weight: 600; margin: 0 0 20px; padding: 0 } .swal2-progresssteps li { display: inline-block; position: relative } .swal2-progresssteps .swal2-progresscircle { background: #3085d6; border-radius: 2em; color: #fff; height: 2em; line-height: 2em; text-align: center; width: 2em; z-index: 20 } .swal2-progresssteps .swal2-progresscircle:first-child { margin-left: 0 } .swal2-progresssteps .swal2-progresscircle:last-child { margin-right: 0 } .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep { background: #3085d6 } .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle { background: #add8e6 } .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline { background: #add8e6 } .swal2-progresssteps .swal2-progressline { background: #3085d6; height: .4em; margin: 0 -1px; z-index: 10 } [class^=swal2] { -webkit-tap-highlight-color: transparent } @-webkit-keyframes showSweetAlert { 0% { -webkit-transform: scale(.7); transform: scale(.7) } 45% { -webkit-transform: scale(1.05); transform: scale(1.05) } 80% { -webkit-transform: scale(.95); transform: scale(.95) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes showSweetAlert { 0% { -webkit-transform: scale(.7); transform: scale(.7) } 45% { -webkit-transform: scale(1.05); transform: scale(1.05) } 80% { -webkit-transform: scale(.95); transform: scale(.95) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes hideSweetAlert { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0 } } @keyframes hideSweetAlert { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0 } } .swal2-show { -webkit-animation: showSweetAlert .3s; animation: showSweetAlert .3s } .swal2-show.swal2-noanimation { -webkit-animation: none; animation: none } .swal2-hide { -webkit-animation: hideSweetAlert .15s forwards; animation: hideSweetAlert .15s forwards } .swal2-hide.swal2-noanimation { -webkit-animation: none; animation: none } @-webkit-keyframes animate-success-tip { 0% { width: 0; left: 1px; top: 19px } 54% { width: 0; left: 1px; top: 19px } 70% { width: 50px; left: -8px; top: 37px } 84% { width: 17px; left: 21px; top: 48px } 100% { width: 25px; left: 14px; top: 45px } } @keyframes animate-success-tip { 0% { width: 0; left: 1px; top: 19px } 54% { width: 0; left: 1px; top: 19px } 70% { width: 50px; left: -8px; top: 37px } 84% { width: 17px; left: 21px; top: 48px } 100% { width: 25px; left: 14px; top: 45px } } @-webkit-keyframes animate-success-long { 0% { width: 0; right: 46px; top: 54px } 65% { width: 0; right: 46px; top: 54px } 84% { width: 55px; right: 0; top: 35px } 100% { width: 47px; right: 8px; top: 38px } } @keyframes animate-success-long { 0% { width: 0; right: 46px; top: 54px } 65% { width: 0; right: 46px; top: 54px } 84% { width: 55px; right: 0; top: 35px } 100% { width: 47px; right: 8px; top: 38px } } @-webkit-keyframes rotatePlaceholder { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } 5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } 12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg) } 100% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg) } } @keyframes rotatePlaceholder { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } 5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } 12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg) } 100% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg) } } .swal2-animate-success-line-tip { -webkit-animation: animate-success-tip .75s; animation: animate-success-tip .75s } .swal2-animate-success-line-long { -webkit-animation: animate-success-long .75s; animation: animate-success-long .75s } .swal2-success.swal2-animate-success-icon .swal2-success-circular-line-right { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in } @-webkit-keyframes animate-error-icon { 0% { -webkit-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0 } 100% { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1 } } @keyframes animate-error-icon { 0% { -webkit-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0 } 100% { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1 } } .swal2-animate-error-icon { -webkit-animation: animate-error-icon .5s; animation: animate-error-icon .5s } @-webkit-keyframes animate-x-mark { 0% { -webkit-transform: scale(.4); transform: scale(.4); margin-top: 26px; opacity: 0 } 50% { -webkit-transform: scale(.4); transform: scale(.4); margin-top: 26px; opacity: 0 } 80% { -webkit-transform: scale(1.15); transform: scale(1.15); margin-top: -6px } 100% { -webkit-transform: scale(1); transform: scale(1); margin-top: 0; opacity: 1 } } @keyframes animate-x-mark { 0% { -webkit-transform: scale(.4); transform: scale(.4); margin-top: 26px; opacity: 0 } 50% { -webkit-transform: scale(.4); transform: scale(.4); margin-top: 26px; opacity: 0 } 80% { -webkit-transform: scale(1.15); transform: scale(1.15); margin-top: -6px } 100% { -webkit-transform: scale(1); transform: scale(1); margin-top: 0; opacity: 1 } } .swal2-animate-x-mark { -webkit-animation: animate-x-mark .5s; animation: animate-x-mark .5s } @-webkit-keyframes rotate-loading { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes rotate-loading { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } /** * SweetAlert2 — BYB design system (RTL, green confirm, soft error icon) */ .swal2-modal { direction: rtl; font-family: var(--font-family, IRANSans, Tahoma, sans-serif); width: min(22.5rem, calc(100vw - 2rem)) !important; padding: 1.75rem 1.5rem 1.25rem !important; border-radius: var(--radius-lg, 16px) !important; box-shadow: var(--shadow-card, 0 4px 12px -2px #EFEFF4) !important; } .swal2-modal .swal2-title { margin: 0 0 0.75rem !important; padding: 0 !important; font-size: 1rem !important; font-weight: 700 !important; line-height: 1.75 !important; color: var(--text-heading, #011725) !important; } .swal2-modal .swal2-content { margin: 0 !important; padding: 0 !important; font-size: 0.875rem !important; line-height: 1.8 !important; color: var(--text-primary, #2A2A2A) !important; text-align: right !important; } .swal2-modal .swal2-icon { width: 4rem !important; height: 4rem !important; margin: 0.25rem auto 1rem !important; border-width: 2px !important; } .swal2-icon.swal2-error { border-color: var(--danger, #CA3030) !important; color: var(--danger, #CA3030) !important; } .swal2-icon.swal2-error .swal2-x-mark { position: relative !important; flex-grow: 0 !important; } .swal2-icon.swal2-error [class^='swal2-x-mark-line'] { top: 50% !important; height: 2px !important; background-color: var(--danger, #CA3030) !important; } .swal2-icon.swal2-warning { border-color: var(--warning, #f59e0b) !important; color: var(--warning, #f59e0b) !important; } .swal2-icon.swal2-warning .swal2-icon-text { font-size: 2rem !important; font-weight: 400 !important; } .swal2-icon.swal2-success { border-color: var(--primary, #91BE51) !important; } .swal2-icon.swal2-info { border-color: var(--secondary, #338FC6) !important; color: var(--secondary, #338FC6) !important; } .swal2-icon.swal2-question { border-color: var(--secondary-400, #60A9D4) !important; color: var(--secondary-600, #0675B8) !important; } .swal2-modal .swal2-buttonswrapper { display: flex !important; flex-direction: column-reverse !important; gap: 0.5rem !important; width: 100% !important; margin-top: 1.25rem !important; } .swal2-modal .swal2-styled { margin: 0 !important; box-shadow: none !important; font-family: inherit !important; font-size: 1rem !important; font-weight: 500 !important; line-height: 1.5 !important; border-radius: var(--radius-sm, 8px) !important; } .swal2-modal .swal2-styled.swal2-confirm { width: 100% !important; padding: 0.75rem 1rem !important; background: var(--primary, #91BE51) !important; color: var(--text-on-primary, #fff) !important; } .swal2-modal .swal2-styled.swal2-confirm:hover, .swal2-modal .swal2-styled.swal2-confirm:active { background: var(--primary-hover, #749841) !important; } .swal2-modal .swal2-styled.swal2-confirm:focus { box-shadow: 0 0 0 2px var(--primary-100, #E9F2DC) !important; } .swal2-modal .swal2-styled.swal2-cancel { width: 100% !important; padding: 0.75rem 1rem !important; background: var(--surface-muted, #F3F3F3) !important; color: var(--text-heading, #011725) !important; } .swal2-modal .swal2-styled.swal2-cancel:hover, .swal2-modal .swal2-styled.swal2-cancel:active { background: var(--neutral-150, #DCDCDC) !important; } .swal-theme__list { text-align: right; color: var(--text-primary, #2A2A2A); } .swal-theme__reasons { margin: 0; padding-inline-start: 1.25rem; text-align: right; list-style: decimal; } .swal-theme__reasons li { margin-bottom: 0.625rem; line-height: 1.8; } .swal-theme__reasons li:last-child { margin-bottom: 0; }