/* Minification failed. Returning unminified contents. (243,21): run-time error CSS1035: Expected colon, found 'table' (7030,20): run-time error CSS1035: Expected colon, found 'float' (14690,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/' (15050,1): run-time error CSS1019: Unexpected token, found '3textarea' (16056,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16057,8): run-time error CSS1035: Expected colon, found '{' (16061,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16062,8): run-time error CSS1035: Expected colon, found '{' (16139,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '12.5%' (16180,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '12.5%' (16229,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16230,10): run-time error CSS1035: Expected colon, found '{' (16249,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16250,10): run-time error CSS1035: Expected colon, found '{' (16269,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16270,10): run-time error CSS1035: Expected colon, found '{' (16286,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16287,10): run-time error CSS1035: Expected colon, found '{' (16303,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16304,10): run-time error CSS1035: Expected colon, found '{' (16320,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16321,10): run-time error CSS1035: Expected colon, found '{' (16337,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16338,10): run-time error CSS1035: Expected colon, found '{' (16354,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16355,10): run-time error CSS1035: Expected colon, found '{' (16438,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16439,10): run-time error CSS1035: Expected colon, found '{' (16449,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16450,10): run-time error CSS1035: Expected colon, found '{' (16463,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16464,10): run-time error CSS1035: Expected colon, found '{' (16474,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16475,10): run-time error CSS1035: Expected colon, found '{' (16494,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16495,10): run-time error CSS1035: Expected colon, found '{' (16502,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16503,10): run-time error CSS1035: Expected colon, found '{' (16791,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16792,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16808,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17514,84177): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17514,84221): run-time error CSS1035: Expected colon, found '{' (17514,84372): run-time error CSS1019: Unexpected token, found '@keyframes' (17514,84408): run-time error CSS1035: Expected colon, found '{' (18332,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18357,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18388,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18389,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18397,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18398,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18412,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18413,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18426,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18444,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18445,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18474,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18475,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18508,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18509,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18529,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18554,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18555,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (18576,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18577,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (18604,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18605,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18632,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18633,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18666,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18667,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18696,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18697,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18730,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18731,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '11.1%' (18768,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18769,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '11.1%' (18812,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18813,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18845,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18846,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18882,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18883,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18910,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18911,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18942,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18943,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18970,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18971,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19002,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19003,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19030,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19031,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19062,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19063,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19090,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19122,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (19139,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (19160,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (19177,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (19198,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (19210,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (19226,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (19238,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (19254,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (19271,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (19292,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19300,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19312,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19324,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19340,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19352,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19368,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19380,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19396,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19408,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19424,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19436,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19452,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19464,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19465,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19480,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19481,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19492,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19493,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19508,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19509,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19520,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19521,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19536,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19537,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19544,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19545,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19556,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19557,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19566,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19567,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19580,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19581,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19590,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19591,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19604,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19605,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19614,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19615,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19628,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19629,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19638,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19639,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19652,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19653,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19662,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19676,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19677,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19686,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19687,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19700,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19701,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19710,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19711,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19724,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19725,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19734,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19735,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19748,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19749,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19780,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19781,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19818,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19819,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19846,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19847,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19880,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19881,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19908,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19909,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19942,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19943,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19958,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19959,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19980,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19981,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19996,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19997,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20018,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20040,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20041,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20068,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20069,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20078,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20094,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20110,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20130,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20146,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20166,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20182,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20202,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20218,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20238,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20254,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20274,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20288,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20306,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20320,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20338,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20352,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20370,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20371,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20384,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20402,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20403,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20416,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20434,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20466,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20504,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20505,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20516,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20517,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20534,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20535,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20544,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20545,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20558,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20559,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20568,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20569,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20582,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20583,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20598,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20599,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20618,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20619,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20634,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20635,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20654,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20655,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20670,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20671,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20690,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20691,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20706,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20707,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20726,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20727,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20739,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20740,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20756,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20757,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (20774,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20775,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (20796,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20797,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (20810,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20811,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (20828,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20829,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (20842,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (20860,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (20878,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (20900,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20911,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20912,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20926,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20927,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20937,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20938,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20952,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20953,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20963,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20964,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20978,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20979,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20989,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20990,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21004,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21005,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21015,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21030,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21031,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21041,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21042,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21056,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21057,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21067,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21068,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21082,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (21083,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21093,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21094,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ /*----------------------------------------- [MASTER STYLE SHEET] * Project: The Travel * Version: v2.0 * Copyright 2016-2020 rn53themes * V1.0: 03/09/2016 * V2.0: 24/08/2017 * Author: RN53 Themes * Email: rn53themes@gmail.com * Website: http://www.rn53themes.net -----------------------------------------------*/ /*------------------------------------------------- = TABLE OF CSS 1.COMMON CSS 2.HEADER(LOG0 & HELP LINE) 3.NAVIGATION MENU 4.SLIDER & INNER PAGE BANNER 5.SLIDER ENQUIRY 6.TOUR PLACES 6.1 HOTELS 7.FREE CONSULTANT 8.EVENTS 9.POPULAR TOUR PLACES 10.REQUEST A QUOTE 11.TIPS BEFORE TRAVEL 11.1 TIPS BEFORE TRAVEL 11.2 CUSTOMER TESTIMONIALS 11.3 ARRANGEMENTS & HELPS 12.FOOTER 1 12.1 OFFERS 12.2 MOST POPULAR VACATIONS 13.FOOTER 2 13.1 ADDRESS 13.2 SUBSCRIBE 13.2 FAQ 13.2 LOCATION 13.5 SOCIAL MEDIA 14.COPY RIGHTS 15.INNER PAGE 15.1 COMMON BANNER 15.2 ALL INNER PAGE STYLES 16.PRE LOADING 17.REVIEWS 18.TOP TRENDINGS 19.INNER PAGE LISTING 20.LISTING 21.LISTING SOCIAL SHARE 22.ROOM AVAILABILITY CHECK 23.SOCIAL MEDIA SHARE 24.MY ACCOUNT DROP DOWN -------------------------------------------------*/ /*-------------------------------------------------------*/ /* 1.COMMON CSS /*-------------------------------------------------------*/ body { font-family: 'Poppins', sans-serif; font-size: 14px; color: #727070; background: url(../images/Body/hexellence.png) } a { text-decoration: none; cursor: pointer; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } a:hover { text-decoration: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } a, p, li, td, span { font-size: 14.5px; line-height: 24px; font-family: 'Poppins', sans-serif; font-weight: 400; } h1, h2, h3, h4, h5, th { font-family: 'Quicksand', sans-serif; font-weight: 700; } .link-btn { text-transform: uppercase; font-weight: 700; text-decoration: none; padding: 6px 15px; border-radius: 2px; display: inline-block; font-family: 'Quicksand', sans-serif; text-decoration: none; display: inline-block; cursor: pointer; color: #fff !important; /* font-family: Arial; */ font-size: 13px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; background: #f4364f; background: linear-gradient(to bottom,#f4364f,#dc2039); } .link-btn:hover { background-color: #e23464; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; color: #fff; } .div { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .div:hover { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .com-colo-abou { } .com-colo-abou p, li { color: #000; } .inn-page-bg { position: relative; overflow: hidden; /*background: #f3f3f3;*/ } .inn-page-con-bg { position: relative; overflow: hidden; /*background: #fff;*/ box-shadow: 0px -2px 7px rgba(150, 150, 150, 0.4); } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #6b7a88; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #6b7a88; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #6b7a88; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #909; } /*-------------------------------------------------------*/ /* 2.HEADER(LOG0 & HELP LINE) /*-------------------------------------------------------*/ .head { background: #ffffff; padding: 15px 0px; -webkit-transition: opacity 2s ease-in; -moz-transition: opacity 2s ease-in; -o-transition: opacity 2s ease-in; -ms-transition: opacity 2s ease-in; transition: opacity 2s ease-in; } .head_left { padding-left: 0px !important; } .head_left img { } .affix { position: fixed; width: 100%; z-index: 999; box-shadow: 0px 0px 18px -3px rgba(0, 0, 0, 0.43); -webkit-transition: opacity 2s ease-in; -moz-transition: opacity 2s ease-in; -o-transition: opacity 2s ease-in; -ms-transition: opacity 2s ease-in; transition: opacity 2s ease-in; } .head_right_all { padding-right: 1px !important; } .head_right { } .head_right ul { padding: 0px; margin: 0 auto; /* display: table; */ float: right; } .head_right ul li { display: inline-block; vertical-align: bottom; } .head_right ul li a { font-size: 13px; font-weight: 600; text-decoration: none; font-family: 'Quicksand', sans-serif; } .head_right ul li:first-child a { padding-right: 7px; color: #5e6469; } .head_right ul li:nth-child(2) a { padding-right: 7px; color: #5e6469; } .head_right ul li:nth-child(3) a { /* color: #757575; */ } .head_right ul li a i { } .head_right ul li a .fa-facebook { background: #3b5998; } .head_right ul li a .fa-google-plus { background: #dd4b39; } .head_right ul li a .fa-twitter { background: #55acee; } .head_right ul li a .fa-linkedin { background: #0077b5; } .head_right ul li a .fa-whatsapp { background: #3ead19; } .head_right ul li:nth-child(2) { } .spe-title { text-align: center; position: relative; overflow: hidden; /*margin-bottom: 50px;*/ } .spe-title h2 { .tour_head1 table tr td margin-bottom: 0px; padding-bottom: 20px; margin-top: 0px; text-transform: capitalize; font-size: 28px; color: #253d52; /* text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.59); */ } .spe-title h2 span { color: #f4364f; font-size: 28px; font-weight: 600; font-family: 'Quicksand', sans-serif; } .spe-title p { margin-bottom: 0px; font-size: 20px; font-weight: 400; padding-top: 12px; color: #000; font-family: 'Quicksand', sans-serif; } .spe-title-1 { } .spe-title-1 h2 { color: #253d52; } .spe-title-1 h2 span { } .spe-title-1 p { color: #4e5963; } .title-line { margin-top: -10px; } .tl-1 { width: 80px; height: 1px; display: inline-block; background: #eee; } .tl-2 { display: inline-block; height: 12px; margin: 0 5px; position: relative; top: 5px; width: 12px; border: 1px solid #ebc131; border-radius: 50px; } .tl-3 { width: 80px; height: 1px; display: inline-block; background: #eee; } /*-------------------------------------------------------*/ /* 3.NAVIGATION MENU(NOTE:OTHER NAVIGATION CSS FILES FIND ON BOOTSTRAP.CSS ) /*-------------------------------------------------------*/ .menu_book { float: right; position: relative; overflow: hidden; margin-top: 10px; } .nav > li > a { font-weight: 600; font-size: 14px; font-family: 'Quicksand', sans-serif; } .dropdown-menu > li > a { font-weight: 500; font-size: 14px; font-family: 'Quicksand', sans-serif; } .menu_book a { font-weight: 700; text-decoration: none; color: #fff; padding: 6px 15px; border-radius: 2px; display: inline-block; background: #1aa5d8; background: linear-gradient(to bottom, #1aa5d8, #1386b1); font-family: 'Quicksand', sans-serif; } .menu_book a:hover { color: #fff; background: #4cb2db; border-radius: 2px; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25); } .dropdown-menu > li > a { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .dropdown-menu > li > a { } .dropdown-menu > li > a:hover { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; background-color: #1aa5d8; cursor: pointer; padding-left: 25px; } /*-------------------------------------------------------*/ /* 4.SLIDER & INNER PAGE BANNER /*-------------------------------------------------------*/ section.c3 { position: relative; width: 100%; overflow: hidden; background-size: cover; } .item { } /*.carousel-inner > .item > img, .carousel-inner > .item > a > img { float: right; }*/ .slider-cap { font-family: 'Montserrat', sans-serif; } .slider-cap h1 { font-size: 40px; /* text-transform: uppercase; */ font-weight: 700; } .slider-cap h5 { } .slider-cap p { font-size: 20px; font-weight: 400; /* font-family: 'Raleway', sans-serif; */ padding-bottom: 30px; padding-top: 15px; line-height: 32px; color: #fff; } .slider-cap a { text-decoration: none; color: #FFF; padding: 8px 15px 10px 15px; background: #1aa5d8; border-radius: 50px; font-weight: 700; /* box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25); */ /* text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.47); */ font-size: 16px; } .slider-cap a:hover { transition: all 0.5s ease; background: #1aa5d8; color: #000; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0); } .banner { background: url('../images/banner.jpg') no-repeat; background-size: cover; padding: 100px 0px; position: relative; } .banner:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(76, 97, 175, 0.34); } .banner h1 { } .banner p { } .home_enq { background: #253d52; } .tp-simpleresponsive a { text-decoration: none; color: #FFF; padding: 5px 10px; background: #03a9f4; border-radius: 50px; margin-left: 25px; font-weight: 700; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25); } .tp-simpleresponsive a:hover { text-decoration: none; background: #E7AF06; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; color: #F3F3F3; } .tb-space { padding: 25px 0px; } .tb-space-inn { padding: 40px 0px; } /*-------------------------------------------------------*/ /* 5.SLIDER ENQUIRY /*-------------------------------------------------------*/ .home_form { } .home_form form { } .home_form form ul { padding: 8px 8px 4px 8px; margin-bottom: 0px; position: relative; overflow: hidden; } .home_form form ul li { display: inline-block; line-height: 10px; padding: 5px 0px; } .home_form form ul li:nth-child(2) input { position: relative; } .home_form form ul li:nth-child(2):before { } .home_form form ul li h4 { color: #fff; text-transform: uppercase; margin-top: 8px; } .home_form form ul li input { border: 0px; padding: 8px; border-radius: 2px; width: 95%; } .home_form form ul li textarea { border: 0px; padding: 7px; border-radius: 2px; resize: none; } .home_form form ul li input[type="submit"] { background: #1aa5d8; line-height: 13px; font-weight: 600; padding-top: 11px; color: #ffffff; /* text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.62); */ text-align: center; } /*-------------------------------------------------------*/ /* 6.TOUR PLACES /*-------------------------------------------------------*/ .b_pack { position: relative; overflow: hidden; background: #ffffff; -webkit-box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.32); -moz-box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.32); box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.32); o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; margin-bottom: 30px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } .b_pack h4 { font-size: 14px; text-transform: uppercase; margin: 15px 0; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .b_pack h4 a { color: #000000; text-decoration: none; font-family: 'Quicksand', sans-serif; font-weight: 600; } .v_pl_name { text-transform: capitalize; padding: 5px; color: #6C6C6C; font-weight: 500; } .v_place_img { position: relative; overflow: hidden; } .v_place_img img { width: 100% !important; } .b_packages img { width: 100%; -webkit-transition: 0.4s ease; transition: 0.4s ease; } .b_packages img:hover { -webkit-transform: scale(1.08); transform: scale(1.08); } .band { width: 50px; height: auto; position: absolute; z-index: 9; left: 13px; top: -6px; } .band img:hover { -webkit-transform: scale(01.0); transform: scale(01.0); } .home_title { } .home_title h1 { text-align: center; color: #424e57; text-transform: uppercase; font-weight: 700; font-size: 36px; margin-top: 0px; } .home_title h1 span { color: #00BCD4; } .home_title p { color: #707275; /* margin-bottom: 30px; */ text-align: center; } .pack_icon { } .pack_icon ul { padding: 0px; padding-top: 15px; position: relative; overflow: hidden; margin-bottom: 0px; } .pack_icon ul li { display: inline-block; width: 25%; float: left; } .pack_icon ul li a { } .b_pack div { /* padding-right: 0px; */ /* padding-left: 7px; */ } .pack_icon_2 img { width: 22px; } .home_all { background: #1aa5d8; border-bottom: 2px solid #e3aa00; border-radius: 3px; margin: 0 auto; display: table; text-decoration: none; color: #000; padding: 5px 10px; /* margin-bottom: 35px; */ } .h_con { background: #1aa5d8; position: relative; overflow: hidden; } .home_consul_1 { padding-right: 0px; padding-left: 0px; } .home_consul_1 img { width: 100%; } .home_consul { overflow: hidden; padding: 0px 50px; } .home_consul h1 { font-size: 42px; padding: 5px 0px 25px 0px; } .home_consul h4 { font-size: 34px; color: #fff; text-transform: uppercase; padding: 10px 0px 25px 0px; } .home_consul p { line-height: 35px; } .home_consul a { background: #ffffff; border-bottom: 2px solid #d6a204; border-radius: 3px; /* margin: 0 auto; */ display: table; text-decoration: none; color: #000; padding: 5px 10px; margin-top: 40px; text-transform: uppercase; font-size: 20px; font-weight: 700; cursor: pointer; } .tout-map { } .tout-map iframe { height: 300px; width: 100%; border: 0px; } /*-------------------------------------------------------*/ /* 6.1.HOTELS /*-------------------------------------------------------*/ .to-ho-hotel-con { position: relative; overflow: hidden; border: 1px solid #dfdfdf; box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.09); margin-bottom: 30px; } .to-ho-hotel-con-1 { position: relative; } .to-ho-hotel-con-1:before { content: ''; position: absolute; background: linear-gradient(to top, rgba(0, 0, 0, 0.72) 14%, rgba(0, 0, 0, 0.08) 35%); top: 0px; bottom: 0px; left: 0px; width: 100%; } .to-ho-hotel-con-1 img { width: 100%; } .to-ho-hotel-con-23 { position: relative; overflow: hidden; padding: 20px; } .to-ho-hotel-con-2 { } .to-ho-hotel-con-2 h4 { margin-top: 0px; padding-bottom: 10px; margin-bottom: 0px; } .to-ho-hotel-con-2 a { color: #333; } .to-ho-hotel-con-3 { } .to-ho-hotel-con-3 ul { padding: 0px; margin-bottom: 0px; } .to-ho-hotel-con-3 ul li { list-style-type: none; float: left; } .to-ho-hotel-con-3 ul li:last-child { float: right; padding-top: 10px; } .ho-hot-rat-star { padding-bottom: 0px !important; } .ho-hot-rat-star i { font-size: 14px !important; padding-left: 3px; } .ho-hot-rat-star-list { } .ho-hot-rat-star-list i { color: #04abc0; } .hot-list-left-part-rat { width: 25px; height: 25px; background-color: #04abc0; /* bottom: 8px; */ padding: 4px; border-radius: 2px; color: #fff; font-weight: 600; text-align: center; font-size: 12px; text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.28); margin-right: 10px; } .ho-hot-pri { font-size: 38px; font-weight: 600; color: #f4364f; float: right; } .ho-hot-pri-dis { font-weight: 400; color: #000; float: right; padding: 0px 5px; display: none; } .hot-page2-hli-3 { width: 35px; height: 35px; position: absolute; background-color: rgba(255, 197, 37, 0.79); /* bottom: 8px; */ padding: 4px; margin: 9px 5px; right: 5px; border-radius: 5px; } .to-ho-hotel-con-4 { position: relative; overflow: hidden; width: 100%; padding-top: 14px; } .to-ho-hotel-con-4 a { float: left; width: 47%; text-align: center; } .to-ho-hotel-con-5 { position: relative; overflow: hidden; width: 100%; padding-top: 12px; } .to-ho-hotel-con-5 ul { margin-bottom: 0px; padding: 0px; } .to-ho-hotel-con-5 ul li { float: left; list-style-type: none; display: inline-block; width: 25%; } .to-ho-hotel-con-5 ul li a { display: block; border: 1px solid #ececec; margin: 2px; padding: 0px 5px; font-size: 12px; color: #8a8a8a; text-align: center; } .to-ho-hotel-con-5 ul li a i { padding-right: 5px; } .hom-hot-book-btn { margin-right: 3%; } .hom-hot-view-btn { margin-left: 3%; } .hom-hot-av-tic-slider { /*background-color: #f4364f;*/ background-color: #fff; bottom: 15px; padding: 3px 8px; margin: 0px 0px; right: 15px; font-weight: 500; color: #f4364f; border-radius: 25px; border: 1px solid #253747; font-family: 'Quicksand', sans-serif; width: 35% !important; } .hom-hot-av-tic-slider-new { background-color: #fff; bottom: 15px; padding: 3px 8px; margin: 0px 0px; right: 15px; font-weight: 200; color: #000; border-radius: 25px; border: 1px solid #253747; font-family: 'Quicksand', sans-serif; width: 100% !important; display: table-cell; } .hom-hot-av-tic-slider-mob { background-color: #fff; bottom: 15px; padding: 3px 8px; margin-top: 100%; right: 15px; font-weight: 500; color: #f4364f; border-radius: 25px; border: 1px solid #253747; font-family: 'Quicksand', sans-serif; width: 100% !important; display: table-cell; } .hom-hot-av-tic { position: absolute; background-color: #8bc34a9e; bottom: 15px; padding: 3px 8px; margin: 0px 0px; right: 15px; font-weight: 500; color: #fff; border-radius: 25px; border: 1px solid #253747; font-family: 'Quicksand', sans-serif; } .hom-hot-av-tic-list { left: 10px; right: inherit; bottom: 10px; border-radius: 2px; background: rgba(139, 195, 74, 0.66); color: #fff; font-weight: 600; padding: 3px 8px; font-size: 13px; } /*-------------------------------------------------------*/ /* ROOMS: HOTEL BOOKING /*-------------------------------------------------------*/ .hotel-book-room { margin-bottom: 50px; } .carousel-inner1 > .item > img, .carousel-inner1 > .item > a > img { width: 100%; margin: auto; } .carousel-indicators-1:hover { overflow-y: auto; } .tr-room-type { } .tr-room-type ul { padding: 0px; margin-bottom: 0px; } .tr-room-type ul li { list-style-type: none; width: 100%; position: relative; overflow: hidden; border-bottom: 1px solid #cecece; padding-bottom: 20px; margin-bottom: 20px; } .tr-room-type-list { } .tr-room-type-list p b { color: #213d44; } .tr-room-type-list span b { color: #213d44; } .tr-room-type-list-1 { padding-left: 0px !important; } .tr-room-type-list-1 img { width: 100%; } .tr-room-type-list-2 h4 { margin-top: 0px; color: #213d44; text-transform: uppercase; font-weight: 600; font-size: 16px; } .tr-room-type-list-2 span { display: block; } .tr-room-type-list-3 { } .tr-room-type-list-3 span { display: block; text-align: center; margin-bottom: 15px; } /*-------------------------------------------------------*/ /* 7.FREE CONSULTANT /*-------------------------------------------------------*/ .tour-consul { background: url(../images/consul-bg.jpeg) no-repeat #00BCD4; background-size: cover; position: relative; overflow: hidden; background-attachment: fixed; } .tour-consul::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0px; bottom: 0px; background: rgba(19, 40, 58, 0.87); } .tour-consul { } .tour-consul h2 { color: #fff; text-transform: uppercase; font-size: 42px; margin-top: 25px; margin-bottom: 0px; /* border-top: 1px solid #1aa5d8; */ /* border-bottom: 1px solid #1aa5d8; */ /* padding-top: 20px; */ /* padding-bottom: 20px; */ /* margin-bottom: 25px; */ font-family: 'Poppins', sans-serif; font-weight: 600; } .tour-consul p { color: #d4d8d8; font-size: 16px; font-weight: 500; margin-top: 24px; margin-bottom: 0px; border-top: 1px solid rgb(76, 84, 90); border-bottom: 1px solid rgb(76, 84, 90); padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; } .to-con-1 { background: #1aa5d8; color: #000; font-weight: 600; text-transform: uppercase; padding: 5px 8px; } .to-con-2 { color: #fff; font-size: 30px; margin-top: 5px; margin-bottom: 25px; /* text-transform: uppercase; */ font-weight: 700; text-decoration: none; padding: 6px 15px; border-radius: 2px; display: inline-block; background: #1aa5d8; background: linear-gradient(to bottom, #2e9da2, #13b194); font-family: 'Quicksand', sans-serif; } .to-con-3 { text-transform: uppercase; font-weight: 700; text-decoration: none; padding: 6px 15px; border-radius: 2px; display: inline-block; background: #1aa5d8; background: linear-gradient(to bottom, #1aa5d8, #1386b1); font-family: 'Quicksand', sans-serif; } .to-con-4 { text-transform: uppercase; font-weight: 700; text-decoration: none; padding: 6px 15px; border-radius: 2px; display: inline-block; background: #1aa5d8; background: linear-gradient(to bottom, #1aa5d8, #1386b1); font-family: 'Quicksand', sans-serif; } .ho-con-cont { } .ho-vid { } .ho-vid img { width: 100%; } /*-------------------------------------------------------*/ /* 8.EVENTS /*-------------------------------------------------------*/ .events table { width: 100%; } .events table tr { line-height: 50px; border-bottom: 1px solid #e9e9e9; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .events table tr:hover { background: #e9f2f3; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .events table tr th { color: #4A505D; font-size: 18px; line-height: 40px; font-weight: 600; font-family: 'Quicksand', sans-serif; } .events table tr td { color: #727070; font-size: 15px; } .events table tr td:first-child { text-align: center !important; padding-right: 5px; } .events table tr td a { text-decoration: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; font-weight: 700; text-decoration: none; color: #253d52; padding: 6px 15px; border-radius: 2px; display: inline-block; font-family: 'Quicksand', sans-serif; } .events table tr td a:hover { background: #e23464; background: linear-gradient(to bottom,#de253f,#df275a); } .events table tr th:first-child { text-align: center !important; padding-right: 5px; } .events-1 { font-family: 'Montserrat', sans-serif; } .events-1 h1 { margin-top: 0px; } .events img { width: 110px; padding: 10px 15px 10px 0px; } .events-title { background: none !important; /* font-family: 'Montserrat', sans-serif; */ /* text-transform: uppercase; */ font-size: 15px; margin-bottom: 30px; /* font-weight: 600; */ /* color: #213d44; */ } #myInput { background-image: url('../images/searchicon.png'); background-position: 10px 10px; background-repeat: no-repeat; width: 100%; font-size: 16px; padding: 12px 20px 12px 40px; border: 1px solid #ddd; margin-bottom: 12px; } #myTable { border-collapse: collapse; width: 100%; border: 1px solid #ddd; font-size: 18px; } #myTable th, #myTable td { text-align: left; padding: 0px 12px; } #myTable tr { border-bottom: 1px solid #ddd; } #myTable tr.header, #myTable tr:hover { background-color: #f1f1f1; } .events table tr:first-child { } .events table tr:first-child:hover { background: none; } /*-------------------------------------------------------*/ /* 9.POPULAR TOUR PLACES /*-------------------------------------------------------*/ .place { margin-bottom: 30px; } .popu-places-home { position: relative; overflow: hidden; } .place img { width: 100%; border-radius: 5px; /* border: 3px solid #24272d; */ box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.29); } .place img:hover { } .pla { background: #eff5fb; background-size: cover; /* margin-top: 35px; */ position: relative; overflow: hidden; background-attachment: fixed; } .pla::before { content: ''; position: absolute; width: 100%; bottom: 0px; top: 0px; background: #e23464; background: linear-gradient(to bottom,#f2f9ff,#e1e4e8); } .pla1 { padding-right: 0px !important; padding-left: 0px !important; } .place h3 { color: #253d52; font-size: 18px; text-transform: uppercase; line-height: 34px; margin-top: 0px; margin-bottom: 0px; font-family: 'Quicksand', sans-serif; font-weight: 600; } .place h3 span { color: #253d52; display: block; font-weight: 600; font-family: 'Quicksand', sans-serif; text-transform: capitalize; } .place p { color: #253d52; padding: 10px 0px; margin-bottom: 10px; text-align: left; font-size: 14px; } .place a { } .place a:hover { } .pla1 h1 { text-align: center; color: #ffffff; text-transform: uppercase; font-weight: 700; font-size: 36px; margin-top: 0px; padding-bottom: 40px; position: relative; /* padding-top: 15px; */ } .pla1 h1 span { color: #00BCD4; } /*-------------------------------------------------------*/ /* 10.REQUEST A QUOTE /*-------------------------------------------------------*/ .form_1 ul { padding: 0px; position: relative; overflow: hidden; margin-bottom: 0px; } .form_1 ul li { list-style-type: none; width: 50%; float: left; padding: 0px 8px 16px 8px; box-sizing: border-box; } .form_1 ul li:last-child { padding-bottom: 0px; } .form_1 ul li input { border: 1px solid #bbbbbb; width: 100%; padding: 10px; border-radius: 3px; } .form_1 ul li input[placeholder] { color: #6b7a88; } .form_1 ul li select { color: #6b7a88; } .form_1 ul li textarea { border: 1px solid #bbbbbb; resize: none; border-radius: 3px; width: 100%; } .form_1 ul li select { border: 1px solid #bbbbbb; width: 100%; padding: 14px 10px; border-radius: 3px; } .form_book ul li:nth-child(13) { width: 100%; } .form_book ul li:nth-child(7) { width: 50% !important; } .form_1 ul li:nth-child(7) textarea { height: 120px; padding: 10px; background: #fff; } .form_book select { } .form_1 ul li:nth-child(7) { width: 100%; } .form_1 ul li input[type="submit"] { font-weight: 700; text-decoration: none; color: #fff; padding: 12px 15px; border-radius: 2px; display: inline-block; background: #1aa5d8; background: linear-gradient(to bottom, #1aa5d8, #1386b1); font-family: 'Quicksand', sans-serif; border: 0px; text-transform: uppercase; } .form_1 ul li input[type="submit"]:hover { } .form { background: url(../images/cloud.png) no-repeat bottom center; padding: 100px 0px 45px 0px; background-size: contain; } .form_booking { background: url('../images/cloud.png') no-repeat bottom center #f2f8f9; padding: 100px 0px 45px 0px; background-size: contain; } .form-spac { padding: 100px 0px; } .form_book_1 ul li:nth-child(11) { width: 100%; } /*-------------------------------------------------------*/ /* 10.REQUEST A QUOTE: FAMILY IMAGE /*-------------------------------------------------------*/ .family { } .family img { width: 95%; margin-bottom: -45px; } /*-------------------------------------------------------*/ /* 11.TIPS BEFORE TRAVEL /*-------------------------------------------------------*/ .tips { /*background: url('../images/tipsbg.jpg') no-repeat center center #f0f2f2;*/ background-size: cover; position: relative; overflow: hidden; /* padding: 25px 0px 20px 0px; */ /* margin-top: 40px; */ } .tips-home tb-space { /* margin-top: 0px; */ } .home_tip { margin-top: 0px; } /*-------------------------------------------------------*/ /* 11.1 TIPS BEFORE TRAVEL /*-------------------------------------------------------*/ .tips h3 { background: #2ea5d3; display: inline-block; color: #ffffff; text-transform: uppercase; padding: 5px 8px 3px 8px; font-weight: 500; margin-top: 0px; font-size: 20px; } .tips_left { padding-left: 100px; padding-bottom: 25px; } .tips_left h5 { color: #0f0f0f; font-size: 18px; } .tips_left p { color: #1e2021; text-align: left; } .tips_left_1 { background: url('../images/tips1.png') no-repeat left top; margin-top: 25px; } .tips_left_2 { background: url('../images/tips2.png') no-repeat left top; } .tips_left_3 { background: url('../images/tips3.png') no-repeat left top; padding-bottom: 5px; } .tips p { line-height: 25px; text-align: left; margin-bottom: 12px; } /*-------------------------------------------------------*/ /* 11.2 CUSTOMER TESTIMONIALS /*-------------------------------------------------------*/ .testi { background: url('../images/testi_img.png') no-repeat left top; padding-left: 116px; margin-top: 20px; padding-bottom: 15px; } .testi h4 { } .testi p { color: #1e2021; } .testi address { color: #1e2021; } .testi a { background: #14A0D6; color: #000; /* font-weight: 600; */ border-radius: 0px; padding: 5px 10px; text-decoration: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; border-radius: 50px; } .testi a:hover { background: #1aa5d8; color: #000; } .p-tesi { border: 1px #e0e0e0; border-style: dashed; position: relative; overflow: hidden; margin-bottom: 30px; padding: 20px 15px; } .p-tesi h4 { color: #253d52; margin-top: 0px; } .p-tesi p { } .p-tesi address { margin-bottom: 0px; color: #253d52; /* font-style: italic; */ font-weight: 600; } /*-------------------------------------------------------*/ /* 11.3 ARRANGEMENTS & HELPS /*-------------------------------------------------------*/ .arrange { padding-top: 12px; } .arrange ul { padding: 0px; margin-bottom: 0px; } .arrange ul li { width: 48%; /* float: left; */ list-style-type: none; padding: 5px; /* box-sizing: content-box; */ display: inline-block; } .arrange ul li a { } .arrange ul li a img { width: 100%; } /*-------------------------------------------------------*/ /* 12.FOOTER 1 /*-------------------------------------------------------*/ .footer { background: #000000; position: relative; overflow: hidden; padding-bottom: 85px; } .footer h4 { color: #acadaf; text-transform: uppercase; padding-bottom: 15px; } .foot-social { } .foot-social ul { padding: 0px; } .foot-social ul li { list-style-type: none; float: left; padding-right: 10px; } .foot-social ul li i { font-size: 16px; width: 32px; height: 32px; border: 1px solid #2d2d2d; border-radius: 50px; padding: 7px; text-align: center; /* background: #1aa5d8; */ color: #fff; } footer ul li a { color: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .foot-social ul li a:hover { padding-left: 0px; } .foot-logo { } .foot-logo img { padding-bottom: 20px; } .foot-spec { } .foot-spec span { color: #acadaf; text-transform: uppercase; font-family: 'Quicksand', sans-serif; font-weight: 700; font-size: 18px; } .foot-sec2 p { color: #fff; } .two-columns { padding: 0px; } .two-columns li { width: 50%; float: left; list-style-type: none; } .two-columns::after { content: ""; display: table; clear: both; } .two-columns li a { color: #fff; } /*-------------------------------------------------------*/ /* 13.5 SOCIAL MEDIA /*-------------------------------------------------------*/ .footer_social { } .footer_social ul { padding: 0px; } .footer_social ul li { display: inline-block; } .footer_social ul li a { color: #fff; text-decoration: none; } .footer_social ul li a i { } .footer_social ul li a .fa-facebook { background: #3b5998; padding: 10px 15px; } .footer_social ul li a .fa-google-plus { background: #dd4b39; padding: 10px 10px; } .footer_social ul li a .fa-twitter { background: #55acee; padding: 10px 12px; } .footer_social ul li a .fa-linkedin { background: #0077b5; padding: 11px 12px; } .footer_social iframe { width: 100%; display: block; pointer-events: none; position: relative; /* IE needs a position other than static */ } .footer_social iframe.clicked { pointer-events: auto; } /*-------------------------------------------------------*/ /* 13.2 SUBSCRIBE /*-------------------------------------------------------*/ .footer_sub { } .footer_sub input { width: 100%; border: 0px; padding: 7px 5px; margin-bottom: 12px; border-radius: 1px; } .footer_sub input[type="submit"] { background: #FF5722; color: #000; font-weight: 600; border-radius: 0px; padding: 5px 10px; text-decoration: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; border-radius: 1px; width: 50%; float: right; margin-bottom: 45px; } /*-------------------------------------------------------*/ /* 13.2 FAQ /*-------------------------------------------------------*/ .footer_faq { } .footer_faq ul { padding: 0px; } .footer_faq ul li { list-style-type: none; } .footer_faq ul li a { display: block; color: #fff; text-decoration: none; line-height: 30px; text-transform: uppercase; } .footer_faq p { color: #fff; } .mob_logo { display: none; } /*-------------------------------------------------------*/ /* 12.1 OFFERS & DISCOUNTS /*-------------------------------------------------------*/ .disco { background: url('../images/f1.png') no-repeat center center; background-size: cover; padding: 20px 15px 22px 15px; text-align: center; /* margin-bottom: 30px; */ } .disco1 { background: url('../images/f2.png') no-repeat center center; background-size: cover; } .disco h3 { color: #FFEB3B; font-size: 38px; margin-top: 0px; font-weight: 700; } .disco h3 span { color: #fff; } .disco h4 { color: #fff; } .disco p { color: #fff; margin-top: 0px; } .disco a { font-weight: 700; text-decoration: none; color: #fff; padding: 6px 15px; border-radius: 2px; display: inline-block; font-family: 'Quicksand', sans-serif; /* padding: 6px; */ transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; font-weight: 700; background: #f4364f; background: linear-gradient(to bottom,#f4364f,#dc2039); } .disco a:hover { background: #D46600; color: #fff; } /*-------------------------------------------------------*/ /* 12.2 MOST POPULAR VACATIONS /*-------------------------------------------------------*/ .footer1 { background: #000000; padding: 100px 0px 50px 0px; border-top: 1px solid; } .footer_places { } .footer_places h4 { color: #acadaf; margin-top: 0px; padding-bottom: 15px; text-transform: uppercase; } .footer_places ul { padding: 0px; } .footer_places ul li { display: inline-block; /* border-right: 1px solid #9d9d9d; */ /* padding: 0px 15px; */ padding-right: 3px; line-height: 35px; } .footer_places ul li a { color: #989898; text-decoration: none; /* border-right: 1px solid #9d9d9d; */ background: #2d2d2d; padding: 5px; } .footer_places ul li a:hover { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; background: #126164; } /*-------------------------------------------------------*/ /* 14.COPY RIGHTS /*-------------------------------------------------------*/ .copy { background: #fff; } .copy p { text-align: center; margin-bottom: 0px; padding: 5px; font-size: 13px; color: #000000; } .open > .dropdown-menu { -webkit-transition: background-color 0.3s ease 0s, border 0s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s; -moz-transition: background-color 0.3s ease 0s, border 0s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s; -o-transition: background-color 0.3s ease 0s, border 0s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s; transition: background-color 0.3s ease 0s, border 0s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s; } /*-------------------------------------------------------*/ /* 15.INNER PAGE /*-------------------------------------------------------*/ /*-------------------------------------------------------*/ /* 15.1 COMMON BANNER /*-------------------------------------------------------*/ .inner_banner { background: url('../images/list-p-bg.jpg') no-repeat center center; background-size: cover; padding: 180px 0px 40px 0px; position: relative; } .inner_banner::before { content: ''; position: absolute; background: linear-gradient(to top, rgb(29, 36, 42) 15%, rgba(0, 0, 0, 0) 100%); top: 0px; bottom: 0px; left: 0px; width: 100%; } .inner_banner_1 { background: url('../images/banner/1.jpg') no-repeat center center; background-size: cover; } .inner_banner_2 { background: url('../images/banner/2.jpg') no-repeat center center; background-size: cover; } .inner_banner_3 { background: url('../images/banner/3.jpg') no-repeat center center; background-size: cover; } .inner_banner_4 { background: url('../images/banner/4.jpg') no-repeat center center; background-size: cover; } .inner_banner_5 { background: url('../images/banner/5.jpg') no-repeat center center; background-size: cover; } .inner_banner div { position: relative; } .inner_banner h2 { color: #f4364f; font-size: 32px; display: inline-block; font-weight: 600; } .inner_banner h2 span { color: #FFF; font-family: 'Quicksand', sans-serif; font-size: 32px; font-weight: 600; } .inner_banner p { color: #d6d6d6; font-size: 20px; font-weight: 100; } .inner_banner ul { margin-top: 25px; float: right; margin-bottom: 0px; } .inner_banner ul li { float: left; display: inline-block; color: #fff; padding: 0px 5px; } .inner_banner a { color: #fff; font-size: 15px; } .inner_banner a i { color: #fff; } .inner_banner a:hover { } .bread-acti { color: #d6d6d6 !important; } .bg-none { background: none; } /*-------------------------------------------------------*/ /* TOUR PLACES /*-------------------------------------------------------*/ .p2_2 { position: relative; overflow: hidden; margin-bottom: 50px; width: 100%; } .p2_1 { } .p2_1 img { width: 100%; } .p2 { } .p2 h3 { color: #253d52; margin-top: 0px; } .p2 h3 span { display: block; } .p2 p { text-align: left; color: #868686; line-height: 25px; font-size: 16px; margin-bottom: 15px; } .p2 .fa-star { color: #FF9800; font-size: 16px; } .p2 .fa-star-half-o { color: #9E9E9E; font-size: 16px; } /*-------------------------------------------------------*/ /* TICKETS /*-------------------------------------------------------*/ .ticket { } .ticket ul { padding: 0px; margin-bottom: 5px; } .ticket ul li { display: inline-block; background: #efefef; padding: 2px 7px; font-size: 14px; font-weight: 600; color: #253d52; margin-right: 1px; } .ticket ul li:nth-child(1) { background: #a2dd2f; color: #253d52; } /*-------------------------------------------------------*/ /* FEATURES /*-------------------------------------------------------*/ .featur { position: relative; overflow: hidden; padding-bottom: 10px; } .featur h4 { background: url('../images/flag.png') no-repeat center left; margin-top: 25px; padding-left: 32px; margin-top: 15px; color: #253d52; background-size: contain; } .featur ul { padding: 0px; margin-bottom: 0px; } .featur ul li { background: url('../images/tick.png') no-repeat center left; display: inline-block; padding: 3px; color: #253d52; padding-left: 24px; font-size: 14px; font-weight: 600; } /*-------------------------------------------------------*/ /* BOOKING /*-------------------------------------------------------*/ .p2_book { } .p2_book ul { padding: 0px; } .p2_book ul li { display: inline-block; } .p2_book ul li a { display: table; } .p2_book ul li a:hover { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; background: #1695c4; color: #fff; /* text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.35); */ } .p2_book ul li:nth-child(2) a { background: #c08e21; background: linear-gradient(to bottom, #d2a032, #b18013); } .p2_book ul li:nth-child(2) a:hover { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; color: #fff; background: #7eb73c; background: linear-gradient(to bottom, #8BC34A, #70ab2c); } .banner_book { background: #253d52; z-index: 9999; box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.37); } .banner_book_1 { } .banner_book_1 ul { padding: 0px; position: relative; overflow: hidden; margin-bottom: 0px; } .banner_book_1 ul li { display: inline; line-height: 55px; font-size: 18px; border-right: 1px solid #314c64; color: #fff; float: left; width: 20%; text-align: center; } .banner_book_1 ul li:last-child { border-right: 0px solid rgba(3, 3, 3, 0.12); /*padding-left: 0px;*/ } .banner_book_1 ul li a { background: #1aa5d8; background: #f4364f; background: linear-gradient(to bottom,#f4364f,#dc2039); display: block; text-align: center; color: #fff; /* text-transform: uppercase; */ font-size: 12px; font-weight: 600; text-decoration: none; line-height: inherit; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .banner_book_1 ul li a:hover { text-decoration: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; background: #3F51B5; } /*.banner_book_1 ul li a .arrowDesign:before { content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;*/ /*--adjust as necessary--*/ /*color: #000; font-size: 16px; padding-right: 0.5em; position: absolute; top: 5px; left: 0; }*/ .dl1 { } .dl2 { } .dl3 { } .dl4 { } /*-------------------------------------------------------*/ /* PAGE: BLOG POSTS /*-------------------------------------------------------*/ .posts { position: relative; overflow: hidden; width: 100%; margin-bottom: 50px; } .posts2 img { margin-top: 25px; } .posts img { width: 100%; } .posts h3 { color: #212627; margin-top: 0px; padding-bottom: 5px; text-transform: capitalize; } .posts h5 { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 16px; margin-bottom: 8px; } .posts p { text-align: left; color: #868686; line-height: 25px; margin-bottom: 25px; font-size: 13px; } .posts a { } .post_author { font-family: 'Quicksand', sans-serif; font-weight: 700; } .post_date { color: #000000; padding-left: 8px; font-weight: 500; font-size: 13px; } .post_city { color: #000000; padding-left: 8px; font-weight: 500; font-size: 13px; } /*-------------------------------------------------------*/ /* PAGE: TOUR DETAIL /*-------------------------------------------------------*/ .tour_font { margin-bottom: 50px; } .tour_font p { text-align: left; color: #868686; font-size: 15px; line-height: 25px; } .tour_head { } .tour_head h2 { color: #213d44; /* text-transform: uppercase; */ font-weight: 600; margin-top: 0px; font-size: 36px; } .tour_head span { } .tour_star { } .tour_star i { font-size: 18px; color: #FF9800; } .tour_rat { background: #FF5722; color: #fff; font-size: 16px; padding: 0px 5px; border-radius: 2px; margin-left: 8px; } .tour_head1 { padding-top: 1px; } .tour_head1 h3 { background: url(../images/umbrella.png) no-repeat left center; padding-left: 35px; color: #213d44; margin-bottom: 20px; margin-top: 50px; background-size: 16px; /* text-transform: uppercase; */ font-weight: 600; font-size: 22px; } .tour_head1 p { color: #000; font-weight: 500; } .tour_head1 table { width: 100%; } .tour_head1 table tr { border-bottom: 1px solid #e5e5e5; } .tour_head1 table tr th { color: #2e2e2e; /* line-height: 40px; */ font-size: 16px; font-weight: 600; padding-bottom: 10px; } .tour_head1 table tr td { line-height: 40px; color: #000; font-weight: 500; } .tour_head1 table tr td span { color: #f4364f; } .days { } .days h4 { margin: 25px 0px 15px 0px; font-size: 16px; font-weight: 600; font-family: 'Poppins', sans-serif; color: #213d44; } .days h4 span { color: #f4364f; font-weight: bolder; } .l-info-pack-days ul { padding: 0px; padding-top: 5px; } .l-info-pack-days ul li { position: relative; overflow: hidden; padding-left: 70px; } .l-info-pack-days ul li i { width: 35px; height: 35px; background: #df3b77; border-radius: 50%; text-align: center; padding: 9px 10px; margin-left: -68px; position: absolute; z-index: 99; color: #fff; font-size: 18px; } .l-info-pack-days ul li h4 { margin-top: 7px; } .l-info-pack-days ul li p { padding-top: 0px; font-size: 13px; } .l-info-pack-plac::after { content: ''; background: #000; position: absolute; width: 1px; top: 0; bottom: 0; height: 100%; left: 19px; } .tour_right h3 { background: #253d52; padding-left: 40px; color: #ffffff; font-size: 14px; background-size: 22px; /* margin: 24px 0px; */ margin-top: 0px; font-weight: 600; text-transform: uppercase; padding: 15px; margin-bottom: 0px; } .tour_incl { } .tour_incl ul { } .tour_incl ul li { list-style-type: none; /* line-height: 34px; */ /* font-size: 16px; */ padding-bottom: 8px; color: #000; } .tour_right ul { padding: 15px; margin-bottom: 0px; } .tour_r { } .tour_offer { background: url('../images/book-bg.png') no-repeat center center; padding: 20px; background-size: cover; margin-bottom: 30px; } .tour_offer p { text-align: center; color: #1aa5d8; } .tour_offer h4 { color: #fff; font-size: 50px; text-align: center; } .tour_offer h4 span { color: #F12860; font-size: 25px; } .tour_offer ul { list-style-type: none; margin-bottom: 0px; } .tour_offer ul li { display: inline-block; width: 49%; } .tour_offer img { } .tour_offer a { background: #1aa5d8; display: block; color: #000; text-align: center; padding: 5px; font-weight: 600; border-radius: 45px; font-size: 15px; } .tour_right ul li { } .band1 { width: 50px; height: auto; position: absolute; z-index: 99; /* left: 13px; */ top: -4px; right: 61px; } .tour-ri-com { position: relative; overflow: hidden; /* background: #f3f3f3; */ border: 1px solid #e2e2e2; /* padding: 15px; */ margin-bottom: 30px; } .hotel-com-color { } .hotel-com-color p { color: #868686; } .hotel-gal-arr { margin-top: 175%; position: absolute; background: rgb(0, 193, 255); width: 32px; height: 32px; padding: 4px; text-align: center; border-radius: 2px; left: 24px; font-size: 24px; } .hotel-gal-arr1 { right: 10px; position: relative; } /*-------------------------------------------------------*/ /* PAGE: DETAIL PAGE - SOCIAL MEDIA /*-------------------------------------------------------*/ .tour_social { } .tour_social ul { float: left; padding: 15px 15px 10px 15px; } .tour_social ul li { margin-bottom: 5px; } .tour_social ul li:nth-child(2) { padding-right: 0px; } .tour_social ul li a { } .tour_social ul li a i { width: 32px; height: 32px; color: #fff; padding: 8px; text-align: center; border-radius: 50%; } .tour_incl { } .tour_social { } .tour_social ul li:nth-child(3) { padding-right: 7px; } .tour_social ul li:nth-child(4) { padding-right: 7px; } /*-------------------------------------------------------*/ /* PAGE: DETAIL PAGE - PACKAGE HELP /*-------------------------------------------------------*/ .tour_help { } .tour_help_1 { padding: 15px; text-align: center; } .tour_help_1 i { } .tour_help_1 h4 { margin-bottom: 0px; font-size: 24px; } .tour_help_1_call { color: #dd4b39; margin-top: 0px; } /*-------------------------------------------------------*/ /* RELATED PACKAGES /*-------------------------------------------------------*/ .tour_rela_1 { position: relative; overflow: hidden; margin-top: 0px; padding: 15px; } .tour_rela_1 img { width: 100%; } .tour_rela_1 h4 { margin-top: 15px; font-size: 15px; font-weight: 600; } .tour_rela_1 p { color: #868686; } .tour_rela_1 a { } .tour_rela_1 a:hover { } .tour_booking { position: relative; overflow: hidden; } .book_poly { } .book_poly h3 { text-transform: uppercase; font-weight: 700; font-size: 28px; color: #253d52; margin-top: 0px; padding-bottom: 12px; font-weight: 600; } .book_poly ul { } .book_poly ul li { line-height: 35px; color: #464646; font-size: 16px; } .book_poly p { color: #464646; } /*-------------------------------------------------------*/ /* PAGE: ABOUT /*-------------------------------------------------------*/ .tourb2-ab-p-2 { padding-top: 100px; padding-bottom: 100px; } .tourb2-ab-p1 { margin-top: 60px; position: relative; overflow: hidden; width: 100%; } .tourb2-ab-p1-left { } .tourb2-ab-p1-left h3 { margin-top: 0px; margin-bottom: 0px; color: #253d52; } .tourb2-ab-p1-left span { display: inline-block; padding: 20px 0px; font-size: 20px; font-style: italic; font-weight: 200; color: #a2a2a2; } .tourb2-ab-p1-left p { line-height: 24px; } .tourb2-ab-p1-left a { color: #000000; background: #1693c1; padding: 10px 14px; display: inline-block; font-size: 16px; text-transform: uppercase; border-radius: 2px; margin-top: 12px; } .tourb2-ab-p1-right { } .tourb2-ab-p1-right img { width: 100%; } .tourb2-ab-p-3 { background: #253d52; padding: 50px 0px 20px 0px; } .tourb2-ab-p3 { } .tourb2-ab-p3-com { /* background: #fff; */ padding: 15px 15px 10px 15px; position: relative; overflow: hidden; margin-bottom: 30px; border-radius: 2px; } .tourb2-ab-p3-com span { font-size: 42px; font-weight: 600; float: left; padding-right: 15px; color: #ffc210; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.43); } .tourb2-ab-p3-com h4 { font-size: 24px; font-weight: 600; padding-top: 2px; text-transform: uppercase; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.43); color: #fff; } .tourb2-ab-p3-com p { display: block; /* position: absolute; */ float: left; width: 100%; } .tourb2-ab-p3-1 { } .tourb2-ab-p3-1 p { font-size: 18px; font-weight: 300; color: #b7b7b7; } /*--================================================--*/ .tourb2-ab-p-4 { background: #ffffff; padding: 100px 0px 70px 0px; } .tourb2-ab-p4 { } .tourb2-ab-p4-com { background: #fff; padding: 25px 25px 16px 25px; position: relative; overflow: hidden; border: 1px #e0e0e0; border-style: dashed; margin-bottom: 30px; } .tourb2-ab-p4-com i { font-size: 42px; float: left; padding-right: 25px; color: #00bcd4; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.43); } .tourb2-ab-p4-com h4 { padding-bottom: 15px; font-size: 24px; font-weight: 600; text-transform: uppercase; color: #253d52; } .tourb2-ab-p4-com h4 span { font-size: 24px; font-weight: 600; text-transform: uppercase; color: #00bcd4; } .tourb2-ab-p4-com p { display: block; /* position: absolute; */ float: left; width: 100%; } .tourb2-ab-p4-text { position: relative; overflow: hidden; } .about { } .about h1 { padding-bottom: 15px; } .about h2 { } .about p { text-align: left; margin-bottom: 15px; } .myfont { } .about_ser { position: relative; overflow: hidden; } .about_ser ul { padding: 0px; } .about_ser ul li { display: inline-block; text-align: center; border: 1px solid #ffffff; font-size: 18px; padding: 20px; color: #ffffff; box-sizing: border-box; background: #55c0ea; margin-bottom: 4px; } .about_ser ul li i { font-size: 34px; color: #f1f1f1; text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.08); } .about_ser ul li:hover { background: #3a3e44; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; color: #b5b5b5; } /*-------------------------------------------------------*/ /* PAGE: TESTIMONIALS /*-------------------------------------------------------*/ .p_testi { } .p_testi h4 { font-weight: 600; color: #3a3a3a; } .p_testi p { color: #848484; } .p_title h2 { background: url('../images/umbrella.png') no-repeat left center; padding-left: 50px; color: #212627; margin-bottom: 20px; margin-top: 30px; background-size: 25px; } .p_title h2 span { color: #2ea5d3; } .p_testi address { color: #a2a2a2; margin-bottom: 0px; } .p_testimonial { position: relative; overflow: hidden; } .p_testimonial p { text-align: left; margin-bottom: 10px; line-height: 24px; color: #000; padding-top: 10px; } .p_testimonial h1 { padding-bottom: 5px; } /*-------------------------------------------------------*/ /* PAGE: TIPS BEFORE TRAVEL /*-------------------------------------------------------*/ .tips_travel { } .tips_travel h3 { background: url('../images/umbrella.png') no-repeat left center; padding-left: 50px; color: #212627; margin-bottom: 20px; margin-top: 30px; background-size: 25px; } .tips_travel p { text-align: left; margin-left: 50px; margin-bottom: 0px; } .tips_travel_1 { position: relative; overflow: hidden; width: 100%; margin-top: 50px; } .tips_travel_1 ul { padding: 0px; } .tips_travel_1 ul li { float: left; list-style-type: none; } .tips_travel_2 { text-align: center; background: #ffffff; border: 1px #e0e0e0; border-style: dashed; position: relative; overflow: hidden; margin-bottom: 30px; padding: 25px 15px 15px 15px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .tips_travel_2:hover { box-shadow: 0px 15px 32px -5px rgba(150, 150, 150, 0.4); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .tips_travel_2:hover i { color: #ffffff; background: #253d52; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; border: 0px; } .tips_travel_2 i { width: 65px; height: 65px; background: #ffc210; border-radius: 50px; color: #253d52; /* box-shadow: 0px 1px 5px rgba(150, 150, 150, 0.4); */ padding: 21px 18px; font-size: 24px; text-align: center; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; /* background: #ffffff; */ border: 1px #e0e0e0; border-style: dashed; text-shadow: 0px 1px #fff, 0px -1px #262F33; } .tips_travel_2 h4 { color: #253d52; margin-top: 25px; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 600; text-transform: capitalize; } .tips_travel_2 p { font-size: 15px; font-weight: 400; } /*-------------------------------------------------------*/ /* PAGE: TOUR PACKAGE /*-------------------------------------------------------*/ .pack_title { background: url('../images/book-bg.png') no-repeat center center; padding: 20px; background-size: cover; text-align: center; } .pack_title h3 { color: #fff; font-size: 24px; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .pack_title h2 { color: #1aa5d8; font-weight: 600; font-size: 50px; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8); } .pack_title h2 span { color: #fff; font-size: 29px; } /*-------------------------------------------------------*/ /* PAGE: DISCOUNT PRICE TABLE /*-------------------------------------------------------*/ .pack_price { background: rgba(237, 237, 237, 0.32); margin-bottom: 50px; box-shadow: 0px 13px 13px -12px rgba(0, 0, 0, 0.4); transition: all 0.5s ease; } .pack_price:hover .pack_price ul li a { background: #FFD600; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; color: #000; } .pack_price ul { padding: 0px; } .pack_price ul li { text-align: center; display: block; font-size: 16px; font-weight: 500; line-height: 42px; color: #000; letter-spacing: 0.3px; border-bottom: 1px solid #eceaea; } .pack_price ul li a { display: block; padding: 6px; font-weight: 700; background: #00bcd4; color: #000; font-size: 20px; text-transform: uppercase; } .pack_price ul li a:hover { background: #FFD600; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; color: #000; } .pack_price ul li:last-child { border-bottom: 0px; } .disc-bot { padding-bottom: 35px; } /*-------------------------------------------------------*/ /* PAGE: SITE MAP /*-------------------------------------------------------*/ .site_map { padding: 0px 15px; } .site_map ul { padding: 0px; } .site_map ul li { list-style-type: circle; } .site_map ul li a { font-weight: 600; color: #253d52; line-height: 32px; font-size: 15px; } .site_map ul li ul { padding-left: 50px; } .site_map ul li ul li { } .site_map ul li ul li a { } .nf { text-align: center; font-size: 34px; color: #E06125; } .site-map-2 { } .site-map-2 h1 { padding-bottom: 30px; } .nf1 { text-align: center; font-size: 120px; color: #131313; text-shadow: 0px 3px 5px rgba(22, 111, 182, 0.74); } .links { margin: 0 auto; display: table; text-align: center; } .links h4 { padding-bottom: 15px; } .links ul { padding: 0px; } .links ul li { display: inline-block; margin-top: 10px; } .links ul li a { text-decoration: none; /* background: #333; */ border: 1px solid #131313; padding: 5px; color: #131313; border-radius: 4px; font-weight: 500; } element.style { } .rnslider .button { position: absolute; } /*-------------------------------------------------------*/ /* PAGE: CONTACT US /*-------------------------------------------------------*/ .footer_social_1 { position: relative; overflow: hidden; width: 100%; padding-top: 25px; } .footer_social_1 ul { display: table; margin: 0 auto; } .footer_social_1 ul li { margin: 0px 3px; } .footer_social_1 ul li a { } .footer_social_1 ul li a i { font-size: 20px; width: 40px; height: 40px; border-radius: 50px; } .contact-map { margin-bottom: -10px; } .contact-map iframe { width: 100%; height: 320px; } .map-container iframe { width: 100%; display: block; pointer-events: none; position: relative; margin-top: 1px; border: 0px; } .map-container iframe.clicked { pointer-events: auto; } .succ_mess { background: #58b533; color: #fff; display: none; text-align: center; padding: 5px; margin-bottom: 20px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .succ_mess_qe { background: #58b533; color: #fff; display: none; text-align: center; padding: 5px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .form_1 h3 { text-transform: uppercase; font-weight: 700; font-size: 28px; color: #1B3033; padding: 0px 8px 10px 8px; margin-top: 0px; } .post-grid { margin-bottom: 45px; margin-top: 25px; } .n-td { color: red; text-decoration: line-through; } .n-td-1 { color: #bebebe } .n-dis-pack { } .p-home { /* padding-bottom: 35px; */ } /*-------------------------------------------------*/ /* PRE LOADING /*-------------------------------------------------*/ #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; /* change if the mask should have another color then white */ z-index: 99999; /* makes sure it stays on top */ } #status { width: 200px; height: 200px; position: absolute; left: 50%; /* centers the loading animation horizontally one the screen */ top: 50%; /* centers the loading animation vertically one the screen */ background-image: url(../images/preloader.gif); /* path to your loading animation */ background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; /* is width and height divided by two */ } /*-------------------------------------------------*/ /* REVIEWS /*-------------------------------------------------*/ .dir-rat { position: relative; overflow: hidden; border: 1px solid #dedede; padding: 25px 25px 0px 25px; background: #ffffff; margin-top: 50px; } fieldset, label { margin: 0; padding: 0; } .dir-rat h3 { font-size: 18px; } .dir-rat-inn { position: relative; overflow: hidden; } .dir-rat h3 { font-size: 18px; } .dir-rat-form { position: relative; overflow: hidden; margin-bottom: 35px; } .dir-rat-form label { margin-bottom: 10px; margin-top: 5px; color: #213d44; } .dir-rat-form input, textarea { width: 100%; border: 1px solid #dedede; border-radius: 3px; resize: none; padding: 18px; box-shadow: none; } .dir-rat-form textarea { height: 120px; } .dir-rat-form input[type="submit"] { border: 0px; padding: 7px; width: 250px; } /****** Style Star Rating Widget *****/ .rating { border: none; float: left; height: 48px; overflow: hidden; } .rating > input { display: none; } .rating > label:before { margin: 5px; font-size: 22px; font-family: FontAwesome; display: inline-block; content: "\f005"; border: 0px !important; } .rating > label:after { background: none !important; border: 0px !important; } .rating > .half:before { content: "\f089"; position: absolute; border: 0px; } .rating > label { color: #ddd; float: right; } .half { display: none !important; } .dir-rat-review { border: 1px solid #dedede; padding: 25px; background: #ffffff; margin-bottom: 30px; } .dir-rat-left { text-align: center; } .dir-rat-left img { border-radius: 50px; margin-bottom: 20px; } .dir-rat-left p { font-size: 16px; margin-bottom: 30px; font-weight: 600; color: #213d44; } .dir-rat-left p span { display: block; font-size: 14px; font-weight: 400; color: #000; } .dir-rat-right { } .dir-rat-right p { margin-bottom: 0px; padding-bottom: 20px; } .dir-rat-right ul { padding: 0px; } .dir-rat-right ul li { float: left; list-style-type: none; display: inline-block; padding-right: 15px; } .dir-rat-right ul li a i { } .dir-rat-right ul li a { color: #333; font-size: 14px; } .dir-rat-star { padding-bottom: 20px; } .dir-rat-star i { font-size: 16px; color: #FF9800; margin-right: 2px; } .dir-rat-right ul li span { padding-right: 7px; color: #000; font-size: 12px; } .dir-rat-right ul li:nth-child(2) { } .dir-rat-right ul li:nth-child(4) { } .dir-rat-title { } .dir-rat-title h3 { margin-top: 0px; color: #213d44; background-size: 25px; text-transform: uppercase; font-weight: 600; font-size: 18px; } .dir-rat-title p { } /*-------------------------------------------------*/ /* TOP TRENDINGS /*-------------------------------------------------*/ .hot-page2-hom-pre { position: relative; overflow: hidden; background: #ffffff; padding: 15px; border: 1px solid #e7e7e7; margin-bottom: 30px; box-shadow: 5px 5px 5px 2px; } .hot-page2-hom-pre ul { padding: 0px; } .hot-page2-hom-pre ul li { list-style-type: none; border-bottom: 1px solid #e7e7e7; position: relative; overflow: hidden; padding: 15px 0px; } .hot-page2-hom-pre ul li:last-child { border-bottom: 0px; padding-bottom: 0px; } .hot-page2-hom-pre div { float: left; } .hot-page2-hom-pre ul li a { } .hot-page2-hom-pre-1 { width: 10%; } .hot-page2-hom-pre-1 img { width: 30px; height: 30px; border-radius: 2px; } .hot-page2-hom-pre-2 { width: 80%; padding: 0px 15px; } .hot-page2-hom-pre-2 h5 { margin-top: 0px; margin-bottom: 2px; color: #343c42; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 600; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-overflow: ellipsis; white-space: pre; overflow: hidden; } .hot-page2-hom-pre-2 span { font-size: 13px; color: #999; } .hot-page2-hom-pre-3 { width: 10%; } .hot-page2-hom-pre-3 span { /* width: 24px; */ /* height: 24px; */ position: absolute; /* background-color: #d6d6d6; */ border: 1px solid #8b9ba9; /* bottom: 8px; */ padding: 0px 4px; /* margin: 10px 5px; */ /* right: 5px; */ border-radius: 2px; font-size: 12px; z-index: 9; line-height: 20px; color: #253d52; font-weight: 600; text-align: center; text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.28); right: 0px; } .hot-page2-hom-pre-3 i { width: 22px; float: right; /* padding-top: 12px; */ border: 1px solid #a9a9a9; padding: 4px; font-size: 12px; border-radius: 50%; color: #a9a9a9; margin-top: 10px; } .hot-page2-hom-pre-tit { } .hot-page2-hom-pre-tit h3 { color: #343c42; font-size: 28px; /* font-family: 'Montserrat', sans-serif; */ font-family: 'Poppins', sans-serif; font-weight: 600; } .hot-page2-hom-pre-tit h3 span { color: #6f6e6b; font-size: 28px; } .hot-page2-hom-pre ul li:hover .hot-page2-hom-pre-2 h5 { padding-left: 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .hot-page2-hom-pre-head { background: #253d52; color: #fff; padding: 10px 0px; text-align: center; } .hot-page2-hom-pre-head h4 { color: #ffffff; } .hot-page2-hom-pre-head h4 span { color: #9dacb1; font-weight: 600; font-size: 18px; } .hot-page2-hom-pre-head:after, .hot-page2-hom-pre-head:before { top: 59px; left: 48%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .hot-page2-hom-pre-head:after { border-color: rgba(136, 183, 213, 0); border-top-color: #253d52; border-width: 9px; margin-left: -9px; z-index: 9; } /*-------------------------------------------------*/ /* INNER PAGE LISTING /*-------------------------------------------------*/ .hot-page2-il-top-fix { opacity: 1 !important; display: block; } .hot-page2-pa-sp-top { } .hot-page2-alp { background: url(../images/consul-bg-1.jpg) no-repeat center top #e6e6e6; background-attachment: fixed; } .all-hot-bg { background: url(../images/consul-bg-2.jpg) no-repeat center top #e6e6e6; background-attachment: fixed; } .hot-page2-alp::before { content: ''; position: fixed; background: linear-gradient(to top, rgb(29, 36, 42) 15%, rgba(0, 0, 0, 0) 100%); /* top: 0px; */ /* bottom: 0px; */ /* left: 0px; */ width: 100%; height: 100%; /* right: 0px; */ } .hot-page2-alp-tit { } .hot-page2-alp-tit h1 { display: inline-block; color: #fff; } .hot-page2-alp-tit ol { background: none; } .hot-page2-alp-tit ol li { } .hot-page2-alp-tit ol li a { color: #8a8a8a; } .breadcrumb > .active { color: #ffc72f !important; } .breadcrumb > li + li:before { color: #8a8a8a; } .hot-page2-alp-con { position: relative; overflow: hidden; background: #f2f1f1; box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.36); } .hot-page2-alp-con-left { padding-left: 0px !important; } .hot-page2-alp-con-right { padding-bottom: 70px; } .hot-page2-alp-con-left-1 { background: #253d52; color: #fff; padding: 25px; } .hot-page2-alp-con-left-1:after, .hot-page2-alp-con-left-1:before { top: 72px; left: 48%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .hot-page2-alp-con-left-1:after { border-color: rgba(136, 183, 213, 0); border-top-color: #1f4363; border-width: 9px; margin-left: -9px; } .hot-page2-alp-con-left-1 h3 { font-size: 20px; margin-top: 0px; margin-bottom: 0px; } .hot-page2-alp-cl-1-1 { } .hot-page2-alp-cl-1-1 img { width: 24px; height: 24px; } .hot-page2-alp-cl-1-2 { padding-left: 15px; } .hot-page2-alp-cl-1-2 h5 { text-overflow: ellipsis; white-space: pre; overflow: hidden; } .hot-page2-hom-pre ul li:hover .hot-page2-hom-pre-2 h5 { padding-left: 5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .hot-page2-alp-cl-1-2 span { line-height: 12px; font-size: 12px; } .hot-page2-alp-cl-1-3 { } .hot-page2-alp-cl-1-3 img { width: 18px; float: right; } .hot-page2-alp-left-ner-notb { border-top: 0px; margin-bottom: 0px; } .hot-page2-alp-left-ner-notb ul li { padding: 10px 0px; } .hot-page2-alp-l3 { } .hot-page2-alp-l3 ul { padding: 0px; } .hot-page2-alp-l3 ul li { list-style-type: none; border-bottom: 1px solid #d4d4d4; } .hot-page2-alp-l3 ul li:nth-child(5) { } .hot-page2-alp-l3 ul li:last-child { border-bottom: 0px solid #d4d4d4; } .hot-page2-alp-l3 ul li label { display: block; font-size: 15px; color: #343c42; font-weight: 600; padding-left: 30px; } .hot-page2-alp-l-com { } .hot-page2-alp-l-com h4 { background: #e6e6e6; color: #343c42; padding: 10px 15px; text-transform: uppercase; font-size: 15px; margin-top: 0px; margin-bottom: 0px; text-overflow: ellipsis; white-space: pre; overflow: hidden; } .hot-page2-alp-l-com h4 i { padding-right: 7px; } .hot-page2-alp-l-com1 form { padding-bottom: 8px; } .hot-page2-alp-l-com1 { padding: 15px; background: #ffffff; padding-bottom: 25px; } .hot-page2-alp-l-com1 a { margin-top: 5px; border: 1px solid #254158; /* -webkit-box-shadow: #B7B8B8 0px 1px 0px inset; */ -moz-box-shadow: #B7B8B8 0px 1px 0px inset; /* box-shadow: #B7B8B8 0px 1px 0px inset; */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; font-family: arial, helvetica, sans-serif; padding: 5px 10px; text-decoration: none; text-shadow: -1px -1px 0 rgba(177, 177, 177, 0.3); font-weight: bold; color: #ffffff; background-color: #304b62; background-image: -webkit-linear-gradient(to bottom, #3b5871, #253d52); background-image: -moz-linear-gradient(to bottom, #3b5871, #253d52); background-image: -ms-linear-gradient(to bottom, #3b5871, #253d52); background-image: -o-linear-gradient(to bottom, #3b5871, #253d52); background-image: linear-gradient(to bottom, #3b5871, #253d52); margin-right: 5px; } .hot-page2-alp-l-com1 a:hover { color: #fff; } .hot-page2-alp-l-com1 a i { font-size: 10px; } .hot-page2-alp-p3 { } .hot-page2-alp-p3 ul { } .hot-page2-alp-p3 ul li:nth-child(1n+6) { display: none; } .hot-page2-alp-p3-btn-h { display: none; } .hot-page2-alp-p4-btn-h { display: none; } .hot-page2-alp-p4 ul li:nth-child(1n+6) { display: none; } .hot-page2-alp-p5-btn-h { display: none; } .hot-page2-alp-p5 ul li:nth-child(1n+6) { display: none; } /*-------------------------------------------------*/ /* LISTING /*-------------------------------------------------*/ .hot-page2-lp-rat { padding: 6px 6px 15px 8px; } .hot-page2-alp-ri-p2 { padding: 18px 15px; } .hot-page2-alp-ri-p2 h3 { color: #343c42; font-size: 22px; margin-top: 0px; margin-bottom: 0px; } .hot-page2-alp-ri-p2 ul { padding: 0px; position: relative; overflow: hidden; padding-top: 12px; margin-bottom: 4px; } .hot-page2-alp-ri-p2 ul li { list-style-type: none; float: left; margin-bottom: 8px; font-size: 14px; padding-left: 30px; } .hot-page2-alp-ri-p2 ul li:nth-child(1) { color: #343c42; background: url(../images/1.png) no-repeat center left; background-size: 18px; font-size: 15px; font-weight: 600; } .hot-page2-alp-ri-p2 ul li:nth-child(2) { color: #979797; background: url(../images/2.png) no-repeat center left; background-size: 18px; } .hot-page2-alp-ri-p3 { padding: 52px 0px 10px 0px; } .hot-page2-alp-ri-p3 span { display: block; text-align: center; } .hot-list-p3-1 { color: #979797; font-weight: 400; font-size: 14px; } .hot-list-p3-2 { font-size: 32px; font-weight: 600; color: #f4364f; padding: 10px 0px; } .hot-list-p3-3 { font-size: 24px; color: #979797; text-decoration: line-through; padding: 10px 0px; } .hot-list-p3-4 { } .hot-list-p3-4 a { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .hot-page2-alp-ri-p2 p { color: #979797; /* padding-bottom: 12px; */ margin-bottom: 0px; text-transform: lowercase; font-size: 14px; } .hot-page2-alp-ri-p2 p b { padding-right: 5px; color: #343c42; text-transform: uppercase; font-size: 12px; } .hot-page2-alp-ri-p2 a { } .hot-page2-alp-ri-p2 a:hover { color: #fff; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .hot-page2-alp-quot-btn { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; margin-top: 5px; border: 1px solid #e5ad05; border: 1px solid #d7a307; /* -webkit-box-shadow: #B7B8B8 0px 1px 0px inset; */ -moz-box-shadow: #B7B8B8 0px 1px 0px inset; /* box-shadow: #B7B8B8 0px 1px 0px inset; */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; padding: 5px 10px; text-decoration: none; text-shadow: -1px -1px 0 rgba(177, 177, 177, 0.3); font-weight: bold; color: #000000; background-color: #ffd65e !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd65e), to(#febf04)); background-image: -webkit-linear-gradient(top, #ffd65e, #febf04); background-image: -moz-linear-gradient(top, #ffd65e, #febf04); background-image: -ms-linear-gradient(top, #ffd65e, #febf04); background-image: -o-linear-gradient(top, #ffd65e, #febf04); background-image: linear-gradient(to bottom, #ffd65e, #febf04); display: block; text-align: center; } .hot-page2-alp-quot-free-btn { margin-top: 5px; border: 1px solid #234767; /* -webkit-box-shadow: #B7B8B8 0px 1px 0px inset; */ -moz-box-shadow: #B7B8B8 0px 1px 0px inset; /* box-shadow: #B7B8B8 0px 1px 0px inset; */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; font-family: arial, helvetica, sans-serif; padding: 5px 10px; text-decoration: none; text-shadow: -1px -1px 0 rgba(177, 177, 177, 0.3); font-weight: bold; color: #ffffff; background-color: #1f4363; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd65e), to(#febf04)); background-image: -webkit-linear-gradient(to bottom, #32638e, #1f4363); background-image: -moz-linear-gradient(top, #ffd65e, #febf04); background-image: -ms-linear-gradient(top, #ffd65e, #febf04); background-image: -o-linear-gradient(top, #ffd65e, #febf04); background-image: linear-gradient(to bottom, #32638e, #1f4363); margin-right: 5px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .hot-ameni { margin-bottom: -15px; } .hot-ameni ul { padding: 0px; position: relative; overflow: hidden; margin-bottom: 0px; } .hot-ameni ul li { list-style-type: none; float: left; width: 33.33%; padding-bottom: 15px; padding-right: 15px; text-overflow: ellipsis; white-space: pre; overflow: hidden; } .hot-ameni ul li i { font-size: 12px; width: 22px; height: 22px; background: #ffcd33; color: #000; text-align: center; padding: 5px; border-radius: 50%; margin-right: 6px; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.62); } .hot-page2-alp-r-list-re-sp { padding-left: 0px !important; padding-right: 0px !important; } .hot-page2-alp-r-list { border: 1px solid #dedede; background: #fff; position: relative; overflow: hidden; margin: 15px 15px 15px 0px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .hot-page2-alp-r-list { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .hot-page2-alp-r-list:hover { box-shadow: 0px 5px 19px -3px rgba(0, 0, 0, 0.23); transform: scale(1.02); } .hot-page2-alp-r-list:hover .hot-page2-alp-quot-btn { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; /* border: 1px solid #02abc1; */ text-shadow: -1px -1px 0 rgba(177, 177, 177, 0.3); color: #000000; background-color: #fff; background-image: -webkit-linear-gradient(to bottom, #00bcd4, #05a6bb); background-image: -moz-linear-gradient(to bottom, #00bcd4, #05a6bb); background-image: -ms-linear-gradient(to bottom, #00bcd4, #05a6bb); background-image: -o-linear-gradient(to bottom, #00bcd4, #05a6bb); /* background-image: linear-gradient(to bottom, #00bcd4, #05a6bb); */ } .hot-page2-alp-r-hot-page-rat { background: #253d52; position: absolute; padding: 4px 8px; right: -1px; border-radius: 1px; color: #fff; top: 0px; font-weight: 600; font-size: 12px; } .hotel-list-score { width: 32px; height: 32px; position: absolute; background-color: #f4364fba; /* bottom: 8px; */ padding: 4px; margin: 10px 5px; right: 5px; border-radius: 2px; z-index: 9; color: #fff; font-weight: 600; text-align: center; text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.28); } /*--============== alter =====================--*/ .hot-page2-hr1 { text-align: center; width: 70%; margin: 0 auto; position: relative; } .hot-page2-hli { position: relative; overflow: hidden; } .hot-page2-hli a { text-decoration: none; } .hot-page2-hli ul { padding: 0px; } .hot-page2-hli ul li { list-style-type: none; } .hot-page2-hli-1 { position: relative; } .hot-page2-hli-1:before { content: ''; position: absolute; background: linear-gradient(to top, rgba(244, 54, 79, 0.36) 25%, rgba(0, 0, 0, 0.08) 74%); top: 0px; bottom: 0px; left: 0px; width: 100%; } .hot-page2-hli-1 img { width: 100%; } .hot-page2-hli-3 { width: 35px; height: 35px; position: absolute; background-color: rgba(255, 111, 111, 0.68); /* bottom: 8px; */ padding: 4px; margin: auto; right: 15px; top: 15px; border-radius: 2px; display: none; } .hot-page2-hli-3 img { } .hot-page2-hli-4 { } .hot-page2-hli-5 { box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15); margin-bottom: 10px; } .hot-page2-hli-2 { padding: 10px 12px; background: #ffffff; } .hot-page2-hli-2 h4 { color: #273440; font-size: 16px; } .hot-page2-hli-2 h4 span { float: right; font-size: 12px; line-height: 20px; } .hot-page2-hpb { background: #1b2629; } .hot-page2-hpb h2 { color: #fff; } .hot-page2-hpb h5 { color: #ffc520; padding-top: 14px; font-weight: 400; } .hot-page2-hpb p { color: #989898; padding-top: 15px; margin-bottom: 0px; } .hot-page2-hpb ul { margin-bottom: 0px; padding: 0px; padding-top: 42px; } .hot-page2-hpb ul li { list-style-type: none; display: inline-block; width: 32%; float: left; margin: 0px 3px; margin-bottom: 5px; } .hot-page2-hpb ul li a { display: block; background: #ffc520; color: #000; padding: 14px 20px; font-weight: 600; text-transform: uppercase; text-align: center; font-size: 14px; border-radius: 2px; } /*-------------------------------------------------*/ /* ROOM AVAILABILITY CHECK /*-------------------------------------------------*/ .hot-room-ava-check { } .hot-room-ava-check form { padding-bottom: 0px; } .hot-room-ava-check ul { margin-bottom: 0px; } .hot-room-ava-check ul li { border-bottom: 0px; } .hot-room-ava-check ul li label { padding-left: 0px; } .hot-room-ava-check ul li input { width: 100%; font-size: 13px; padding: 4px 10px; border: 1px solid #d4d4d4; margin-bottom: 12px; } .hot-room-ava-check ul li input[type="submit"] { margin-bottom: 0px; /* margin-top: 5px; */ border: 1px solid #254158; /* -webkit-box-shadow: #B7B8B8 0px 1px 0px inset; */ -moz-box-shadow: #B7B8B8 0px 1px 0px inset; /* box-shadow: #B7B8B8 0px 1px 0px inset; */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; font-family: arial, helvetica, sans-serif; padding: 5px 10px; text-decoration: none; text-shadow: -1px -1px 0 rgba(177, 177, 177, 0.3); font-weight: bold; color: #ffffff; background-color: #304b62 !important; background-image: -webkit-linear-gradient(to bottom, #3b5871, #253d52); background-image: -moz-linear-gradient(to bottom, #3b5871, #253d52); background-image: -ms-linear-gradient(to bottom, #3b5871, #253d52); background-image: -o-linear-gradient(to bottom, #3b5871, #253d52); background-image: linear-gradient(to bottom, #3b5871, #253d52); /* margin-right: 5px; */ } .tourb2-hli-3 { width: 32px; height: 32px; position: absolute; background-color: rgba(255, 193, 7, 0.84); /* bottom: 8px; */ padding: 4px; /* margin: 10px 5px; */ right: 15px; border-radius: 2px; z-index: 9; color: #fff; font-weight: 600; text-align: center; text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.28); top: 15px; } /*-------------------------------------------------*/ /* SOCIAL MEDIA SHARE /*-------------------------------------------------*/ .icon-float { position: fixed; left: 0px; top: 35%; z-index: 999; } .icon-float ul { padding: 0px; } .icon-float ul li { list-style-type: none; } .icon-float ul li a { display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; padding: 0px; } .icon-float ul li a i { padding: 8px; width: 40px; height: 32px; text-align: center; color: #fff; } .icon-float ul li a:hover { transform: rotateY(-180deg); } .icon-float ul li a:hover i { transform: rotateY(180deg); } .fb1 { background: #3b5998; } .gp1 { background: #dd4b39; } .tw1 { background: #1da1f2; } .li1 { background: #0077b5; } .yt1 { background: #cd201f; } .wa1 { background: #34af23; } .sh { background: #fff; padding: 10px 0px; font-size: 11px; text-align: center; color: #333; border-top-right-radius: 5px; } .sh1 { background: #333; border-bottom-right-radius: 5px; } /*-------------------------------------------------*/ /* MY ACCOUNT DROP DOWN /*-------------------------------------------------*/ .top-menu { min-width: 200px; } /*-------------------------------------------------*/ /* SECTION AND DIV - TOP AND BOTTOM EXTRA SPACING /*-------------------------------------------------*/ .pad-bot-redu { padding-bottom: 0px; } .pad-bot-redu-5 { padding-bottom: 50px; } .pad-bot-incre { padding-bottom: 100px; } .pad-left-o { padding-left: 0px !important; } .pad-top-o { padding-top: 0px; } /*-------------------------------------------------*/ /* HOME PAGE CITY HOTELS /*-------------------------------------------------*/ .tour-mig-like { } .tour-mig-like-com { position: relative; border-radius: 10px; margin-bottom: 20px; background: #14addb; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .tour-mig-lc-img { } .tour-mig-like-com:hover img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0.5; } .tour-mig-lc-img img { width: 100%; border-radius: 5px; } .tour-mig-like-com:before { content: ''; position: absolute; background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 10%, rgba(84, 84, 84, 0.35) 80%); top: 0px; bottom: 0px; left: 0px; width: 100%; border-radius: 5px; } .tour-mig-lc-con { position: absolute; width: 100%; margin-top: -125px; padding: 20px 20px 0px 20px; display: block; text-align: right; } .tour-mig-lc-con2 { margin-top: -100px; } .tour-mig-lc-con h5 { font-size: 26px; color: #fff; padding-top: 10px; padding-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 2px; } .tour-mig-lc-con h6 { font-size: 14px; color: #fff; position: absolute; top: -20px; /* right: 0px; */ border: 1px solid #fff; padding: 8px 10px 3px 10px; border-radius: 18px; margin-bottom: 5px; padding-bottom: 10px; } .tour-mig-lc-con p { color: #c1c1c1; } .tour-mig-lc-con p span { text-align: left; float: left; font-size: 20px; color: #eee; } /*-------------------------------------------------*/ /* HOME PAGE FOOTER APP /*-------------------------------------------------*/ .foot-mob-app { } .foot-mob-app h2 { margin-top: 0px; font-size: 45px; } .foot-mob-app p { font-size: 15px; } .foot-mob-app ul { padding: 0px; margin-bottom: 30px; margin-top: 24px; } .foot-mob-app ul li { list-style-type: none; color: #333; line-height: 38px; font-size: 18px; } .foot-mob-app ul li i { color: #fff; width: 18px; height: 18px; background: #8dced4; border-radius: 3px; text-align: center; padding: 3px; margin-right: 10px; font-size: 12px; vertical-align: text-bottom; } .foot-mob-app a { } .foot-mob-sec { background: url(../images/cloud.png) no-repeat bottom center #f6f6f6; padding: 100px 0px 60px 0px; background-size: contain; position: relative; } .foot-mob-sec:before { content: ''; position: absolute; background: linear-gradient(to top, rgba(255, 255, 255, 0.55) 0%, rgba(240, 240, 240, 0.8) 100%); top: 0px; bottom: 0px; left: 0px; width: 100%; } /*-------------------------------------------------*/ /* HOME PAGE SEARCH BOX /*-------------------------------------------------*/ .tourz-search { /*background: url(../images/Logos/Slide1New1.png) no-repeat;*/ position: relative; background-size: cover; } .tourz-search { } .tourz-search-form { } .tourz-search-slide1 { background: url(../images/slider/Slider1.png) no-repeat; position: relative; background-size: cover; } .tourz-search-slide1 { } .tourz-search-slide1-form { } .tourz-search-slide2 { background: url(../images/slider/Slider2.png) no-repeat; position: relative; background-size: cover; } .tourz-search-slide2 { } .tourz-search-slide2-form { } .tourz-search-slide3 { background: url(../images/slider/Slider3.png) no-repeat; position: relative; background-size: cover; } .tourz-search-slide3 { } .tourz-search-slide3-form { } .tourz-search-slide4 { background: url(../images/slider/Slider4.png) no-repeat; position: relative; background-size: cover; } .tourz-search-slide4 { } .tourz-search-slide4-form { } /*#select-city { background: #fff; border: 0px; height: 45px; border-radius: 2px; padding: 0px 10px; box-sizing: border-box; font-size: 14px; border: 1px solid #efefef; } #select-search { background: url(../images/icon/search.png) no-repeat left center #fff; border: 0px; height: 45px; border-radius: 2px; padding: 0px 10px 0px 35px; box-sizing: border-box; font-size: 14px; background-size: 17px; background-position-x: 10px; } .search-hotel-type { padding-left: 18px; }*/ .tourz-search-form input[type="submit"] { background: none !important; width: 100%; } .tourz-search-slide1-form input[type="submit"] { background: none !important; width: 100%; } .tourz-search-slide2-form input[type="submit"] { background: none !important; width: 100%; } .tourz-search-slide3-form input[type="submit"] { background: none !important; width: 100%; } .tourz-search-slide4-form input[type="submit"] { background: none !important; width: 100%; } .tourz-search-1 { padding: 150px 0px 100px 0px; width: 70%; margin: 0 auto; text-align: center; position: relative; } .tourz-search-1 h1 { color: #fff; font-size: 50px; } .tourz-search-1 p { font-size: 18px; color: #fff; padding-bottom: 30px; margin-bottom: 0px; } .tourz-search-1 form { } .tourz-search-form label { text-overflow: ellipsis; white-space: pre; overflow: hidden; right: 15px; } .tourz-search-form div:nth-child(1) { width: 20%; float: left; } .tourz-search-form div:nth-child(2) { width: 60%; float: left; } .tourz-search-form div:nth-child(3) { width: 15%; float: left; } .tourz-search:before { /* content: ''; */ background: #141E30; background: linear-gradient(to right, rgba(36, 59, 85, 0.55), rgba(20, 30, 48, 0.82)); background: linear-gradient(to right, rgba(36, 59, 85, 0.55), rgba(20, 30, 48, 0.82)); position: absolute; bottom: 0px; top: 0px; left: 0px; right: 0px; } .tourz-search-form div { margin: 0px 5px; } .tourz-search-slide1-form label { text-overflow: ellipsis; white-space: pre; overflow: hidden; right: 15px; } .tourz-search-slide1-form div:nth-child(1) { width: 20%; float: left; } .tourz-search-slide1-form div:nth-child(2) { width: 60%; float: left; } .tourz-search-slide1-form div:nth-child(3) { width: 15%; float: left; } .tourz-search-slide1:before { /* content: ''; */ background: #141E30; background: linear-gradient(to right, rgba(36, 59, 85, 0.55), rgba(20, 30, 48, 0.82)); background: linear-gradient(to right, rgba(36, 59, 85, 0.55), rgba(20, 30, 48, 0.82)); position: absolute; bottom: 0px; top: 0px; left: 0px; right: 0px; } .tourz-search-slide1-form div { margin: 0px 5px; } .tourz-search-slide2-form label { text-overflow: ellipsis; white-space: pre; overflow: hidden; right: 15px; } .tourz-search-slide2-form div:nth-child(1) { width: 20%; float: left; } .tourz-search-slide2-form div:nth-child(2) { width: 60%; float: left; } .tourz-search-slide2-form div:nth-child(3) { width: 15%; float: left; } .tourz-search-slide2:before { /* content: ''; */ background: #141E30; background: linear-gradient(to right, rgba(36, 59, 85, 0.55), rgba(20, 30, 48, 0.82)); background: linear-gradient(to right, rgba(36, 59, 85, 0.55), rgba(20, 30, 48, 0.82)); position: absolute; bottom: 0px; top: 0px; left: 0px; right: 0px; } .tourz-search-slide2-form div { margin: 0px 5px; } .tourz-search-slide3-form label { text-overflow: ellipsis; white-space: pre; overflow: hidden; right: 15px; } .tourz-search-slide3-form div:nth-child(1) { width: 20%; float: left; } .tourz-search-slide3-form div:nth-child(2) { width: 60%; float: left; } .tourz-search-slide3-form div:nth-child(3) { width: 15%; float: left; } .tourz-search-slide3:before { /* content: ''; */ background: #141E30; background: linear-gradient(to right, rgba(36, 59, 85, 0.55), rgba(20, 30, 48, 0.82)); background: linear-gradient(to right, rgba(36, 59, 85, 0.55), rgba(20, 30, 48, 0.82)); position: absolute; bottom: 0px; top: 0px; left: 0px; right: 0px; } .tourz-search-slide3-form div { margin: 0px 5px; } .tourz-search-slide4-form label { text-overflow: ellipsis; white-space: pre; overflow: hidden; right: 15px; } .tourz-search-slide4-form div:nth-child(1) { width: 20%; float: left; } .tourz-search-slide4-form div:nth-child(2) { width: 60%; float: left; } .tourz-search-slide4-form div:nth-child(3) { width: 15%; float: left; } .tourz-search-slide4:before { /* content: ''; */ background: #141E30; background: linear-gradient(to right, rgba(36, 59, 85, 0.55), rgba(20, 30, 48, 0.82)); background: linear-gradient(to right, rgba(36, 59, 85, 0.55), rgba(20, 30, 48, 0.82)); position: absolute; bottom: 0px; top: 0px; left: 0px; right: 0px; } .tourz-search-slide4-form div { margin: 0px 5px; } /*.tourz-sear-btn { height: 45px; line-height: 45px; background: #f4364f; background: linear-gradient(to bottom,#f4364f,#dc2039); outline: none; font-size: 16px; display: block !important; color: #fff; font-weight: 600; font-family: 'Quicksand', sans-serif; text-transform: uppercase; }*/ .tourz-hom-ser { position: relative; overflow: hidden; width: 100%; padding-top: 38px; padding-bottom: 5px; } .tourz-hom-ser ul { margin-bottom: 0px; margin: 0 auto; display: table; padding: 0px; } .tourz-hom-ser ul li { float: left; display: inline; text-align: center; width: 25%; padding: 0px 5px; } .tourz-hom-ser ul li a { background: #e8095a00; width: 90px; height: 90px; display: block; padding: 18px 2px 10px 2px; text-align: center; color: #000; border-radius: 5px; font-family: 'Arimo', sans-serif; /* position: relative; */ /* overflow: hidden; */ line-height: 24px; border: 1px solid #8e8e8e; } .tourz-hom-ser ul li a:hover { -webkit-transform: scale(1.1); transform: scale(1.1); background: #f4364f; background: linear-gradient(to bottom,#f4364f,#dc2039); border: 1px solid #d41e36; } .tourz-hom-ser ul li a img { display: table; text-align: center; margin: 0 auto; padding-bottom: 5px; width: 36px; } .tourz-pop-ser-btn { } .tourz-pop-ser-btn img { } .tourz-top-phone { border: 1px solid #9a729a; border-radius: 50px; } .autocomplete-content ul li a { border-bottom: 1px solid #e0e0e0; } .profile-btn { border: none; height: 30px; line-height: 26px; color: #fff; padding: 2px 10px; border-radius: 2px; font-family: 'Quicksand', sans-serif; background: #e8095a; background: linear-gradient(to bottom, #e8095a, #d40852); } .profile-btn:hover { color: #fff; } .autocomplete-content li img { float: left; width: 26px !important; height: 26px !important; left: 0px; top: 15px; } .autocomplete-content li { } /*-------------------------------------------------*/ /* MOBILE MENU /*-------------------------------------------------*/ .mob-menu-icon { display: inline-block; color: #fff; background: #f66365; padding: 5px 8px; cursor: pointer; font-size: 18px; border-radius: 2px; } .mob-menu-slide { z-index: 999; background: #ffffff; right: -240px; padding: 0px; border-radius: 2px; height: 100%; position: fixed; top: 0px; box-shadow: 10px 50px 100px rgba(0, 0, 0, 0.8); z-index: 9999; overflow-y: scroll; } .mob-menu-slide h4 { padding: 0px 15px 10px 15px; border-bottom: 0px solid #303b40; margin-bottom: 0px; color: #f76466; margin-top: 30px; } .mob-menu-slide ul { padding: 0px; text-align: left; position: relative; overflow: hidden; } .mob-menu-slide ul li { list-style-type: none; text-align: left; display: block; position: relative; overflow: hidden; border-bottom: 1px solid #ececec; } .mob-menu-slide ul li a { color: #000; float: inherit; display: block; font-size: 13px; /* border-bottom: 1px solid #303b40; */ padding: 12px 20px; font-weight: 500; cursor: pointer; font-family: 'Quicksand', sans-serif; } .mob-top { } .mob-menu { background: #253d52; position: fixed; z-index: 99; width: 100%; display: none; padding: 10px 30px; box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.63); } .mob-head-left { width: 50%; float: left; display: block; } .mob-head-left img { } .mob-head-right { width: 50%; float: left; display: block; } .mob-head-right a { float: right; } .top-menu a i { padding-right: 10px; } .btn-close-menu { display: none; z-index: 999; background: #f66365; color: #fff; position: absolute; right: 185px; padding: 4px; border-radius: 42px; top: 5px; z-index: 99999; width: 32px; height: 32px; text-align: center; } /*-------------------------------------------------------*/ /* DASHBOARD /*-------------------------------------------------------*/ .db { position: relative; overflow: hidden; width: 100%; background: #eaedef; /* margin-top: 100px; */ padding: 50px; } .db-l { float: left; width: 20%; } .db-2 { float: left; width: 58%; position: relative; overflow: hidden; background: #fff; border: 1px solid #dadada; /* margin-bottom: 25px; */ box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8); border-radius: 4px; margin-left: 12px; margin-right: 12px; } .db-3 { float: left; width: 20%; position: relative; overflow: hidden; background: #fff; border: 1px solid #dadada; /* margin-bottom: 25px; */ box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8); border-radius: 4px; } .db-l-1 { position: relative; overflow: hidden; background: #fff; border: 1px solid #dadada; /* margin-bottom: 25px; */ box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8); border-radius: 4px; } .db-l-1 ul { padding: 0px; } .db-l-1 ul li { color: #adadad; list-style-type: none; text-align: center; } .db-l-1 ul li span { display: block; font-size: 32px; font-weight: 500; line-height: 30px; color: #21252b; } .db-l-1 ul li:nth-child(1) { width: 100%; float: left; } .db-l-1 ul li:nth-child(1) img { width: 100%; } .db-l-1 ul li:nth-child(2) { width: 50%; float: left; padding: 20px 10px; /* text-align: center; */ } .db-l-1 ul li:nth-child(3) { width: 50%; float: left; padding: 20px 10px; } .db-l-2 { position: relative; overflow: hidden; background: #fff; border: 1px solid #dadada; padding: 20px; margin-top: 12px; box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8); border-radius: 4px; } .db-l-2 ul { padding: 0px; } .db-l-2 ul li { border-bottom: 1px solid #eaedef; padding: 12px 0px; list-style-type: none; } .db-l-2 ul li:last-child { border-bottom: 0px solid #dcdcdc; padding: 12px 0px 0px 0px; } .db-l-2 ul li a { color: #333; } .db-l-2 ul li a:hover { color: #333; padding-left: 8px; } .db-l-2 ul li a img { width: 20px; margin-right: 8px; } .db-3 h4 { margin: 0px; background: #253d52; padding: 15px; color: #fff; } .db-3 ul { margin-bottom: 0px; padding: 20px; padding-left: 20px !important; } .db-3 ul li { border-bottom: 1px solid #dcdcdc; padding: 12px 0px; list-style-type: none; } .db-3 ul li a { } .db-3 ul li a img { float: left; width: 28px; height: 28px; border-radius: 50px; margin-right: 10px; } .db-3 ul li a h5 { color: #333; font-size: 15px; margin-top: 0px; text-overflow: ellipsis; white-space: pre; overflow: hidden; text-transform: capitalize; margin-bottom: 0px; } .db-3 ul li a p { padding-left: 40px; margin-bottom: 0px; color: #969595; font-size: 12px; line-height: 18px; } .db-3 ul li:last-child { border-bottom: 0px solid #dcdcdc; padding: 12px 0px 0px 0px; } .db-2-com { } .db-2-com h4 { margin: 0px; background: #253d52; padding: 15px; color: #fff; } .db-2-main { } .db-2-main-com { padding: 20px; position: relative; overflow: hidden; } .db-2-main-com img { display: block; /* width: 80px; */ margin: 0 auto; /* padding-bottom: 20px; */ border: 1px solid #eaedef; padding: 12px; border-radius: 5px; margin-bottom: 20px; } .db-2-main-com span { font-size: 24px; font-weight: 600; font-family: 'Quicksand', sans-serif; } .db-2-main-com ul { margin-bottom: 0px; /* border-top: 1px solid #eaedef; */ margin-top: 10px; padding: 0px; } .db-2-main-com ul li { text-align: left; border-bottom: 1px solid #eaedef; padding: 12px 0px; list-style-type: none; background: url('../images/icon/db-arrow.png') no-repeat center left; background-size: 10px; text-overflow: ellipsis; white-space: inherit; overflow: hidden; } .db-2-main-com ul li a { /* text-align: left; */ display: block; color: #333; font-size: 13.5px; padding-left: 14px; } .db-2-main-com ul li a:hover { padding-left: 10px; } .db-done { font-size: 12px !important; background: #3e8e41; color: #fff; padding: 2px 4px; border-radius: 3px; text-transform: lowercase; margin-left: 5px; } .db-done:hover { color: #fff; } .db-not-done { font-size: 12px !important; background: #f4a321; color: #fff; padding: 2px 4px; border-radius: 3px; text-transform: lowercase; margin-left: 5px; } .db-2-main-1 { position: relative; overflow: hidden; float: left; width: 33.3%; text-align: center; } .db-2-main-2 { border-right: 1px solid #eaedef; padding: 20px; } .db-2-main-com-table { } .db-2-main-com-table th { font-weight: 600; padding: 10px 4px; } .db-2-main-com-table tr { border-bottom: 1px solid #eaedef; line-height: 37px; padding: 10px; } .db-2-main-com-table tr td { padding: 16px 4px 13px 4px; } .db2-form-com { } .db2-form-com form { padding: 35px 50px 35px 50px; background: #eaedef; margin-top: 15px; } .db2-form-com form input { border: 1px solid #e4e4e4; line-height: 44px; padding: 0px 25px; background: #fff; } .db2-form-com form input[type="submit"] { padding: 0px; } .db2-form-com form label { font-size: 14px; color: #646464; } .db2-form-pay { } .full-btn { height: 45px; line-height: 45px; background: #f96c71; background: linear-gradient(to bottom, #fa6d72, #f45d5d); outline: none; font-size: 16px; display: block !important; color: #fff; font-weight: 600; font-family: 'Quicksand', sans-serif; text-transform: uppercase; text-align: center; } .db-pay-card { position: relative; overflow: hidden; border: 1px solid #eaedef; padding: 1px 10px; } .db-pay-card h5 { display: inline-block; } .db-pay-card img { width: 175px; border: 0px; display: inline-block; margin-bottom: 0px; float: right; padding: 0px; } .db2-form-pay ul li { background: none; padding: 5px 0px 12px 0px; } .db-pay-amount { float: right; color: #FFC107; font-size: 22px; } .db-down-pdf { border: 1px solid #c7c8c9; border-radius: 3px; padding: 4px 8px; color: #333; } .db-make-pay { border: 1px solid #c7c8c9; border-radius: 3px; padding: 4px 8px; color: #333; } .db-make-pay:hover { background: #3e8e41; color: #fff; border: 1px solid #317d34; } .db-mak-pay-bot { margin-top: 25px; } .db-mak-pay-bot p { color: #969595; font-size: 14px; line-height: 24px; font-weight: 400; } .db-mak-pay-bot a { font-size: 16px; text-transform: capitalize; } .db-mak-pay-bot a:hover { color: #fff; } .db-up-btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; float: left; height: 3rem; line-height: 3rem; height: 45px; padding: 10px 25px; background: #14addb; color: #fff; } .db-file-upload { padding: 0 0.75rem; } .db-com-p { } .db-com-p h5 { font-size: 20px; } .db-com-p p { color: #969595; font-size: 14px; line-height: 24px; font-weight: 500; } #dropdown1 a { color: #333; } /*-------------------------------------------------------*/ /* REGISTER AND LOGIN /*-------------------------------------------------------*/ .tr-register { background: url(../images/face.jpg) #e6e6e6; position: relative; /* overflow: hidden; */ display: inline-block; width: 100%; } .tr-register::before { content: ''; position: absolute; background: rgba(33, 48, 59, 0.52); top: 0px; bottom: 0px; left: 0px; width: 100%; border-radius: 5px; } .tr-regi-form { margin: 0 auto; width: 50%; background: #fff; padding: 45px 50px 50px 50px; margin-top: 70px; margin-bottom: 70px; border-radius: 5px; text-align: center; position: relative; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.8); } .tr-regi-form input { padding: 10px 10px 10px; border: 1px solid #c9c9c9; } .tr-regi-form textarea { padding: 10px 10px 10px 22px; border: 1px solid #c9c9c9; height: 100px; } .tr-regi-form input[type="submit"] { padding: 0px; font-size: 18px !important; width: 100%; } .tr-regi-form label { } .tr-regi-form h4 { margin-top: 0px; font-size: 42px; margin-bottom: 8px; } .tr-regi-form h4 span { color: #e92b44; font-size: 42px; font-weight: 600; } .tr-regi-form form { position: relative; padding: 20px; } .tr-regi-form p { font-size: 18px; margin-bottom: 0px; } .tr-regi-form p a { } .full-btn { width: 100%; display: block; } .soc-login { position: relative; overflow: hidden; border-top: 1px solid #dcdcdc; margin-top: 15px; padding-top: 15px; } .soc-login h4 { text-align: center; padding-bottom: 15px; } .soc-login ul { padding: 0px; margin: 0px; } .soc-login ul li { list-style-type: none; float: left; width: 33.333%; padding: 5px; } .soc-login ul li a { display: block; color: #fff; padding: 7px 18px; text-align: center; border-radius: 2px; } .soc-login ul li:nth-child(1) a { background: #3b5998; } .soc-login ul li:nth-child(2) a { background: #00aced; } .soc-login ul li:nth-child(3) a { background: #d34836; } .soc-login ul li a i { padding-right: 5px; } /*-------------------------------------------------------*/ /* VERSION 2: HOME SEARCH BOX /*-------------------------------------------------------*/ .v2-ho-se-ri { } .v2-ho-se-ri h5 { color: #fff; text-transform: uppercase; font-family: 'Quicksand', sans-serif; font-size: 10px; letter-spacing: 4px; font-weight: 100; } .v2-ho-se-ri h1 { margin: 0px; color: #fff; font-size: 48px; margin-bottom: 20px; } .v2-ho-se-ri p { color: #fff; font-size: 16px; margin-bottom: 0px; font-weight: 100; font-family: 'Quicksand', sans-serif; line-height: 30px; } .v2-search-form { position: relative; background: #ffffff; padding: 50px; border-radius: 5px; border-bottom: 2px solid #cccccc; box-shadow: 0px 11px 26px 0px rgba(0, 0, 0, 0.29); } .v2-search-form label { color: #727070; font-weight: 600; top: 14px; font-size: 14px; } .v2-search-form input { background: #fff; border: 0px; height: 45px; border-radius: 2px; padding: 0px 10px; box-sizing: border-box; font-size: 14px; border: 1px solid #efefef; } .v2-hom-search { background: url(../images/slider/1.jpg) no-repeat; position: relative; background-size: cover; padding: 100px 0px; } .v2-hom-search:before { content: ''; background: #141E30; background: linear-gradient(to right, rgba(36, 59, 85, 0.55), rgba(20, 30, 48, 0.82)); background: linear-gradient(to right, rgba(25, 42, 103, 0.8), rgba(20, 30, 48, 0)); position: absolute; bottom: 0px; top: 0px; left: 0px; right: 0px; } .v2-ser-btn { text-align: center; } .v2-hom-ser { padding-top: 28px; } .v2-hom-ser ul { margin: inherit; } /*-------------------------------------------------*/ /* = DATE PICKER /*-------------------------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } .ui-datepicker-prev { background: url('../images/left-arrow.png') no-repeat center center; background-size: 25px; } .ui-datepicker-next { background: url('../images/right-arrow.png') no-repeat center center; background-size: 25px; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ .ui-datepicker { padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: -4px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: 500; color: #aaaaaa; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 9px; text-align: center; text-decoration: none; width: 40px; height: 40px; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 0px solid #c5c5c5; box-shadow: 0px 0px 54px rgba(0, 0, 0, 0.31); padding: 4px; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { /* border: 1px solid #dddddd; */ /* background: #e9e9e9; */ color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 0px solid #b4b4b4; background: #f6f6f6; font-weight: normal; color: #4f4f4f; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { font-weight: normal; border: 0px solid #dad55e; background: #f6598e; color: #ffffff; border-radius: 27px; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { font-weight: normal; border: 0px solid #dad55e; background: #1692c0; color: #ffffff; border-radius: 27px; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-state-disabled span { color: #aaaaaa !important; } /*-------------------------------------------------*/ /* = v2.0 MENU /*-------------------------------------------------*/ .main-menu-v2 { padding: 8px 0px; /* border-bottom: 1px solid #efeded; */ background: #253d52; } .main-menu-v2 ul { position: relative; padding: 0px; margin-bottom: 0px; } .main-menu-v2 ul li { float: left; list-style-type: none; display: inline-block; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .main-menu-v2 ul li a { color: #fff; text-transform: uppercase; padding: 10px 14px; line-height: 35px; font-weight: 600; font-size: 14px; font-family: 'Quicksand', sans-serif; } .v2-sub-sinl-men { } .v2-sub-sinl-men li { min-height: 34px !important; line-height: 34px !important; border-bottom: 1px solid #f3f3f3; } .v2-sub-sinl-men li a { padding: 7px 12px !important; } #main-menu-v2-book { float: right; } #main-menu-v2-book a { font-weight: 700; text-decoration: none; color: #fff; padding: 0px 15px; border-radius: 2px; display: inline-block; background: #1aa5d8; background: linear-gradient(to bottom, #1aa5d8, #1386b1); font-family: 'Quicksand', sans-serif; font-size: 13px; } .menu-arr:after { content: "\f107"; font-family: FontAwesome; /* background: #ffffff; */ -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 0; right: 10px; font-weight: 500; padding-left: 4px; } .drop-v2-all { width: 100%; left: 0px !important; } .drop-v2-all { } .drop-v2-all-inn { padding: 20px; position: relative; overflow: hidden; background: url(../images/search-bg.png) no-repeat right bottom; background-size: 600px; } .menu-sub-drop { float: left; width: 20%; } .menu-sub-drop h4 { margin-top: 10px; text-transform: uppercase; color: #333; font-size: 17px; border-bottom: 1px solid #e4e4e4; margin-right: 15px; padding-bottom: 15px; } .menu-sub-drop ul { } .menu-sub-drop ul li { min-height: 42px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .menu-sub-drop ul li a { padding: 0px; line-height: 26px; font-size: 14px; } .v2_head_right { width: 190px; } .v2_head_right li { display: block !important; } .v2_head_right li a { } /*-------------------------------------------------------*/ /* SOCIAL SHARE /*-------------------------------------------------------*/ .post-btn { margin-top: 5px; position: relative; overflow: hidden; margin-bottom: 15px; } .post-btn ul { padding: 0px; margin-bottom: 0px; } .post-btn ul li { display: inline-block; margin-right: 4px; line-height: 40px; } .post-btn ul li a { text-transform: uppercase; color: #fff; font-weight: 400; font-size: 11.5px; font-family: 'Montserrat', sans-serif; padding: 10px; border-radius: 3px; } .post-btn ul li:nth-child(1) a { background: #3b5998; } .post-btn ul li:nth-child(2) a { background: #00aced; } .post-btn ul li:nth-child(3) a { background: #d34836; } .post-btn ul li i { padding-right: 5px; } .contact__form { } .contact__form input[type="submit"] { width: 100%; } .faq-form { } .faq-form ul li:nth-child(5) { width: 100%; } .faq-form ul li:nth-child(6) { width: 100%; } .faq-form ul li:nth-child(6) textarea { width: 100%; height: 120px; padding: 10px; background: #fff; resize: none; border-radius: 3px; } .alert-success { text-align: center; font-size: 18px; } /*--======================================================================--*/ .wed-logo { float: left; } .wed-logo a { } .wed-logo a img { width: 250px; padding: 7px 0px; } .wed-menu { float: right; padding-top: 14px; } .wed-menu ul { margin-bottom: 0px; /* padding-top: 23px; */ } .wed-menu ul li { float: left; display: inline-block; } .wed-menu ul li:nth-child(2) { padding-right: 10px; } .wed-menu ul li a { color: #363a3c; padding: 8px 10px 5px 10px; } .menu-drop-menu { } .menu-drop-menu li { } .menu-drop-menu li a { } .wed-search { background: url(../images/banner.jpg) no-repeat; position: relative; background-size: cover; } .wed-search { } .web-search-form { } .web-search-form input { background: #fff !important; border: 0px !important; height: 45px !important; border-radius: 2px !important; padding: 0px 10px !important; box-sizing: border-box !important; font-size: 14px !important; } .web-search-form input[type="submit"] { background: none !important; } .wed-search-1 { padding: 250px 0px 100px 0px; width: 70%; margin: 0 auto; text-align: center; position: relative; } .wed-search-1 h1 { color: #fff; font-size: 40px; } .wed-search-1 p { font-size: 18px; color: #fff; padding-bottom: 15px; } .wed-search-1 form { } .web-search-form label { top: 16px; left: 18px; font-size: 12px; font-family: 'Open Sans', sans-serif; } .wed-search:before { content: ''; background: #141E30; background: linear-gradient(to right, rgba(36, 59, 85, 0.55), rgba(20, 30, 48, 0.82)); background: linear-gradient(to right, rgba(36, 59, 85, 0.55), rgba(20, 30, 48, 0.82)); position: absolute; bottom: 0px; top: 0px; left: 0px; right: 0px; } .web-search-form div { padding-left: 5px; padding-right: 5px; } .wed-sear-btn { height: 45px; line-height: 45px; background-color: #994b97; background: linear-gradient(to bottom, #9a4c98, #6a3179); outline: none; } .wed-pop-ser-btn { } .wed-pop-ser-btn img { } .wed-top-phone { border: 1px solid #6b6a6a; border-radius: 50px; } /*-------------------------------------------------*/ /* = 2.MAIN MENU /*-------------------------------------------------*/ .main-menu { float: right; width: 80%; } .main-menu ul { float: right; margin-bottom: 0px; } .main-menu ul li { float: left; display: inline-block; } .main-menu ul li a { color: #000000; padding: 20px 10px; line-height: 58px; font-size: 18px; font-weight: 800; /* text-transform: uppercase; */ position: relative; font-family: 'Quicksand', sans-serif; } .main-menu ul li a:hover { color: #e23464; } .usafdd-menu ul li a:hover { color: #e23464; } .canadafdd-menu ul li a:hover { color: #e23464; } .safdd-menu ul li a:hover { color: #e23464; } .aboutus-menu ul li a:hover { color: #e23464; } .africa-menu ul li a:hover { color: #e23464; } .worldwide-menu ul li a:hover { color: #e23464; } .ceo-menu ul li a:hover { color: #e23464; } .main-menu ul li a:after { content: ""; position: absolute; width: 100%; height: 3px; bottom: 12px; left: 0; color: #e23464; background-color: #e23464; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); transition: all .15s ease-in; z-index: 1; } .main-menu ul li a:hover:after { visibility: visible; transform: scaleX(1); transition: all .25s ease-out; } .main-menu ul li:last-child a { padding-right: 0px; } .ed-sub-menu:after { content: "\f107"; font-family: FontAwesome; padding: 5px 5px; position: relative; top: 0px; font-size: 14px; font-weight: 900; } .ed-sub-drop-menu:after { content: "\f105"; font-family: FontAwesome; padding: 5px 5px; position: relative; top: -5px; font-size: 14px; font-weight: 900; hom-hot-av-tic float:right; } .menu-about:after { display: none; } .mm1-s2 a:after { display: none; } .slider { height: 600px !important; } .slider:after { position: absolute; content: ''; background: #333; bottom: 0px; top: 0px; left: 0px; right: 0px; } .caption h3 { font-size: 60px; } .caption h5 { font-size: 32px; } .caption p { } .caption a { } /*-------------------------------------------------*/ /* = 7.SEARCH BOX /*-------------------------------------------------*/ .search-top { background: #002147; padding: 12px 0px; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.32); /* z-index: 99; */ /* position: absolute; */ width: 100%; border-top: 1px solid #dedede; } .search-form { width: 60%; margin: 0 auto; } .search-form form { } .sf-type { float: left; width: 75%; } .sf-input { } .sf-input input { width: 100%; border: 0px; background: url(../images/search.png) no-repeat left center #ffffff; background-size: 17px; background-position-x: 12px; color: #464646; font-weight: 500; text-transform: capitalize; padding: 8px; border: 1px solid #ffffff; padding: 8px 45px; margin: 0px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; font-size: 14px; } .sf-list { display: none; position: absolute; width: 43.8%; background: #fff; z-index: 99; box-shadow: 0 26px 64px 0 rgba(0,0,0,.6); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; height: 300px; overflow-y: hidden; } .sf-list:hover { overflow-y: auto; } .sf-list ul { } .sf-list ul li { } .sf-list ul li a { display: block; color: #2b333a; padding: 10px; border-bottom: 1px solid #efefef; font-size: 14px; font-weight: 600; } .sf-list ul li a:hover { background: #eee; } .sf-list ul li:last-child a { border-bottom: 0px solid #efefef; } .sf-submit { float: left; width: 25%; } .sf-submit input { width: 100%; border: 0px; color: #fff; font-weight: 600; text-transform: uppercase; padding: 13px; border: 1px solid #e25f30; border-top-right-radius: 2px; border-bottom-right-radius: 2px; background: #e05a2b; background: -webkit-linear-gradient(to top, #ef612f, #f36b3b); background: linear-gradient(to top, #de592a, #f36b3b); } /*-------------------------------------------------*/ /* = 8.SLIDER /*-------------------------------------------------*/ .slider-arr { color: #fff; position: absolute; font-size: 18px; top: 50%; width: 50px; height: 50px; background: #000000; padding: 17px; border-radius: 50px; } .slider-con { } .slider-con h2 { font-size: 50px; text-transform: uppercase; line-height: 50px; } .slider-con h2 span { font-size: 50px; text-transform: uppercase; font-weight: 700; line-height: 28px; color: #e66030; } .slider-con p { font-size: 20px; color: #fff; margin-bottom: 40px; margin-top: 30px; line-height: 30px; font-weight: 300; } .slider-con a { /* color: #fff; */ padding: 14px 45px; line-height: 45px; border-radius: 3px; text-transform: uppercase; font-weight: 600; font-size: 14px; height: 45px; text-align: center; margin: 0px 10px; } .bann-btn-1 { background: #f36b3b; background: -webkit-linear-gradient(to top, #ef612f, #f36b3b); background: linear-gradient(to top, #ef612f, #f36b3b); color: #fff; border: 1px solid #f36b3b; } .bann-btn-1:hover { border: 1px solid #fff; background: #fff; color: #333; } .bann-btn-2 { border: 1px solid #e0e0e0; color: #e0e0e0; } .bann-btn-2:hover { border: 1px solid #fff; background: #fff; color: #333; } .item { } .item img { width: 100%; } .top-revi { float: left; position: relative; overflow: hidden; padding: 5px 5px 5px 5px; width: 20%; } .top-revi img { width: 50px; height: 50px; float: left; margin-right: 10px; border-radius: 5px; } .top-revi h4 { float: left; display: block; } .top-revi p { /* line-height: 5px; */ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; float: left; margin-bottom: 0px; font-size: 12px; width: 70%; } .top-star-rat { margin-bottom: 0px; line-height: 10px; float: left; display: block; } .top-star-rat i { font-size: 10px; } .top-logo { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 1s ease; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.32); } .pop-form { } .pop-form input { font-size: 16px; } .ff3 { border: 1px solid #c3c3c3; padding: 25px; border-top: 0px; } .ff3 h3 { } .ff3 p { } .pop-close { } /*-------------------------------------------------*/ /* = 9.HOME PAGE: QUICK LINK /*-------------------------------------------------*/ .wed-hom-ser { /* position: absolute; */ /* overflow: hidden; */ /* width: 100%; */ /* padding-top: 14px; */ margin-top: -140px; } .wed-hom-ser ul { margin-bottom: 0px; margin: 0 auto; display: table; /* background: #002147; */ position: relative; /* padding: 5px 5px 0px 5px; */ /* border-radius: 5px; */ /* box-shadow: 0 0 5px 0 #002147; */ } .wed-hom-ser ul li { float: left; display: inline; text-align: center; margin: 5px; } .wed-hom-ser ul li a { background: #202f40; width: 90px; height: 90px; display: block; padding: 18px 2px 10px 2px; text-align: center; color: #fff; border-radius: 70px; font-family: 'Arimo', sans-serif; position: relative; overflow: hidden; line-height: 24px; font-size: 11px; } .wed-hom-ser ul li a:hover { -webkit-transform: scale(1.1); transform: scale(1.1); background: #ef6331; color: #fff; } .wed-hom-ser ul li a img { display: table; text-align: center; margin: 0 auto; padding-bottom: 5px; } .wed-hom-ser ul li a h4 { font-size: 32px; color: #002147; font-weight: 600; margin-bottom: 5px; } .wed-hom-ser ul li a span { color: #898d92; font-size: 12px; letter-spacing: 2px; } /*-------------------------------------------------*/ /* = 16.REGISTER LOGIN POPUPS /*-------------------------------------------------*/ .log-in-pop { position: relative; overflow: hidden; /* height: 100%; */ /* bottom: 0px; */ background: #fff; width: 60%; margin: 0 auto; margin-top: 5%; } .log-in-pop-left { float: left; width: 40%; background: url('../images/login.jpg') #002147 no-repeat center center; padding: 12.5% 6%; color: #fff; height: 100%; bottom: 0px; /* min-height: 115%; */ } .log-in-pop-left::before { } .log-in-pop-left h1 { color: #fff; font-size: 32px; } .log-in-pop-left h1 span { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-transform: capitalize; color: #fff; font-size: 24px; } .log-in-pop-left p { color: #fff; } .log-in-pop-left h4 { color: #fff; margin-bottom: 15px; margin-top: 15px; border-top: 1px solid #002e63; padding-top: 15px; } .log-in-pop-left ul { margin-bottom: 0px; } .log-in-pop-left ul li { margin-bottom: 5px; } .log-in-pop-left ul li a { display: block; background: #3F51B5; color: #fff; padding: 12px; border-radius: 2px; font-weight: 600; font-size: 14px; } .log-in-pop-left ul li:nth-child(1) a { background: #39579A; } .log-in-pop-left ul li:nth-child(2) a { background: #F24033; } .log-in-pop-left ul li:nth-child(3) a { background: #24A9E6; } .log-in-pop-left ul li a i { padding-right: 7px; } .log-in-pop-right { float: left; width: 60%; padding: 50px; } .log-in-pop-right h4 { font-size: 24px; margin-bottom: 20px; } .log-in-pop-right p { } .log-in-pop-right a { color: #333; } .log-in-pop-right form { } .log-in-pop-right form label { font-size: 14px !important; font-weight: 200; left: 15px; top: 14px; } .log-in-pop-right form input { border: 1px solid #dfdfdf; padding: 8px; box-sizing: border-box; height: 45px; border-radius: 2px; font-size: 14px; color: #000; margin-bottom: 5px; } .log-in-pop-right form textarea { border: 1px solid #dfdfdf; padding: 8px; box-sizing: border-box; height: 70px; border-radius: 2px; } .log-in-pop-right form input[type="submit"] { color: #fff; height: 32px; } .padd-top { margin-top: 15px; } .log-in-btn { background: #f4364f; color: #fff; padding: 2px 10px; font-weight: 600; } .pop-close { color: #333; width: 24px; height: 24px; display: inline-block; position: absolute; top: 15px; right: 15px; } .pop-close:hover { transform: rotate(180deg); } .pop-close img { width: 24px; } .modal-open { overflow: inherit !important; } .log-ch-bx { } .log-ch-bx p { } .log-ch-bx p label { left: 1px; top: 10px; color: #727070; } .log-ch-bx p input { } /*-------------------------------------------------*/ /* = 17.REGISTER LOGIN POPUPS /*-------------------------------------------------*/ .in2-top-logo { background: #002147; } .in2-search-top { background: #013673; border-top: 1px solid #002147; } .in2-main-menu { } .in2-main-menu ul li a { color: #fff; } .in2-dropdown-content { background-color: #002147; box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.37); } .in2-dropdown-content li { } .in2-dropdown-content li a { border-bottom: 1px solid #032954; } .in2-dropdown-content li a:hover { background: #013673; } .in2-ban { margin-top: 72px; background: url(../images/pro-bg.jpg) no-repeat center center #333; padding: 80px 0px; background-size: cover; position: relative; } .in2-ban:before { content: ''; position: absolute; background: linear-gradient(to top, rgba(2, 35, 74, 0.95) 14%, rgba(0, 33, 71, 0.87) 66%); top: 0px; bottom: 0px; left: 0px; width: 100%; } .in2-bi { position: relative; overflow: hidden; width: 90%; margin: 0 auto; } .in2-bi-left { /* color: #fff; */ width: 70%; padding-top: 35px; } .in2-bi-left h1 { color: #fff; text-transform: capitalize; font-size: 52px; } .in2-bi-left p { color: #949494; font-size: 18px; } .in2-bi-form { position: relative; overflow: hidden; background: #fff; box-sizing: border-box; padding: 25px; border-radius: 4px; box-shadow: 0px 16px 40px -10px rgb(0, 0, 0); border-bottom: 5px solid #f06433; } .in2-bi-form h4 { text-align: center; } .in2-bi-form input { border: 1px solid #e8e8e8; height: 45px; margin-bottom: 4px; } .in2-bi-form label { color: #0e0e0e; left: 20px; top: 15px; font-size: 16px; font-family: 'Open Sans', sans-serif; } /*-------------------------------------------------*/ /* = 21.MEGA MENU /*-------------------------------------------------*/ .mm-pos { position: absolute; width: 100%; right: 0px; left: 0px; } .usa-mm, .canada-mm, .safdd-mm, .alaska-mm, .fit-mm, .citypackages-mm, .beyondusa-mm, .usafdd-menu-mm, .canadafdd-menu-mm, .aboutus-menu-mm, .africa-menu-mm, .worldwide-menu-mm, .more-menu-mm { display: none; } .canadafdd-menu-mm-com { width: 33%; float: left; box-sizing: border-box; padding: 20px; border-right: 1px solid #eaeaea; } .canadafdd-menu-mm-com h4 { border-bottom: 1px solid #eaeaea; padding-bottom: 10px; margin-bottom: 10px; text-transform: uppercase; font-size: 14px; } .canadafdd-menu-mm-com ul { } .canadafdd-menu-mm-com ul li { display: block; width: 100%; position: relative; } .canadafdd-menu-mm-com ul li a { font-size: 14px; color: #203245; line-height: 31px; text-transform: capitalize; } .canadafdd-menu-mm-com ul li a:hover { } .canadafdd-menu-mm-com ul li a:after { bottom: 0px; } .worldwide-menu-mm-com { width: 25%; float: left; box-sizing: border-box; } .worldwide-menu-mm-com h4 { border-bottom: 1px solid #eaeaea; padding-bottom: 10px; margin-bottom: 10px; text-transform: uppercase; font-size: 14px; } .worldwide-menu-mm-com ul { } .worldwide-menu-mm-com ul li { display: block; width: 100%; position: relative; } .worldwide-menu-mm-com ul li a { font-size: 14px; color: #203245; line-height: 31px; text-transform: capitalize; } .worldwide-menu-mm-com ul li a:hover { } .worldwide-menu-mm-com ul li a:after { bottom: 0px; } .aboutus-menu-mm-com { width: 25%; float: left; box-sizing: border-box; } .aboutus-menu-mm-com h4 { border-bottom: 1px solid #eaeaea; padding-bottom: 10px; margin-bottom: 10px; text-transform: uppercase; font-size: 14px; } .aboutus-menu-mm-com ul { } .aboutus-menu-mm-com ul li { display: block; width: 100%; position: relative; } .aboutus-menu-mm-com ul li a { font-size: 14px; color: #203245; line-height: 31px; text-transform: capitalize; } .aboutus-menu-mm-com ul li a:hover { } .aboutus-menu-mm-com ul li a:after { bottom: 0px; } .m-menu { position: absolute; overflow: hidden; width: 100%; box-shadow: 0px 7px 12px -4px rgba(0, 0, 0, 0.45); background: url('') no-repeat right bottom, #fff; z-index: 999; margin-top: -7px; padding: 20px 10px; } .m-menu-inn { } .mm1-com { width: 25%; float: left; box-sizing: border-box; padding: 20px; border-right: 1px solid #eaeaea; } .mm1-com h4 { border-bottom: 1px solid #eaeaea; padding-bottom: 10px; margin-bottom: 10px; text-transform: uppercase; font-size: 14px; } .mm1-com ul { } .mm1-com ul li { display: block; width: 100%; position: relative; padding-left: 15px; } .mm1-com ul li a { font-size: 14px; color: #203245; line-height: 31px; padding: 5px; text-transform: capitalize; } .mm1-com ul li a:hover { } .mm1-com ul li a:after { bottom: 0px; } .mm1-cour5-com { width: 20%; } .mm1-cour3-com { width: 33.33%; } .mm1-cour4-com { width: 25%; } .mm1-cour-com { width: 100%; } .ed-dr-men-mar-top { padding-top: 30px; display: inline-block; } .mm1-s1 { } .mm1-s1 img { width: 100%; } .mm1-s2 { } .mm1-s2 p { font-size: 12px; color: #203245; } .mm1-s2 a { } .mm1-s3 { } .mm1-s3 ul { padding: 0px; } .mm1-s4 { border-right: 0px solid #eaeaea; } .mm1-s4 img { width: 100%; } .mm-arr:after { } .m-menu-inn > .mm1-s2 > .mm-r-m-btn { background: #002147; padding: 4px 10px; color: #fff; font-size: 11px; border-radius: 3px; height: 30px; line-height: 24px; } .mm1-com > .ed-course-in > a { padding: 0px; } .mm2-com { } .mm2-com p { font-size: 12px; color: #203245; } .mm2-com > .ed-course-in { margin-bottom: 15px; } .mm2-com a:after { display: none; } .m-menu-inn > .mm2-com > a { background: #002147; padding: 4px 10px; color: #fff; font-size: 11px; border-radius: 3px; height: 30px; line-height: 24px; } .m-menu-inn ul li:before { content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ color: #000; font-size: 16px; padding-right: 0.5em; position: absolute; top: 5px; left: 0; } .mm1-s4 ul { padding: 0px; } /*-------------------------------------------------*/ /* = 30.MOBILE MANU /*-------------------------------------------------*/ .ed-mob-menu { position: fixed; top: 0px; width: 100%; height: 55px; /*background: #fff;*/ background: url(../images/Body/hexellence.png); box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.32); z-index: 999; display: none; } .ed-mob-menu-con { width: 90%; margin: 0 auto; } .ed-mm-left { float: left; width: 50%; box-sizing: border-box; } .ed-mm-right { float: left; width: 50%; box-sizing: border-box; } .ed-mm-menu { } .ed-micon { float: right; } .ed-micon i { width: 32px; height: 32px; border: 1px solid #0a2444; text-align: center; font-size: 20px; padding: 5px; border-radius: 2px; margin-top: 10px; color: #0a2444; cursor: pointer; } .ed-mm-inn { position: fixed; width: 70%; background: #fff; padding: 50px; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.32); overflow-y: auto; right: -80%; height: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .ed-mm-act { right: 0%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .ed-mi-close { position: absolute; z-index: 99; margin: -50px 8px 8px -30px; } .ed-mi-close i { width: 32px; height: 32px; border: 1px solid #0a2444; text-align: center; font-size: 20px; padding: 5px; border-radius: 2px; margin-top: 10px; color: #0a2444; cursor: pointer; } .ed-mm-inn h4 { } .ed-mm-inn ul { margin-bottom: 30px; margin-top: 10px; padding: 0px; } .ed-mm-inn ul li { list-style-type: none; } .ed-mm-inn ul li a { display: block; border-bottom: 1px solid #ececec; padding: 6px 0px 6px 25px; font-size: 14px; color: #42494e; } .ed-mm-inn ul li a:before { content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; font-size: 14px; color: black; margin-left: -25px; } .affix { position: fixed; top: 0px; width: 100%; height: 55px; background: #fff; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.32); z-index: 999; padding: 1px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .sb1 { background: #002147; position: fixed; width: 100%; top: 0px; z-index: 9999; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.48); } .sb1 h3 { color: #fff; font-weight: 700; font-size: 16px; text-transform: uppercase; } .sb1-1 { } .sb1-2 { float: right; } .sb1-2 button { background: #2d3a40; border: 0px; color: #fff !important; font-weight: 600; text-transform: uppercase; font-size: 12px; padding: 20px; border-radius: 0px; } .sb2 { background: #002147; margin-top: 59px; } .sb2-1 { float: left; width: 20%; background: #263238; color: #fff; height: 100%; position: absolute; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .sb2-1 a { color: #cecece; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .sb2-1 a:hover { color: #fff; /* padding-left: 30px; */ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: none; } .sb2-12 { position: relative; overflow: hidden; padding: 15px; background: #e66030; } .sb2-12 ul { padding: 0px; } .sb2-12 ul li { float: left; display: inline-block; } .sb2-12 ul li:nth-child(1) { width: 15%; } .sb2-12 ul li:nth-child(2) { width: 70%; padding: 0px 7px; } .sb2-12 ul li:nth-child(3) { width: 10%; } .sb2-12 ul li img { width: 30px; border-radius: 50%; } .sb2-12 ul li h5 { margin-bottom: 0px; margin-top: 0px; font-size: 14px; color: #fff; } .sb2-12 ul li h5 span { display: block; font-size: 12px; color: #ffcfbe; margin-top: -4px; } .sb2-13 { background: #002147; } .sb2-13 ul { /* padding: 20px; */ margin-left: 0px; padding-left: 0px; margin-bottom: 0px; } .sb2-13 ul li { list-style-type: none; /* border-bottom: 1px solid #303b40; */ /* padding: 3px 20px; */ } .sb2-13 ul li a { display: block; font-size: 13.5px; padding: 10px 0px; border-bottom: 1px solid #002958; padding: 12px 20px; background: #002147; } .sb2-13 ul li a:after { font-family: FontAwesome; content: "\f105"; font-size: 16px; display: block; position: absolute; margin-top: -15px; right: 20px; font-size: 12px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform .2s ease-in-out; -o-transition: -webkit-transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; } .sb2-13 ul li a:hover:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .sb2-13 ul li a:focus:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .sb2-13 ul li a:hover { background: #022c5d; } .sb2-13 ul li a:focus { background: #022c5d; } .menu-act { background: #57666d; } .sb2-13 ul li a i { margin-right: 8px; width: 16px; } .sb2-2 { float: left; width: 80%; padding: 40px; margin-left: 20%; background: #e3e8ea; } .sb2-2-1 { background: #fff; padding: 25px; } .sb2-2-1 h2 { margin-top: 0px; } .sb2-2-1 p { } .sb2-2-1 table { width: 100%; } .sb2-2-1 table tr { } .sb2-2-1 table tr th { } .sb2-2-1 table tr td { } .sb2-2-1 table tr td a { } .sb2-2-1-edit { } .sb2-2-1-edit i { color: #FF5722; } .sb2-2-add-blog textarea { width: 100%; display: block; border: 1px solid #ccc; border-radius: 4px; height: 200px; } .sa-blog { } .sa-blog-post { position: relative; overflow: hidden; border-bottom: 1px solid #d2d2d2; padding: 25px 0px; } .sa-blog-post h2 { color: #000; font-weight: 700; } .sa-blog-post span { font-style: italic; color: #000; } .sa-blog-post span b { font-weight: 500; color: #000; } .sa-blog-post img { width: 100%; padding-bottom: 25px; padding-top: 20px; } .sa-blog-post p { color: #000; font-size: 15px; line-height: 24px; padding-bottom: 15px; } .sa-blog-post-btn { background: #f7941e; color: #fff; padding: 5px; } .sa-blog-com-1 { padding: 50px 0px; } .sa-blog-com { } .sa-blog-ads { } .sa-blog-ads img { } .sa-blog-rece { } .sa-blog-rece h3 { text-transform: uppercase; font-size: 18px; } .sa-blog-rece ul { padding: 0px; } .sa-blog-rece ul li { list-style-type: none; } .sa-blog-rece ul li a { border-bottom: 1px solid #e1e6ec; color: #a2a2a2 !important; font-weight: 200 !important; line-height: 40px; padding-bottom: 7px; font-size: 14px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .sa-blog-rece ul li a:hover { padding-left: 8px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .sa-blog-rece ul li a i { padding-right: 8px; } .sa-blog-g { padding-top: 50px; } .sa-blog-g img { } .n-blog-top { background: #000000; padding: 10px 0px; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.8); } .blog-logo { } .blog-logo a { } .blog-logo a img { width: 175px; } .blog-soc { } .blog-soc ul { padding: 0px; float: right; margin-bottom: 0px; padding-top: 25px; } .blog-soc ul li { float: left; display: inline-block; padding-right: 6px; } .blog-soc ul li a { } .blog-soc ul li a i { color: #ffffff; width: 24px; height: 24px; /* border: 1px solid #6d6d6d; */ padding: 5px; text-align: center; border-radius: 20px; background: #f7941e; } .blog-copy { padding: 50px; background: #000; color: #fff; } .blog-copy p { text-align: center; margin-bottom: 0px; } .blog-copy p a { color: #fff; } .blog-login { background: url(../images/bg.jpeg) no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; } .blog-login:before { } .blog-login-in { position: relative; width: 30%; margin: 0 auto; margin-top: 7%; background: #fff; padding: 40px; border-radius: 3px; box-shadow: 0px 0px 50px 2px rgba(0, 0, 0, 0.51); } .blog-login-in form { position: relative; } .blog-login-in form img { margin: 0 auto; display: table; padding-bottom: 25px; } .blog-login-in input { } .blog-login-in button { color: #fff; background-color: #fff; border-color: #428433; background: #4e923f; font-weight: 700; } .blog-login-in a { display: block; } /*-------------------------------------------------------*/ /* 2.LEFT MENU /*-------------------------------------------------------*/ .left-sub-menu { padding: 0px; } .left-sub-menu ul { /* padding: 0px 0px 10px 40px; */ } .left-sub-menu ul li { list-style-type: none; border-bottom: 1px solid #002856; } .left-sub-menu ul li:last-child { border-bottom: 0px solid #303b40; } .left-sub-menu ul li a { display: block; font-size: 13.5px; padding: 10px 24px 10px 45px; } .left-sub-menu ul li a:hover { background: none; padding-left: 55px; } .left-sub-menu ul li a:focus { background: none; } .left-sub-menu ul li a:after { display: none; } .sb2-2-2 { position: relative; overflow: hidden; margin-bottom: 15px; } .sb2-2-2 ul { padding: 0px; margin-bottom: 0px; } .sb2-2-2 ul li { list-style-type: none; float: left; padding-right: 5px; } .sb2-2-2 ul li a { color: #495d65; vertical-align: middle; } .sb2-2-2 ul li a i { padding-right: 2px; } .active-bre:before { content: "/"; padding: 0 5px; color: #333; } .my-acc { } .my-acc:hover { background: #4b5a61 !important; } .my-acc:focus { background: #4b5a61 !important; } /*-------------------------------------------------------*/ /* 7.DROPDOWN /*-------------------------------------------------------*/ .drop-down-meta { position: absolute; right: 30px; padding: 3px; color: black; z-index: 999; top: 15px; background: #e3e8ea; width: 30px; height: 30px; border-radius: 25px; } .drop-down-meta:hover { background: #29a0da; color: #fff; } .box-inn-sp { background: #fff; /* padding: 25px; */ } /*-------------------------------------------------------*/ /* 8. TAB AND SEARCH /*-------------------------------------------------------*/ .tab-inn { padding: 25px; } .tab-posi { position: relative; overflow: hidden; } .top-menu-sty { width: 250px !important; } .my-btn { color: #ffffff; background: #57666d; padding: 21px; line-height: 18px; font-weight: 700; } .app-search { position: relative; margin: 12px 15px 8px 5px; font-size: 13px; color: #626773; padding-left: 20px; padding-right: 40px; background: transparent; border: 1px solid rgba(122, 125, 132, 0.15); box-shadow: none; border-radius: 30px; height: 36px; font-weight: 600; width: 100%; } .app-search input { border-bottom: 0px !important; /* line-height: 7px !important; */ height: 35px !important; color: #cecece; } .app-search a { position: absolute; top: 8px; right: 16px; color: #7a7d84; } .box-second-inn { margin-top: 30px; } .mar-bot-20 { margin-bottom: 20px; } .icon-container .icon-preview { height: 90px; text-align: center; } .icon-container span { display: block; } .icon-container i { font-size: 3em; margin-bottom: 10px; } .tab-pad { padding-top: 20px !important; } .tab-col { padding: 20px !important; color: #000; } /*-------------------------------------------------------*/ /* 10. TOP BAR /*-------------------------------------------------------*/ .btn-noti span { position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -8px; height: 14px; border-radius: 10px; min-width: 15px; background: #4CAF50; color: #fff; line-height: 14px; padding: 0px 2px; font-size: 11px; white-space: nowrap; -webkit-transform-origin: -10% center; -ms-transform-origin: -10% center; transform-origin: -10% center; font-family: tahoma; box-shadow: 0 0 0 1px #3d793f; text-align: center; } .top-user-pro { padding: 18px 20px; color: #fff; float: right; } .top-user-pro img { width: 25px; margin-right: 10px; border-radius: 35px; border: 2px solid #a1adb3; } .top-user-pro i { margin-left: 5px; } .top-not-cen { margin: 0 auto; display: table; padding-top: 5px; } .tab-menu { display: none; } .logo { } .logo img { width: 100%; } .atab-menu { display: inline-block; cursor: pointer; } .btn-close-menu { display: none; z-index: 999; background: #0e76a8; color: #fff; position: absolute; left: 240px; padding: 5px 8px; border-radius: 2px; top: 0px; } .page-back { float: right !important; } .page-back a { background: #f44336; color: #fff !important; font-size: 12px; padding: 3px 8px; border-radius: 25px; font-weight: 600; } .page-back a i { } .nav-tabs > li > a { color: #0e76a8; font-weight: 700; font-size: 14px; } .nav-tabs > li > a i { width: 16px; color: #0e76a8; margin-right: 5px; } .coll-head { display: block; cursor: pointer; min-height: 3rem; line-height: 3rem; padding: 0 1rem; background-color: #fff; border-bottom: 1px solid #ddd; } .coll-head i { width: 2rem; font-size: 1.6rem; line-height: 3rem; display: block; float: left; text-align: center; margin-right: 1rem; } .coll-body { border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 2rem; } .btn-log-in { text-align: center; } .for-pass { text-align: right; padding-top: 15px; font-size: 15px; font-weight: 700; color: #0e76a8; } .select-pos { position: relative; /* overflow: hidden; */ display: initial; } .menu-active { background: #ffffff !important; color: #000 !important; } .tab-map { } .tab-map iframe { width: 100%; height: 350px; border: 0px; display: block; pointer-events: none; position: relative; } .ad-st-view { background: #e25e30; color: #fff !important; font-size: 12px; font-weight: 700; padding: 1px 5px; border-radius: 3px; } .admin-form { } .admin-form form { } .admin-form form input { border: 1px solid #e2e2e2; height: 40px; border-radius: 2px; font-size: 14px; padding-left: 16px; box-sizing: border-box; margin-bottom: 8px; } .admin-form form textarea { border: 1px solid #e2e2e2; height: 100px; border-radius: 2px; font-size: 14px; padding-left: 16px; box-sizing: border-box; margin-bottom: 8px; padding-top: 15px; } .admin-form form label { left: 20px; font-size: 14px; top: 8px; } .admin-form form i { text-align: center; padding: 0px; } .admin-form form [type="submit"] { width: 100%; display: block; padding: 1px 30px; font-size: 14px; font-weight: 700; } .ad-cou-deta-h4 h4 { margin-top: 15px; padding-bottom: 10px; } .admin-upload-btn { height: 40px !important; } .admin-upload-btn span { color: #fff; } .ad-page-pre-btn { background: #03A9F4 !important; } .ad-page-pre-btn a { color: #fff; padding: 0px 10px; font-weight: 700; font-style: initial; } .ad-p-lr { padding: 0px 12px; } .ad-mar-bot-20 { margin-bottom: 20px; } /*-------------------------------------------------*/ /* = 2.COLLEGE /*-------------------------------------------------*/ .ed-home { } .com-fir-sp-top { } .ed-top { background: #f5f7f9; } .ed-com-t1-left { } .ed-com-t1-left ul { margin-bottom: 0px; } .ed-com-t1-left ul li { float: left; display: inline-block; } .ed-com-t1-left ul li a { color: #000; padding: 5px 14px; line-height: 30px; border-right: 1px solid #e7ebef; font-size: 12px; } .ed-com-t1-right { float: right; } .ed-com-t1-right ul { } .ed-com-t1-right ul li { float: left; display: inline-block; } .ed-com-t1-right ul li a { color: #fff; padding: 7px 12px; line-height: 30px; font-size: 16px; } .ed-com-t1-right ul li:nth-child(1) a { background: #f4364f; background: linear-gradient(to bottom,#f4364f,#dc2039); } .ed-com-t1-right ul li:nth-child(2) a { background: #2d5d73; } .ed-com-t1-right ul li:nth-child(3) a { background: #f4364f; background: linear-gradient(to bottom,#f4364f,#dc2039); } .ed-com-t1-right ul li:nth-child(4) a { background: #2d5d73; } .ed-com-t1-right ul li:nth-child(5) a { background: #f4364f; background: linear-gradient(to bottom,#f4364f,#dc2039); } /*-------------------------------------------------*/ /* = 6.HOME PAGE: TAB AND ENQUIRY /*-------------------------------------------------*/ .ed-com-t1-social { position: relative; overflow: hidden; margin-top: -5px; /* float: right; */ } .ed-com-t1-social ul li { float: left; list-style-type: none; } .ed-com-t1-social ul li a { line-height: 26px; } .ed-com-t1-social ul li a i { width: 30px; height: 30px; /* background: #013673; */ color: #92a5bb; padding: 13px 4px 12px 4px; text-align: center; /* border-right: 1px solid #e7ebef; */ } /*-------------------------------------------------*/ /* = HOME PAGE OFFER /*-------------------------------------------------*/ .offer { background: url(../images/HomePage/StatueofLibertyWithLogo.jpg) no-repeat; background-attachment: fixed; background-size: cover; width: 100%; height: 100%; position: relative; overflow: hidden; } .offer:before { content: ''; position: absolute; /*background: linear-gradient(to right, rgba(22, 40, 105, 0.91) 46%, rgba(0, 0, 0, 0.41) 100%);*/ top: 0px; bottom: 0px; left: 0px; width: 100%; } .offer-l { padding: 500px 0px 100px 0px; text-align: center; } .offer-l img { margin-left: -40% !important; box-shadow: 5px 5px 5px 9px !important; background: aliceblue !important; } .ol-1 { width: 250px; height: 1px; background: #515771; /* position: absolute; */ margin: 0 auto; display: table; /* margin-bottom: 30px; */ } .ol-2 { background: #f4364f; padding: 5px 3px 3px 3px; position: relative; /* top: -18px; */ margin: 0 auto; display: table; margin-top: -15px; border-radius: 2px; } .ol-2 i { color: #fff; font-size: 16px; margin: 0px 5px; } .ol-3 { width: 250px; height: 1px; background: #515771; /* position: absolute; */ margin: 0 auto; display: table; margin-top: 30px; margin-bottom: 30px; } .ol-4 { font-size: 47px; color: #fff; font-weight: 600; font-family: 'Quicksand', sans-serif; width: 100%; display: block; line-height: 46px; padding-top: 30px; text-transform: uppercase; } .ol-5 { font-size: 66px; color: #fff; font-weight: 600; font-family: 'Quicksand', sans-serif; width: 100%; display: block; line-height: 46px; margin-bottom: 30px; } .offer-l ul { margin-bottom: 0px; } .offer-l ul li { display: inline-block; margin: 0px 10px; } .offer-l ul li span { display: block; color: #ecdee0; font-family: 'Quicksand', sans-serif; } .offer-l ul li a { border-radius: 70px; width: 60px; height: 60px; vertical-align: sub; background: #f4364f; /* border: 1px solid #a59d9d; */ } .offer-l ul li a img { width: 35px; padding: 0px; height: 35px; margin-left: -8px; } .offer-r { padding: 50px; margin: 0 auto; display: table; } .or-1 { /* font-size: 47px; */ color: #fff; font-weight: 600; font-family: 'Quicksand', sans-serif; display: inline-block; line-height: 46px; padding-top: 30px; text-transform: uppercase; width: 150px; height: 150px; background: #ffffff; border-radius: 50%; padding: 40px; text-align: center; margin-top: 67px; position: absolute; margin-left: -100px; box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.52); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .or-11 { font-size: 45px; display: block; text-transform: capitalize; color: #f4364f; font-weight: 600; font-family: 'Quicksand', sans-serif; } .or-12 { display: block; line-height: 20px; letter-spacing: 5px; border-bottom: 1px solid; color: #333; margin-top: 25px; } .or-2 { color: #fff; font-weight: 600; font-family: 'Quicksand', sans-serif; display: inline-block; line-height: 46px; padding-top: 30px; text-transform: uppercase; width: 300px; height: 300px; background: #f4364f; border-radius: 50%; padding: 50px; text-align: center; margin-top: 100px; position: absolute; border: 7px solid #fff; box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.52); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .or-1:hover { -ms-transform: rotate(360deg); /* IE 9 */ -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */ transform: rotate(360deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .or-2:hover { background: #f4ba36; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .or-2 span { display: inline-block; } .or-21 { font-size: 34px; display: block; text-transform: capitalize; color: #fff; font-weight: 600; font-family: 'Quicksand', sans-serif; } .or-22 { font-size: 75px; display: block; text-transform: capitalize; color: #fff; font-weight: 600; font-family: 'Quicksand', sans-serif; } .or-23 { font-size: 34px; display: block; text-transform: capitalize; color: #fff; font-weight: 600; font-family: 'Quicksand', sans-serif; } .or-24 { font-size: 14px; /* display: block; */ text-transform: capitalize; color: #fff; font-weight: 600; font-family: 'Quicksand', sans-serif; border: 1px solid #fbafb9; padding: 6px; border-radius: 25px; } .or-25 { font-size: 16px; /* display: block; */ text-transform: capitalize; color: #fff; font-weight: 600; font-family: 'Quicksand', sans-serif; } .slider-wid { height: 600px; } .slides li img:before { content: ''; position: absolute; background: linear-gradient(to right, rgba(88, 25, 39, 0.91) 46%, rgba(0, 0, 0, 0.41) 100%); top: 0px; bottom: 0px; left: 0px; width: 100%; } .slid-cap { } .slid-cap h2 { font-size: 62px; color: #fff; margin-bottom: 15px; margin-top: 0px; text-transform: uppercase; } .slid-cap h5 { margin-top: 10px; text-transform: uppercase; font-size: 16px; margin-bottom: 20px; letter-spacing: 5px; } .slid-cap p { margin-bottom: 20px; font-size: 18px; } .slid-cap a { background: #f4364f; padding: 7px 25px; color: #fff; text-transform: uppercase; font-weight: 600; font-family: 'Quicksand', sans-serif; border-radius: 2px; font-size: 14px; margin-right: 10px; } .hom2-ban-pack { padding-top: 0px; margin-top: -80px; z-index: 9; position: relative; } .cus-book-form { width: 50%; margin: 0 auto; } .cus-pack-form { background: url(../images/placebg.jpg) no-repeat #fff; padding: 100px 0px 45px 0px; background-size: cover; position: relative; background-attachment: fixed; } .cus-pack-form:before { content: ''; position: absolute; background: linear-gradient(to bottom, rgba(22, 40, 105, 0.91) 46%, rgba(0, 0, 0, 0.41) 100%); top: 0px; bottom: 0px; left: 0px; width: 100%; } .cus-title { } .cus-title h2 { color: #fff; } .book-tab { background: url("../images/slider/1.jpg") no-repeat #fff; padding: 50px 0px 160px 0px; background-size: cover; position: relative; background-attachment: fixed; } .book-tit { } .book-tit h2 { font-size: 42px; margin-bottom: 30px; } .book-tit h5 { font-size: 15px; letter-spacing: 4px; } .book-tab-inn { width: 70%; margin: 0 auto; } .book-tab-inn h3 { margin-top: 0px; } .book-tab-inn p { } .book-tab-body { background: #fff; border-radius: 0px 0px 10px 10px; } .book-tab-tit { padding: 50px 50px 0px 50px; } .book-tab-form { box-shadow: none; padding-top: 0px; border-bottom: 0px solid #cccccc; } .book-tab-inn ul li a { color: #555; font-weight: 700; font-size: 14px; background: #fff; } .book-tab-inn .nav-tabs > li.active > a, .book-tab-inn .nav-tabs > li.active > a:hover, .book-tab-inn .nav-tabs > li.active > a:focus { background: #f1334c; color: #fff; border: 1px solid #f1334c; } .course-overlay span { position: absolute; top: 50%; left: 0; right: 0; text-align: center; transform: translateY(-50%); font-size: 18px; font-weight: 600; color: #fff; z-index: 1; } .con-page { padding-bottom: 170px; } .new-con h2 { color: #f26838; font-size: 24px; font-weight: 700; } .new-con h2 span { color: #13293D; font-size: 24px; font-weight: 700; } .new-con p a { color: #333; } .package-form { box-shadow: none; padding: 0px; } .package-form label, select, input { font-size: 13px !important; } .tour-alp-ri-p3 { padding-top: 20px; } .trav-ami { display: inline-block; padding: 15px 15px 5px 15px; border-top: 1px solid #dfd2bf; width: 100%; margin-top: 10px; } .trav-ami h4 { margin: 0px; padding-bottom: 15px; } .trav-ami ul { display: inline; } .trav-ami ul li { color: #333; display: block; position: relative; /* margin: 0 10px 10px 0; */ padding: 11px 10px 1px; float: left; /* width: 18%; */ text-align: center; border: 1px solid #dfd2bf; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-radius: 2px; margin-right: 10px; margin-bottom: 10px; } .trav-ami ul li img { margin: 0 auto; display: table; width: 20px; margin-bottom: 1px; } .trav-ami ul li span { font-size: 12px; } .trav-list-bod { } .trav-list-bod a h3 { color: #f4364f; } .trav-list-bod p { font-size: 13px; line-height: 20px; } .tlHeader { background-color: lightsteelblue; } .tlPrices11Row { background-color: skyblue; } .tlPrices { text-align: center; padding-left:5px; } .tlPrices11 { background-color: skyblue; text-align: center; } .tlVendorImages { height: 250px; width: 250px; padding-left: 25px; } /*----------------------------------------- [FRAMEWORK STYLE SHEET] * Project: The Travel * Version: v2.0 * Copyright 2016-2020 rn53themes * V1.0: 03/09/2016 * V2.0: 24/08/2017 * Author: RN53 Themes * Email: rn53themes@gmail.com * Website: http://www.rn53themes.net -----------------------------------------------*/ .materialize-red { background-color: #e51c23 !important; } .materialize-red-text { color: #e51c23 !important; } .materialize-red.lighten-5 { background-color: #fdeaeb !important; } .materialize-red-text.text-lighten-5 { color: #fdeaeb !important; } .materialize-red.lighten-4 { background-color: #f8c1c3 !important; } .materialize-red-text.text-lighten-4 { color: #f8c1c3 !important; } .materialize-red.lighten-3 { background-color: #f3989b !important; } .materialize-red-text.text-lighten-3 { color: #f3989b !important; } .materialize-red.lighten-2 { background-color: #ee6e73 !important; } .materialize-red-text.text-lighten-2 { color: #ee6e73 !important; } .materialize-red.lighten-1 { background-color: #ea454b !important; } .materialize-red-text.text-lighten-1 { color: #ea454b !important; } .materialize-red.darken-1 { background-color: #d0181e !important; } .materialize-red-text.text-darken-1 { color: #d0181e !important; } .materialize-red.darken-2 { background-color: #b9151b !important; } .materialize-red-text.text-darken-2 { color: #b9151b !important; } .materialize-red.darken-3 { background-color: #a21318 !important; } .materialize-red-text.text-darken-3 { color: #a21318 !important; } .materialize-red.darken-4 { background-color: #8b1014 !important; } .materialize-red-text.text-darken-4 { color: #8b1014 !important; } .red { background-color: #F44336 !important; } .red-text { color: #F44336 !important; } .red.lighten-5 { background-color: #FFEBEE !important; } .red-text.text-lighten-5 { color: #FFEBEE !important; } .red.lighten-4 { background-color: #FFCDD2 !important; } .red-text.text-lighten-4 { color: #FFCDD2 !important; } .red.lighten-3 { background-color: #EF9A9A !important; } .red-text.text-lighten-3 { color: #EF9A9A !important; } .red.lighten-2 { background-color: #E57373 !important; } .red-text.text-lighten-2 { color: #E57373 !important; } .red.lighten-1 { background-color: #EF5350 !important; } .red-text.text-lighten-1 { color: #EF5350 !important; } .red.darken-1 { background-color: #E53935 !important; } .red-text.text-darken-1 { color: #E53935 !important; } .red.darken-2 { background-color: #D32F2F !important; } .red-text.text-darken-2 { color: #D32F2F !important; } .red.darken-3 { background-color: #C62828 !important; } .red-text.text-darken-3 { color: #C62828 !important; } .red.darken-4 { background-color: #B71C1C !important; } .red-text.text-darken-4 { color: #B71C1C !important; } .red.accent-1 { background-color: #FF8A80 !important; } .red-text.text-accent-1 { color: #FF8A80 !important; } .red.accent-2 { background-color: #FF5252 !important; } .red-text.text-accent-2 { color: #FF5252 !important; } .red.accent-3 { background-color: #FF1744 !important; } .red-text.text-accent-3 { color: #FF1744 !important; } .red.accent-4 { background-color: #D50000 !important; } .red-text.text-accent-4 { color: #D50000 !important; } .pink { background-color: #e91e63 !important; } .pink-text { color: #e91e63 !important; } .pink.lighten-5 { background-color: #fce4ec !important; } .pink-text.text-lighten-5 { color: #fce4ec !important; } .pink.lighten-4 { background-color: #f8bbd0 !important; } .pink-text.text-lighten-4 { color: #f8bbd0 !important; } .pink.lighten-3 { background-color: #f48fb1 !important; } .pink-text.text-lighten-3 { color: #f48fb1 !important; } .pink.lighten-2 { background-color: #f06292 !important; } .pink-text.text-lighten-2 { color: #f06292 !important; } .pink.lighten-1 { background-color: #ec407a !important; } .pink-text.text-lighten-1 { color: #ec407a !important; } .pink.darken-1 { background-color: #d81b60 !important; } .pink-text.text-darken-1 { color: #d81b60 !important; } .pink.darken-2 { background-color: #c2185b !important; } .pink-text.text-darken-2 { color: #c2185b !important; } .pink.darken-3 { background-color: #ad1457 !important; } .pink-text.text-darken-3 { color: #ad1457 !important; } .pink.darken-4 { background-color: #880e4f !important; } .pink-text.text-darken-4 { color: #880e4f !important; } .pink.accent-1 { background-color: #ff80ab !important; } .pink-text.text-accent-1 { color: #ff80ab !important; } .pink.accent-2 { background-color: #ff4081 !important; } .pink-text.text-accent-2 { color: #ff4081 !important; } .pink.accent-3 { background-color: #f50057 !important; } .pink-text.text-accent-3 { color: #f50057 !important; } .pink.accent-4 { background-color: #c51162 !important; } .pink-text.text-accent-4 { color: #c51162 !important; } .purple { background-color: #9c27b0 !important; } .purple-text { color: #9c27b0 !important; } .purple.lighten-5 { background-color: #f3e5f5 !important; } .purple-text.text-lighten-5 { color: #f3e5f5 !important; } .purple.lighten-4 { background-color: #e1bee7 !important; } .purple-text.text-lighten-4 { color: #e1bee7 !important; } .purple.lighten-3 { background-color: #ce93d8 !important; } .purple-text.text-lighten-3 { color: #ce93d8 !important; } .purple.lighten-2 { background-color: #ba68c8 !important; } .purple-text.text-lighten-2 { color: #ba68c8 !important; } .purple.lighten-1 { background-color: #ab47bc !important; } .purple-text.text-lighten-1 { color: #ab47bc !important; } .purple.darken-1 { background-color: #8e24aa !important; } .purple-text.text-darken-1 { color: #8e24aa !important; } .purple.darken-2 { background-color: #7b1fa2 !important; } .purple-text.text-darken-2 { color: #7b1fa2 !important; } .purple.darken-3 { background-color: #6a1b9a !important; } .purple-text.text-darken-3 { color: #6a1b9a !important; } .purple.darken-4 { background-color: #4a148c !important; } .purple-text.text-darken-4 { color: #4a148c !important; } .purple.accent-1 { background-color: #ea80fc !important; } .purple-text.text-accent-1 { color: #ea80fc !important; } .purple.accent-2 { background-color: #e040fb !important; } .purple-text.text-accent-2 { color: #e040fb !important; } .purple.accent-3 { background-color: #d500f9 !important; } .purple-text.text-accent-3 { color: #d500f9 !important; } .purple.accent-4 { background-color: #aa00ff !important; } .purple-text.text-accent-4 { color: #aa00ff !important; } .deep-purple { background-color: #673ab7 !important; } .deep-purple-text { color: #673ab7 !important; } .deep-purple.lighten-5 { background-color: #ede7f6 !important; } .deep-purple-text.text-lighten-5 { color: #ede7f6 !important; } .deep-purple.lighten-4 { background-color: #d1c4e9 !important; } .deep-purple-text.text-lighten-4 { color: #d1c4e9 !important; } .deep-purple.lighten-3 { background-color: #b39ddb !important; } .deep-purple-text.text-lighten-3 { color: #b39ddb !important; } .deep-purple.lighten-2 { background-color: #9575cd !important; } .deep-purple-text.text-lighten-2 { color: #9575cd !important; } .deep-purple.lighten-1 { background-color: #7e57c2 !important; } .deep-purple-text.text-lighten-1 { color: #7e57c2 !important; } .deep-purple.darken-1 { background-color: #5e35b1 !important; } .deep-purple-text.text-darken-1 { color: #5e35b1 !important; } .deep-purple.darken-2 { background-color: #512da8 !important; } .deep-purple-text.text-darken-2 { color: #512da8 !important; } .deep-purple.darken-3 { background-color: #4527a0 !important; } .deep-purple-text.text-darken-3 { color: #4527a0 !important; } .deep-purple.darken-4 { background-color: #311b92 !important; } .deep-purple-text.text-darken-4 { color: #311b92 !important; } .deep-purple.accent-1 { background-color: #b388ff !important; } .deep-purple-text.text-accent-1 { color: #b388ff !important; } .deep-purple.accent-2 { background-color: #7c4dff !important; } .deep-purple-text.text-accent-2 { color: #7c4dff !important; } .deep-purple.accent-3 { background-color: #651fff !important; } .deep-purple-text.text-accent-3 { color: #651fff !important; } .deep-purple.accent-4 { background-color: #6200ea !important; } .deep-purple-text.text-accent-4 { color: #6200ea !important; } .indigo { background-color: #3f51b5 !important; } .indigo-text { color: #3f51b5 !important; } .indigo.lighten-5 { background-color: #e8eaf6 !important; } .indigo-text.text-lighten-5 { color: #e8eaf6 !important; } .indigo.lighten-4 { background-color: #c5cae9 !important; } .indigo-text.text-lighten-4 { color: #c5cae9 !important; } .indigo.lighten-3 { background-color: #9fa8da !important; } .indigo-text.text-lighten-3 { color: #9fa8da !important; } .indigo.lighten-2 { background-color: #7986cb !important; } .indigo-text.text-lighten-2 { color: #7986cb !important; } .indigo.lighten-1 { background-color: #5c6bc0 !important; } .indigo-text.text-lighten-1 { color: #5c6bc0 !important; } .indigo.darken-1 { background-color: #3949ab !important; } .indigo-text.text-darken-1 { color: #3949ab !important; } .indigo.darken-2 { background-color: #303f9f !important; } .indigo-text.text-darken-2 { color: #303f9f !important; } .indigo.darken-3 { background-color: #283593 !important; } .indigo-text.text-darken-3 { color: #283593 !important; } .indigo.darken-4 { background-color: #1a237e !important; } .indigo-text.text-darken-4 { color: #1a237e !important; } .indigo.accent-1 { background-color: #8c9eff !important; } .indigo-text.text-accent-1 { color: #8c9eff !important; } .indigo.accent-2 { background-color: #536dfe !important; } .indigo-text.text-accent-2 { color: #536dfe !important; } .indigo.accent-3 { background-color: #3d5afe !important; } .indigo-text.text-accent-3 { color: #3d5afe !important; } .indigo.accent-4 { background-color: #304ffe !important; } .indigo-text.text-accent-4 { color: #304ffe !important; } .blue { background-color: #2196F3 !important; } .blue-text { color: #2196F3 !important; } .blue.lighten-5 { background-color: #E3F2FD !important; } .blue-text.text-lighten-5 { color: #E3F2FD !important; } .blue.lighten-4 { background-color: #BBDEFB !important; } .blue-text.text-lighten-4 { color: #BBDEFB !important; } .blue.lighten-3 { background-color: #90CAF9 !important; } .blue-text.text-lighten-3 { color: #90CAF9 !important; } .blue.lighten-2 { background-color: #64B5F6 !important; } .blue-text.text-lighten-2 { color: #64B5F6 !important; } .blue.lighten-1 { background-color: #42A5F5 !important; } .blue-text.text-lighten-1 { color: #42A5F5 !important; } .blue.darken-1 { background-color: #1E88E5 !important; } .blue-text.text-darken-1 { color: #1E88E5 !important; } .blue.darken-2 { background-color: #1976D2 !important; } .blue-text.text-darken-2 { color: #1976D2 !important; } .blue.darken-3 { background-color: #1565C0 !important; } .blue-text.text-darken-3 { color: #1565C0 !important; } .blue.darken-4 { background-color: #0D47A1 !important; } .blue-text.text-darken-4 { color: #0D47A1 !important; } .blue.accent-1 { background-color: #82B1FF !important; } .blue-text.text-accent-1 { color: #82B1FF !important; } .blue.accent-2 { background-color: #448AFF !important; } .blue-text.text-accent-2 { color: #448AFF !important; } .blue.accent-3 { background-color: #2979FF !important; } .blue-text.text-accent-3 { color: #2979FF !important; } .blue.accent-4 { background-color: #2962FF !important; } .blue-text.text-accent-4 { color: #2962FF !important; } .light-blue { background-color: #03a9f4 !important; } .light-blue-text { color: #03a9f4 !important; } .light-blue.lighten-5 { background-color: #e1f5fe !important; } .light-blue-text.text-lighten-5 { color: #e1f5fe !important; } .light-blue.lighten-4 { background-color: #b3e5fc !important; } .light-blue-text.text-lighten-4 { color: #b3e5fc !important; } .light-blue.lighten-3 { background-color: #81d4fa !important; } .light-blue-text.text-lighten-3 { color: #81d4fa !important; } .light-blue.lighten-2 { background-color: #4fc3f7 !important; } .light-blue-text.text-lighten-2 { color: #4fc3f7 !important; } .light-blue.lighten-1 { background-color: #29b6f6 !important; } .light-blue-text.text-lighten-1 { color: #29b6f6 !important; } .light-blue.darken-1 { background-color: #039be5 !important; } .light-blue-text.text-darken-1 { color: #039be5 !important; } .light-blue.darken-2 { background-color: #0288d1 !important; } .light-blue-text.text-darken-2 { color: #0288d1 !important; } .light-blue.darken-3 { background-color: #0277bd !important; } .light-blue-text.text-darken-3 { color: #0277bd !important; } .light-blue.darken-4 { background-color: #01579b !important; } .light-blue-text.text-darken-4 { color: #01579b !important; } .light-blue.accent-1 { background-color: #80d8ff !important; } .light-blue-text.text-accent-1 { color: #80d8ff !important; } .light-blue.accent-2 { background-color: #40c4ff !important; } .light-blue-text.text-accent-2 { color: #40c4ff !important; } .light-blue.accent-3 { background-color: #00b0ff !important; } .light-blue-text.text-accent-3 { color: #00b0ff !important; } .light-blue.accent-4 { background-color: #0091ea !important; } .light-blue-text.text-accent-4 { color: #0091ea !important; } .cyan { background-color: #00bcd4 !important; } .cyan-text { color: #00bcd4 !important; } .cyan.lighten-5 { background-color: #e0f7fa !important; } .cyan-text.text-lighten-5 { color: #e0f7fa !important; } .cyan.lighten-4 { background-color: #b2ebf2 !important; } .cyan-text.text-lighten-4 { color: #b2ebf2 !important; } .cyan.lighten-3 { background-color: #80deea !important; } .cyan-text.text-lighten-3 { color: #80deea !important; } .cyan.lighten-2 { background-color: #4dd0e1 !important; } .cyan-text.text-lighten-2 { color: #4dd0e1 !important; } .cyan.lighten-1 { background-color: #26c6da !important; } .cyan-text.text-lighten-1 { color: #26c6da !important; } .cyan.darken-1 { background-color: #00acc1 !important; } .cyan-text.text-darken-1 { color: #00acc1 !important; } .cyan.darken-2 { background-color: #0097a7 !important; } .cyan-text.text-darken-2 { color: #0097a7 !important; } .cyan.darken-3 { background-color: #00838f !important; } .cyan-text.text-darken-3 { color: #00838f !important; } .cyan.darken-4 { background-color: #006064 !important; } .cyan-text.text-darken-4 { color: #006064 !important; } .cyan.accent-1 { background-color: #84ffff !important; } .cyan-text.text-accent-1 { color: #84ffff !important; } .cyan.accent-2 { background-color: #18ffff !important; } .cyan-text.text-accent-2 { color: #18ffff !important; } .cyan.accent-3 { background-color: #00e5ff !important; } .cyan-text.text-accent-3 { color: #00e5ff !important; } .cyan.accent-4 { background-color: #00b8d4 !important; } .cyan-text.text-accent-4 { color: #00b8d4 !important; } .teal { background-color: #009688 !important; } .teal-text { color: #009688 !important; } .teal.lighten-5 { background-color: #e0f2f1 !important; } .teal-text.text-lighten-5 { color: #e0f2f1 !important; } .teal.lighten-4 { background-color: #b2dfdb !important; } .teal-text.text-lighten-4 { color: #b2dfdb !important; } .teal.lighten-3 { background-color: #80cbc4 !important; } .teal-text.text-lighten-3 { color: #80cbc4 !important; } .teal.lighten-2 { background-color: #4db6ac !important; } .teal-text.text-lighten-2 { color: #4db6ac !important; } .teal.lighten-1 { background-color: #26a69a !important; } .teal-text.text-lighten-1 { color: #26a69a !important; } .teal.darken-1 { background-color: #00897b !important; } .teal-text.text-darken-1 { color: #00897b !important; } .teal.darken-2 { background-color: #00796b !important; } .teal-text.text-darken-2 { color: #00796b !important; } .teal.darken-3 { background-color: #00695c !important; } .teal-text.text-darken-3 { color: #00695c !important; } .teal.darken-4 { background-color: #004d40 !important; } .teal-text.text-darken-4 { color: #004d40 !important; } .teal.accent-1 { background-color: #a7ffeb !important; } .teal-text.text-accent-1 { color: #a7ffeb !important; } .teal.accent-2 { background-color: #64ffda !important; } .teal-text.text-accent-2 { color: #64ffda !important; } .teal.accent-3 { background-color: #1de9b6 !important; } .teal-text.text-accent-3 { color: #1de9b6 !important; } .teal.accent-4 { background-color: #00bfa5 !important; } .teal-text.text-accent-4 { color: #00bfa5 !important; } .green { background-color: #4CAF50 !important; } .green-text { color: #4CAF50 !important; } .green.lighten-5 { background-color: #E8F5E9 !important; } .green-text.text-lighten-5 { color: #E8F5E9 !important; } .green.lighten-4 { background-color: #C8E6C9 !important; } .green-text.text-lighten-4 { color: #C8E6C9 !important; } .green.lighten-3 { background-color: #A5D6A7 !important; } .green-text.text-lighten-3 { color: #A5D6A7 !important; } .green.lighten-2 { background-color: #81C784 !important; } .green-text.text-lighten-2 { color: #81C784 !important; } .green.lighten-1 { background-color: #66BB6A !important; } .green-text.text-lighten-1 { color: #66BB6A !important; } .green.darken-1 { background-color: #43A047 !important; } .green-text.text-darken-1 { color: #43A047 !important; } .green.darken-2 { background-color: #388E3C !important; } .green-text.text-darken-2 { color: #388E3C !important; } .green.darken-3 { background-color: #2E7D32 !important; } .green-text.text-darken-3 { color: #2E7D32 !important; } .green.darken-4 { background-color: #1B5E20 !important; } .green-text.text-darken-4 { color: #1B5E20 !important; } .green.accent-1 { background-color: #B9F6CA !important; } .green-text.text-accent-1 { color: #B9F6CA !important; } .green.accent-2 { background-color: #69F0AE !important; } .green-text.text-accent-2 { color: #69F0AE !important; } .green.accent-3 { background-color: #00E676 !important; } .green-text.text-accent-3 { color: #00E676 !important; } .green.accent-4 { background-color: #00C853 !important; } .green-text.text-accent-4 { color: #00C853 !important; } .light-green { background-color: #8bc34a !important; } .light-green-text { color: #8bc34a !important; } .light-green.lighten-5 { background-color: #f1f8e9 !important; } .light-green-text.text-lighten-5 { color: #f1f8e9 !important; } .light-green.lighten-4 { background-color: #dcedc8 !important; } .light-green-text.text-lighten-4 { color: #dcedc8 !important; } .light-green.lighten-3 { background-color: #c5e1a5 !important; } .light-green-text.text-lighten-3 { color: #c5e1a5 !important; } .light-green.lighten-2 { background-color: #aed581 !important; } .light-green-text.text-lighten-2 { color: #aed581 !important; } .light-green.lighten-1 { background-color: #9ccc65 !important; } .light-green-text.text-lighten-1 { color: #9ccc65 !important; } .light-green.darken-1 { background-color: #7cb342 !important; } .light-green-text.text-darken-1 { color: #7cb342 !important; } .light-green.darken-2 { background-color: #689f38 !important; } .light-green-text.text-darken-2 { color: #689f38 !important; } .light-green.darken-3 { background-color: #558b2f !important; } .light-green-text.text-darken-3 { color: #558b2f !important; } .light-green.darken-4 { background-color: #33691e !important; } .light-green-text.text-darken-4 { color: #33691e !important; } .light-green.accent-1 { background-color: #ccff90 !important; } .light-green-text.text-accent-1 { color: #ccff90 !important; } .light-green.accent-2 { background-color: #b2ff59 !important; } .light-green-text.text-accent-2 { color: #b2ff59 !important; } .light-green.accent-3 { background-color: #76ff03 !important; } .light-green-text.text-accent-3 { color: #76ff03 !important; } .light-green.accent-4 { background-color: #64dd17 !important; } .light-green-text.text-accent-4 { color: #64dd17 !important; } .lime { background-color: #cddc39 !important; } .lime-text { color: #cddc39 !important; } .lime.lighten-5 { background-color: #f9fbe7 !important; } .lime-text.text-lighten-5 { color: #f9fbe7 !important; } .lime.lighten-4 { background-color: #f0f4c3 !important; } .lime-text.text-lighten-4 { color: #f0f4c3 !important; } .lime.lighten-3 { background-color: #e6ee9c !important; } .lime-text.text-lighten-3 { color: #e6ee9c !important; } .lime.lighten-2 { background-color: #dce775 !important; } .lime-text.text-lighten-2 { color: #dce775 !important; } .lime.lighten-1 { background-color: #d4e157 !important; } .lime-text.text-lighten-1 { color: #d4e157 !important; } .lime.darken-1 { background-color: #c0ca33 !important; } .lime-text.text-darken-1 { color: #c0ca33 !important; } .lime.darken-2 { background-color: #afb42b !important; } .lime-text.text-darken-2 { color: #afb42b !important; } .lime.darken-3 { background-color: #9e9d24 !important; } .lime-text.text-darken-3 { color: #9e9d24 !important; } .lime.darken-4 { background-color: #827717 !important; } .lime-text.text-darken-4 { color: #827717 !important; } .lime.accent-1 { background-color: #f4ff81 !important; } .lime-text.text-accent-1 { color: #f4ff81 !important; } .lime.accent-2 { background-color: #eeff41 !important; } .lime-text.text-accent-2 { color: #eeff41 !important; } .lime.accent-3 { background-color: #c6ff00 !important; } .lime-text.text-accent-3 { color: #c6ff00 !important; } .lime.accent-4 { background-color: #aeea00 !important; } .lime-text.text-accent-4 { color: #aeea00 !important; } .yellow { background-color: #ffeb3b !important; } .yellow-text { color: #ffeb3b !important; } .yellow.lighten-5 { background-color: #fffde7 !important; } .yellow-text.text-lighten-5 { color: #fffde7 !important; } .yellow.lighten-4 { background-color: #fff9c4 !important; } .yellow-text.text-lighten-4 { color: #fff9c4 !important; } .yellow.lighten-3 { background-color: #fff59d !important; } .yellow-text.text-lighten-3 { color: #fff59d !important; } .yellow.lighten-2 { background-color: #fff176 !important; } .yellow-text.text-lighten-2 { color: #fff176 !important; } .yellow.lighten-1 { background-color: #ffee58 !important; } .yellow-text.text-lighten-1 { color: #ffee58 !important; } .yellow.darken-1 { background-color: #fdd835 !important; } .yellow-text.text-darken-1 { color: #fdd835 !important; } .yellow.darken-2 { background-color: #fbc02d !important; } .yellow-text.text-darken-2 { color: #fbc02d !important; } .yellow.darken-3 { background-color: #f9a825 !important; } .yellow-text.text-darken-3 { color: #f9a825 !important; } .yellow.darken-4 { background-color: #f57f17 !important; } .yellow-text.text-darken-4 { color: #f57f17 !important; } .yellow.accent-1 { background-color: #ffff8d !important; } .yellow-text.text-accent-1 { color: #ffff8d !important; } .yellow.accent-2 { background-color: #ffff00 !important; } .yellow-text.text-accent-2 { color: #ffff00 !important; } .yellow.accent-3 { background-color: #ffea00 !important; } .yellow-text.text-accent-3 { color: #ffea00 !important; } .yellow.accent-4 { background-color: #ffd600 !important; } .yellow-text.text-accent-4 { color: #ffd600 !important; } .amber { background-color: #ffc107 !important; } .amber-text { color: #ffc107 !important; } .amber.lighten-5 { background-color: #fff8e1 !important; } .amber-text.text-lighten-5 { color: #fff8e1 !important; } .amber.lighten-4 { background-color: #ffecb3 !important; } .amber-text.text-lighten-4 { color: #ffecb3 !important; } .amber.lighten-3 { background-color: #ffe082 !important; } .amber-text.text-lighten-3 { color: #ffe082 !important; } .amber.lighten-2 { background-color: #ffd54f !important; } .amber-text.text-lighten-2 { color: #ffd54f !important; } .amber.lighten-1 { background-color: #ffca28 !important; } .amber-text.text-lighten-1 { color: #ffca28 !important; } .amber.darken-1 { background-color: #ffb300 !important; } .amber-text.text-darken-1 { color: #ffb300 !important; } .amber.darken-2 { background-color: #ffa000 !important; } .amber-text.text-darken-2 { color: #ffa000 !important; } .amber.darken-3 { background-color: #ff8f00 !important; } .amber-text.text-darken-3 { color: #ff8f00 !important; } .amber.darken-4 { background-color: #ff6f00 !important; } .amber-text.text-darken-4 { color: #ff6f00 !important; } .amber.accent-1 { background-color: #ffe57f !important; } .amber-text.text-accent-1 { color: #ffe57f !important; } .amber.accent-2 { background-color: #ffd740 !important; } .amber-text.text-accent-2 { color: #ffd740 !important; } .amber.accent-3 { background-color: #ffc400 !important; } .amber-text.text-accent-3 { color: #ffc400 !important; } .amber.accent-4 { background-color: #ffab00 !important; } .amber-text.text-accent-4 { color: #ffab00 !important; } .orange { background-color: #ff9800 !important; } .orange-text { color: #ff9800 !important; } .orange.lighten-5 { background-color: #fff3e0 !important; } .orange-text.text-lighten-5 { color: #fff3e0 !important; } .orange.lighten-4 { background-color: #ffe0b2 !important; } .orange-text.text-lighten-4 { color: #ffe0b2 !important; } .orange.lighten-3 { background-color: #ffcc80 !important; } .orange-text.text-lighten-3 { color: #ffcc80 !important; } .orange.lighten-2 { background-color: #ffb74d !important; } .orange-text.text-lighten-2 { color: #ffb74d !important; } .orange.lighten-1 { background-color: #ffa726 !important; } .orange-text.text-lighten-1 { color: #ffa726 !important; } .orange.darken-1 { background-color: #fb8c00 !important; } .orange-text.text-darken-1 { color: #fb8c00 !important; } .orange.darken-2 { background-color: #f57c00 !important; } .orange-text.text-darken-2 { color: #f57c00 !important; } .orange.darken-3 { background-color: #ef6c00 !important; } .orange-text.text-darken-3 { color: #ef6c00 !important; } .orange.darken-4 { background-color: #e65100 !important; } .orange-text.text-darken-4 { color: #e65100 !important; } .orange.accent-1 { background-color: #ffd180 !important; } .orange-text.text-accent-1 { color: #ffd180 !important; } .orange.accent-2 { background-color: #ffab40 !important; } .orange-text.text-accent-2 { color: #ffab40 !important; } .orange.accent-3 { background-color: #ff9100 !important; } .orange-text.text-accent-3 { color: #ff9100 !important; } .orange.accent-4 { background-color: #ff6d00 !important; } .orange-text.text-accent-4 { color: #ff6d00 !important; } .deep-orange { background-color: #ff5722 !important; } .deep-orange-text { color: #ff5722 !important; } .deep-orange.lighten-5 { background-color: #fbe9e7 !important; } .deep-orange-text.text-lighten-5 { color: #fbe9e7 !important; } .deep-orange.lighten-4 { background-color: #ffccbc !important; } .deep-orange-text.text-lighten-4 { color: #ffccbc !important; } .deep-orange.lighten-3 { background-color: #ffab91 !important; } .deep-orange-text.text-lighten-3 { color: #ffab91 !important; } .deep-orange.lighten-2 { background-color: #ff8a65 !important; } .deep-orange-text.text-lighten-2 { color: #ff8a65 !important; } .deep-orange.lighten-1 { background-color: #ff7043 !important; } .deep-orange-text.text-lighten-1 { color: #ff7043 !important; } .deep-orange.darken-1 { background-color: #f4511e !important; } .deep-orange-text.text-darken-1 { color: #f4511e !important; } .deep-orange.darken-2 { background-color: #e64a19 !important; } .deep-orange-text.text-darken-2 { color: #e64a19 !important; } .deep-orange.darken-3 { background-color: #d84315 !important; } .deep-orange-text.text-darken-3 { color: #d84315 !important; } .deep-orange.darken-4 { background-color: #bf360c !important; } .deep-orange-text.text-darken-4 { color: #bf360c !important; } .deep-orange.accent-1 { background-color: #ff9e80 !important; } .deep-orange-text.text-accent-1 { color: #ff9e80 !important; } .deep-orange.accent-2 { background-color: #ff6e40 !important; } .deep-orange-text.text-accent-2 { color: #ff6e40 !important; } .deep-orange.accent-3 { background-color: #ff3d00 !important; } .deep-orange-text.text-accent-3 { color: #ff3d00 !important; } .deep-orange.accent-4 { background-color: #dd2c00 !important; } .deep-orange-text.text-accent-4 { color: #dd2c00 !important; } .brown { background-color: #795548 !important; } .brown-text { color: #795548 !important; } .brown.lighten-5 { background-color: #efebe9 !important; } .brown-text.text-lighten-5 { color: #efebe9 !important; } .brown.lighten-4 { background-color: #d7ccc8 !important; } .brown-text.text-lighten-4 { color: #d7ccc8 !important; } .brown.lighten-3 { background-color: #bcaaa4 !important; } .brown-text.text-lighten-3 { color: #bcaaa4 !important; } .brown.lighten-2 { background-color: #a1887f !important; } .brown-text.text-lighten-2 { color: #a1887f !important; } .brown.lighten-1 { background-color: #8d6e63 !important; } .brown-text.text-lighten-1 { color: #8d6e63 !important; } .brown.darken-1 { background-color: #6d4c41 !important; } .brown-text.text-darken-1 { color: #6d4c41 !important; } .brown.darken-2 { background-color: #5d4037 !important; } .brown-text.text-darken-2 { color: #5d4037 !important; } .brown.darken-3 { background-color: #4e342e !important; } .brown-text.text-darken-3 { color: #4e342e !important; } .brown.darken-4 { background-color: #3e2723 !important; } .brown-text.text-darken-4 { color: #3e2723 !important; } .blue-grey { background-color: #607d8b !important; } .blue-grey-text { color: #607d8b !important; } .blue-grey.lighten-5 { background-color: #eceff1 !important; } .blue-grey-text.text-lighten-5 { color: #eceff1 !important; } .blue-grey.lighten-4 { background-color: #cfd8dc !important; } .blue-grey-text.text-lighten-4 { color: #cfd8dc !important; } .blue-grey.lighten-3 { background-color: #b0bec5 !important; } .blue-grey-text.text-lighten-3 { color: #b0bec5 !important; } .blue-grey.lighten-2 { background-color: #90a4ae !important; } .blue-grey-text.text-lighten-2 { color: #90a4ae !important; } .blue-grey.lighten-1 { background-color: #78909c !important; } .blue-grey-text.text-lighten-1 { color: #78909c !important; } .blue-grey.darken-1 { background-color: #546e7a !important; } .blue-grey-text.text-darken-1 { color: #546e7a !important; } .blue-grey.darken-2 { background-color: #455a64 !important; } .blue-grey-text.text-darken-2 { color: #455a64 !important; } .blue-grey.darken-3 { background-color: #37474f !important; } .blue-grey-text.text-darken-3 { color: #37474f !important; } .blue-grey.darken-4 { background-color: #263238 !important; } .blue-grey-text.text-darken-4 { color: #263238 !important; } .grey { background-color: #9e9e9e !important; } .grey-text { color: #9e9e9e !important; } .grey.lighten-5 { background-color: #fafafa !important; } .grey-text.text-lighten-5 { color: #fafafa !important; } .grey.lighten-4 { background-color: #f5f5f5 !important; } .grey-text.text-lighten-4 { color: #f5f5f5 !important; } .grey.lighten-3 { background-color: #eeeeee !important; } .grey-text.text-lighten-3 { color: #eeeeee !important; } .grey.lighten-2 { background-color: #e0e0e0 !important; } .grey-text.text-lighten-2 { color: #e0e0e0 !important; } .grey.lighten-1 { background-color: #bdbdbd !important; } .grey-text.text-lighten-1 { color: #bdbdbd !important; } .grey.darken-1 { background-color: #757575 !important; } .grey-text.text-darken-1 { color: #757575 !important; } .grey.darken-2 { background-color: #616161 !important; } .grey-text.text-darken-2 { color: #616161 !important; } .grey.darken-3 { background-color: #424242 !important; } .grey-text.text-darken-3 { color: #424242 !important; } .grey.darken-4 { background-color: #212121 !important; } .grey-text.text-darken-4 { color: #212121 !important; } .black { background-color: #000000 !important; } .black-text { color: #000000 !important; } .white { background-color: #FFFFFF !important; } .white-text { color: #FFFFFF !important; } .transparent { background-color: transparent !important; } .transparent-text { color: transparent !important; } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } ul:not(.browser-default) { /* padding-left: 0; */ /* list-style-type: none; */ } ul:not(.browser-default) li { /* list-style-type: none; */ } a { color: #039be5; text-decoration: none; -webkit-tap-highlight-color: transparent; } .valign-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .clearfix { clear: both; } .z-depth-0 { box-shadow: none !important; } .z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav { /* box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); */ } .z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover { box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); } .z-depth-2 { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); } .z-depth-3 { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); } .z-depth-4, .modal { box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3); } .z-depth-5 { box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3); } .hoverable { transition: box-shadow .25s; box-shadow: 0; } .hoverable:hover { transition: box-shadow .25s; box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .divider { height: 1px; overflow: hidden; background-color: #e0e0e0; } blockquote { margin: 20px 0; padding-left: 1.5rem; border-left: 5px solid #ee6e73; } i { line-height: inherit; } i.left { float: left; margin-right: 15px; } i.right { float: right; margin-left: 15px; } i.tiny { font-size: 1rem; } i.small { font-size: 2rem; } i.medium { font-size: 4rem; } i.large { font-size: 6rem; } img.responsive-img, video.responsive-video { max-width: 100%; height: auto; } .pagination li { display: inline-block; border-radius: 2px; text-align: center; vertical-align: top; height: 30px; } .pagination li a { color: #444; display: inline-block; font-size: 1.2rem; padding: 0 10px; line-height: 30px; } .pagination li.active a { color: #fff; } .pagination li.active { background-color: #ee6e73; } .pagination li.disabled a { cursor: default; color: #999; } .pagination li i { font-size: 24px; vertical-align: middle; } .pagination li.pages ul li { display: inline-block; float: none; } @media only screen and (max-width: 992px) { .pagination {} .pagination li.prev, .pagination li.next { width: 10%; } .pagination li.pages { width: 80%; overflow: hidden; white-space: nowrap; } } .breadcrumb { font-size: 18px; color: rgba(255, 255, 255, 0.7); } .breadcrumb i, .breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"], .breadcrumb i.material-icons { display: inline-block; float: left; font-size: 24px; } .breadcrumb:before { color: rgba(255, 255, 255, 0.7); vertical-align: top; display: inline-block; font-weight: normal; font-style: normal; font-size: 25px; margin: 0 10px 0 8px; -webkit-font-smoothing: antialiased; } .breadcrumb:first-child:before { display: none; } .breadcrumb:last-child { color: #fff; } .parallax-container { position: relative; overflow: hidden; height: 500px; } .parallax { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .parallax img { display: none; position: absolute; left: 50%; bottom: 0; min-width: 100%; min-height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .pin-top, .pin-bottom { position: relative; } .pinned { position: fixed !important; } /********************* Transition Classes **********************/ ul.staggered-list li { opacity: 0; } .fade-in { opacity: 0; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } /********************* Media Query Classes **********************/ @media only screen and (max-width: 600px) { .hide-on-small-only, .hide-on-small-and-down { display: none !important; } } @media only screen and (max-width: 992px) { .hide-on-med-and-down { display: none !important; } } @media only screen and (min-width: 601px) { .hide-on-med-and-up { display: none !important; } } @media only screen and (min-width: 600px) and (max-width: 992px) { .hide-on-med-only { display: none !important; } } @media only screen and (min-width: 993px) { .hide-on-large-only { display: none !important; } } @media only screen and (min-width: 993px) { .show-on-large { display: block !important; } } @media only screen and (min-width: 600px) and (max-width: 992px) { .show-on-medium { display: block !important; } } @media only screen and (max-width: 600px) { .show-on-small { display: block !important; } } @media only screen and (min-width: 601px) { .show-on-medium-and-up { display: block !important; } } @media only screen and (max-width: 992px) { .show-on-medium-and-down { display: block !important; } } @media only screen and (max-width: 600px) { .center-on-small-only { text-align: center; } } .page-footer { padding-top: 20px; background-color: #ee6e73; } .page-footer .footer-copyright { overflow: hidden; min-height: 50px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 10px 0px; color: rgba(255, 255, 255, 0.8); background-color: rgba(51, 51, 51, 0.08); } table, th, td { /*border: none;*/ border-style: groove; } table { width: 100%; display: table; } table.bordered > thead > tr, table.bordered > tbody > tr { border-bottom: 1px solid #d0d0d0; } table.striped > tbody > tr:nth-child(odd) { background-color: #f2f2f2; } table.striped > tbody > tr > td { border-radius: 0; } table.highlight > tbody > tr { transition: background-color .25s ease; } table.highlight > tbody > tr:hover { background-color: #f2f2f2; } table.centered thead tr th, table.centered tbody tr td { text-align: center; } thead { border-bottom: 1px solid #d0d0d0; } td, th { padding: 15px 5px; display: table-cell; text-align: left; vertical-align: middle; border-radius: 2px; } @media only screen and (max-width: 992px) { table.responsive-table { width: 100%; border-collapse: collapse; border-spacing: 0; display: block; position: relative; /* sort out borders */ } table.responsive-table td:empty:before { content: '\00a0'; } table.responsive-table th, table.responsive-table td { margin: 0; vertical-align: top; } table.responsive-table th { text-align: left; } table.responsive-table thead { display: block; float: left; } table.responsive-table thead tr { display: block; padding: 0 10px 0 0; } table.responsive-table thead tr th::before { content: "\00a0"; } table.responsive-table tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; } table.responsive-table tbody tr { display: inline-block; vertical-align: top; } table.responsive-table th { display: block; text-align: right; } table.responsive-table td { display: block; min-height: 1.25em; text-align: left; } table.responsive-table tr { padding: 0 10px; } table.responsive-table thead { border: 0; border-right: 1px solid #d0d0d0; } table.responsive-table.bordered th { border-bottom: 0; border-left: 0; } table.responsive-table.bordered td { border-left: 0; border-right: 0; border-bottom: 0; } table.responsive-table.bordered tr { border: 0; } table.responsive-table.bordered tbody tr { border-right: 1px solid #d0d0d0; } } .collection { margin: 0.5rem 0 1rem 0; border: 1px solid #e0e0e0; border-radius: 2px; overflow: hidden; position: relative; } .collection .collection-item { background-color: #fff; line-height: 1.5rem; padding: 10px 20px; margin: 0; border-bottom: 1px solid #e0e0e0; } .collection .collection-item.avatar { min-height: 84px; padding-left: 72px; position: relative; } .collection .collection-item.avatar .circle { position: absolute; width: 42px; height: 42px; overflow: hidden; left: 15px; display: inline-block; vertical-align: middle; } .collection .collection-item.avatar i.circle { font-size: 18px; line-height: 42px; color: #fff; background-color: #999; text-align: center; } .collection .collection-item.avatar .title { font-size: 16px; } .collection .collection-item.avatar p { margin: 0; } .collection .collection-item.avatar .secondary-content { position: absolute; top: 16px; right: 16px; } .collection .collection-item:last-child { border-bottom: none; } .collection .collection-item.active { background-color: #26a69a; color: #eafaf9; } .collection .collection-item.active .secondary-content { color: #fff; } .collection a.collection-item { display: block; transition: .25s; color: #26a69a; } .collection a.collection-item:not(.active):hover { background-color: #ddd; } .collection.with-header .collection-header { background-color: #fff; border-bottom: 1px solid #e0e0e0; padding: 10px 20px; } .collection.with-header .collection-item { padding-left: 30px; } .collection.with-header .collection-item.avatar { padding-left: 72px; } .secondary-content { float: right; color: #26a69a; } .collapsible .collection { margin: 0; border: none; } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .progress { position: relative; height: 4px; display: block; width: 100%; background-color: #acece6; border-radius: 2px; margin: 0.5rem 0 1rem 0; overflow: hidden; } .progress .determinate { position: absolute; top: 0; left: 0; bottom: 0; background-color: #26a69a; transition: width .3s linear; } .progress .indeterminate { background-color: #26a69a; } .progress .indeterminate:before { content: ''; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; } .progress .indeterminate:after { content: ''; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -webkit-animation-delay: 1.15s; animation-delay: 1.15s; } @-webkit-keyframes indeterminate { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @keyframes indeterminate { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @-webkit-keyframes indeterminate-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } @keyframes indeterminate-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } /******************* Utility Classes *******************/ .hide { display: none !important; } .left-align { text-align: left; } .right-align { text-align: right; } .center, .center-align { text-align: center; } .left { float: left !important; } .right { float: right !important; } .no-select, input[type=range], input[type=range] + .thumb { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .circle { border-radius: 50%; } .center-block { display: block; margin-left: auto; margin-right: auto; } .truncate { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .no-padding { padding: 0 !important; } span.badge { min-width: 3rem; padding: 0 6px; margin-left: 14px; text-align: center; font-size: 1rem; line-height: 22px; height: 22px; color: #757575; float: right; box-sizing: border-box; } span.badge.new { font-weight: 300; font-size: 0.8rem; color: #fff; background-color: #26a69a; border-radius: 2px; } span.badge.new:after { content: " new"; } span.badge[data-badge-caption]::after { content: " " attr(data-badge-caption); } nav ul a span.badge { display: inline-block; float: none; margin-left: 4px; line-height: 22px; height: 22px; } .collection-item span.badge { margin-top: calc(0.75rem - 11px); } .collapsible span.badge { margin-top: calc(1.5rem - 11px); } .side-nav span.badge { margin-top: calc(24px - 11px); } /* This is needed for some mobile phones to display the Google Icon font properly */ .material-icons { text-rendering: optimizeLegibility; -webkit-font-feature-settings: 'liga'; -moz-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } .container {} @media only screen and (min-width: 601px) { .container { width: 85%; } } @media only screen and (min-width: 993px) { .container { width: 70%; } } .container .row { margin-left: -0.75rem; margin-right: -0.75rem; } .section { padding-top: 1rem; padding-bottom: 1rem; } .section.no-pad { padding: 0; } .section.no-pad-bot { padding-bottom: 0; } .section.no-pad-top { padding-top: 0; } .row {} .row:after { content: ""; display: table; clear: both; } .row .col { float: left; box-sizing: border-box; padding: 0 0.75rem; min-height: 1px; } .row .col[class*="push-"], .row .col[class*="pull-"] { position: relative; } .row .col.s1 { width: 8.3333333333%; margin-left: auto; left: auto; right: auto; } .row .col.s2 { width: 16.6666666667%; margin-left: auto; left: auto; right: auto; } .row .col.s3 { width: 25%; margin-left: auto; left: auto; right: auto; } .row .col.s4 { width: 33.3333333333%; margin-left: auto; left: auto; right: auto; } .row .col.s5 { width: 41.6666666667%; margin-left: auto; left: auto; right: auto; } .row .col.s6 { width: 50%; margin-left: auto; left: auto; right: auto; } .row .col.s7 { width: 58.3333333333%; margin-left: auto; left: auto; right: auto; } .row .col.s8 { width: 66.6666666667%; margin-left: auto; left: auto; right: auto; } .row .col.s9 { width: 75%; margin-left: auto; left: auto; right: auto; } .row .col.s10 { width: 83.3333333333%; margin-left: auto; left: auto; right: auto; } .row .col.s11 { width: 91.6666666667%; margin-left: auto; left: auto; right: auto; } .row .col.s12 { width: 100%; margin-left: auto; left: auto; right: auto; } .row .col.offset-s1 { margin-left: 8.3333333333%; } .row .col.pull-s1 { right: 8.3333333333%; } .row .col.push-s1 { left: 8.3333333333%; } .row .col.offset-s2 { margin-left: 16.6666666667%; } .row .col.pull-s2 { right: 16.6666666667%; } .row .col.push-s2 { left: 16.6666666667%; } .row .col.offset-s3 { margin-left: 25%; } .row .col.pull-s3 { right: 25%; } .row .col.push-s3 { left: 25%; } .row .col.offset-s4 { margin-left: 33.3333333333%; } .row .col.pull-s4 { right: 33.3333333333%; } .row .col.push-s4 { left: 33.3333333333%; } .row .col.offset-s5 { margin-left: 41.6666666667%; } .row .col.pull-s5 { right: 41.6666666667%; } .row .col.push-s5 { left: 41.6666666667%; } .row .col.offset-s6 { margin-left: 50%; } .row .col.pull-s6 { right: 50%; } .row .col.push-s6 { left: 50%; } .row .col.offset-s7 { margin-left: 58.3333333333%; } .row .col.pull-s7 { right: 58.3333333333%; } .row .col.push-s7 { left: 58.3333333333%; } .row .col.offset-s8 { margin-left: 66.6666666667%; } .row .col.pull-s8 { right: 66.6666666667%; } .row .col.push-s8 { left: 66.6666666667%; } .row .col.offset-s9 { margin-left: 75%; } .row .col.pull-s9 { right: 75%; } .row .col.push-s9 { left: 75%; } .row .col.offset-s10 { margin-left: 83.3333333333%; } .row .col.pull-s10 { right: 83.3333333333%; } .row .col.push-s10 { left: 83.3333333333%; } .row .col.offset-s11 { margin-left: 91.6666666667%; } .row .col.pull-s11 { right: 91.6666666667%; } .row .col.push-s11 { left: 91.6666666667%; } .row .col.offset-s12 { margin-left: 100%; } .row .col.pull-s12 { right: 100%; } .row .col.push-s12 { left: 100%; } @media only screen and (min-width: 601px) { .row .col.m1 { width: 8.3333333333%; margin-left: auto; left: auto; right: auto; } .row .col.m2 { width: 16.6666666667%; margin-left: auto; left: auto; right: auto; } .row .col.m3 { width: 25%; margin-left: auto; left: auto; right: auto; } .row .col.m4 { width: 33.3333333333%; margin-left: auto; left: auto; right: auto; } .row .col.m5 { width: 41.6666666667%; margin-left: auto; left: auto; right: auto; } .row .col.m6 { width: 50%; margin-left: auto; left: auto; right: auto; } .row .col.m7 { width: 58.3333333333%; margin-left: auto; left: auto; right: auto; } .row .col.m8 { width: 66.6666666667%; margin-left: auto; left: auto; right: auto; } .row .col.m9 { width: 75%; margin-left: auto; left: auto; right: auto; } .row .col.m10 { width: 83.3333333333%; margin-left: auto; left: auto; right: auto; } .row .col.m11 { width: 91.6666666667%; margin-left: auto; left: auto; right: auto; } .row .col.m12 { width: 100%; margin-left: auto; left: auto; right: auto; } .row .col.offset-m1 { margin-left: 8.3333333333%; } .row .col.pull-m1 { right: 8.3333333333%; } .row .col.push-m1 { left: 8.3333333333%; } .row .col.offset-m2 { margin-left: 16.6666666667%; } .row .col.pull-m2 { right: 16.6666666667%; } .row .col.push-m2 { left: 16.6666666667%; } .row .col.offset-m3 { margin-left: 25%; } .row .col.pull-m3 { right: 25%; } .row .col.push-m3 { left: 25%; } .row .col.offset-m4 { margin-left: 33.3333333333%; } .row .col.pull-m4 { right: 33.3333333333%; } .row .col.push-m4 { left: 33.3333333333%; } .row .col.offset-m5 { margin-left: 41.6666666667%; } .row .col.pull-m5 { right: 41.6666666667%; } .row .col.push-m5 { left: 41.6666666667%; } .row .col.offset-m6 { margin-left: 50%; } .row .col.pull-m6 { right: 50%; } .row .col.push-m6 { left: 50%; } .row .col.offset-m7 { margin-left: 58.3333333333%; } .row .col.pull-m7 { right: 58.3333333333%; } .row .col.push-m7 { left: 58.3333333333%; } .row .col.offset-m8 { margin-left: 66.6666666667%; } .row .col.pull-m8 { right: 66.6666666667%; } .row .col.push-m8 { left: 66.6666666667%; } .row .col.offset-m9 { margin-left: 75%; } .row .col.pull-m9 { right: 75%; } .row .col.push-m9 { left: 75%; } .row .col.offset-m10 { margin-left: 83.3333333333%; } .row .col.pull-m10 { right: 83.3333333333%; } .row .col.push-m10 { left: 83.3333333333%; } .row .col.offset-m11 { margin-left: 91.6666666667%; } .row .col.pull-m11 { right: 91.6666666667%; } .row .col.push-m11 { left: 91.6666666667%; } .row .col.offset-m12 { margin-left: 100%; } .row .col.pull-m12 { right: 100%; } .row .col.push-m12 { left: 100%; } } @media only screen and (min-width: 993px) { .row .col.l1 { width: 8.3333333333%; margin-left: auto; left: auto; right: auto; } .row .col.l2 { width: 16.6666666667%; margin-left: auto; left: auto; right: auto; } .row .col.l3 { width: 25%; margin-left: auto; left: auto; right: auto; } .row .col.l4 { width: 33.3333333333%; margin-left: auto; left: auto; right: auto; } .row .col.l5 { width: 41.6666666667%; margin-left: auto; left: auto; right: auto; } .row .col.l6 { width: 50%; margin-left: auto; left: auto; right: auto; } .row .col.l7 { width: 58.3333333333%; margin-left: auto; left: auto; right: auto; } .row .col.l8 { width: 66.6666666667%; margin-left: auto; left: auto; right: auto; } .row .col.l9 { width: 75%; margin-left: auto; left: auto; right: auto; } .row .col.l10 { width: 83.3333333333%; margin-left: auto; left: auto; right: auto; } .row .col.l11 { width: 91.6666666667%; margin-left: auto; left: auto; right: auto; } .row .col.l12 { width: 100%; margin-left: auto; left: auto; right: auto; } .row .col.offset-l1 { margin-left: 8.3333333333%; } .row .col.pull-l1 { right: 8.3333333333%; } .row .col.push-l1 { left: 8.3333333333%; } .row .col.offset-l2 { margin-left: 16.6666666667%; } .row .col.pull-l2 { right: 16.6666666667%; } .row .col.push-l2 { left: 16.6666666667%; } .row .col.offset-l3 { margin-left: 25%; } .row .col.pull-l3 { right: 25%; } .row .col.push-l3 { left: 25%; } .row .col.offset-l4 { margin-left: 33.3333333333%; } .row .col.pull-l4 { right: 33.3333333333%; } .row .col.push-l4 { left: 33.3333333333%; } .row .col.offset-l5 { margin-left: 41.6666666667%; } .row .col.pull-l5 { right: 41.6666666667%; } .row .col.push-l5 { left: 41.6666666667%; } .row .col.offset-l6 { margin-left: 50%; } .row .col.pull-l6 { right: 50%; } .row .col.push-l6 { left: 50%; } .row .col.offset-l7 { margin-left: 58.3333333333%; } .row .col.pull-l7 { right: 58.3333333333%; } .row .col.push-l7 { left: 58.3333333333%; } .row .col.offset-l8 { margin-left: 66.6666666667%; } .row .col.pull-l8 { right: 66.6666666667%; } .row .col.push-l8 { left: 66.6666666667%; } .row .col.offset-l9 { margin-left: 75%; } .row .col.pull-l9 { right: 75%; } .row .col.push-l9 { left: 75%; } .row .col.offset-l10 { margin-left: 83.3333333333%; } .row .col.pull-l10 { right: 83.3333333333%; } .row .col.push-l10 { left: 83.3333333333%; } .row .col.offset-l11 { margin-left: 91.6666666667%; } .row .col.pull-l11 { right: 91.6666666667%; } .row .col.push-l11 { left: 91.6666666667%; } .row .col.offset-l12 { margin-left: 100%; } .row .col.pull-l12 { right: 100%; } .row .col.push-l12 { left: 100%; } } @media only screen and (min-width: 1201px) { .row .col.xl1 { width: 8.3333333333%; margin-left: auto; left: auto; right: auto; } .row .col.xl2 { width: 16.6666666667%; margin-left: auto; left: auto; right: auto; } .row .col.xl3 { width: 25%; margin-left: auto; left: auto; right: auto; } .row .col.xl4 { width: 33.3333333333%; margin-left: auto; left: auto; right: auto; } .row .col.xl5 { width: 41.6666666667%; margin-left: auto; left: auto; right: auto; } .row .col.xl6 { width: 50%; margin-left: auto; left: auto; right: auto; } .row .col.xl7 { width: 58.3333333333%; margin-left: auto; left: auto; right: auto; } .row .col.xl8 { width: 66.6666666667%; margin-left: auto; left: auto; right: auto; } .row .col.xl9 { width: 75%; margin-left: auto; left: auto; right: auto; } .row .col.xl10 { width: 83.3333333333%; margin-left: auto; left: auto; right: auto; } .row .col.xl11 { width: 91.6666666667%; margin-left: auto; left: auto; right: auto; } .row .col.xl12 { width: 100%; margin-left: auto; left: auto; right: auto; } .row .col.offset-xl1 { margin-left: 8.3333333333%; } .row .col.pull-xl1 { right: 8.3333333333%; } .row .col.push-xl1 { left: 8.3333333333%; } .row .col.offset-xl2 { margin-left: 16.6666666667%; } .row .col.pull-xl2 { right: 16.6666666667%; } .row .col.push-xl2 { left: 16.6666666667%; } .row .col.offset-xl3 { margin-left: 25%; } .row .col.pull-xl3 { right: 25%; } .row .col.push-xl3 { left: 25%; } .row .col.offset-xl4 { margin-left: 33.3333333333%; } .row .col.pull-xl4 { right: 33.3333333333%; } .row .col.push-xl4 { left: 33.3333333333%; } .row .col.offset-xl5 { margin-left: 41.6666666667%; } .row .col.pull-xl5 { right: 41.6666666667%; } .row .col.push-xl5 { left: 41.6666666667%; } .row .col.offset-xl6 { margin-left: 50%; } .row .col.pull-xl6 { right: 50%; } .row .col.push-xl6 { left: 50%; } .row .col.offset-xl7 { margin-left: 58.3333333333%; } .row .col.pull-xl7 { right: 58.3333333333%; } .row .col.push-xl7 { left: 58.3333333333%; } .row .col.offset-xl8 { margin-left: 66.6666666667%; } .row .col.pull-xl8 { right: 66.6666666667%; } .row .col.push-xl8 { left: 66.6666666667%; } .row .col.offset-xl9 { margin-left: 75%; } .row .col.pull-xl9 { right: 75%; } .row .col.push-xl9 { left: 75%; } .row .col.offset-xl10 { margin-left: 83.3333333333%; } .row .col.pull-xl10 { right: 83.3333333333%; } .row .col.push-xl10 { left: 83.3333333333%; } .row .col.offset-xl11 { margin-left: 91.6666666667%; } .row .col.pull-xl11 { right: 91.6666666667%; } .row .col.push-xl11 { left: 91.6666666667%; } .row .col.offset-xl12 { margin-left: 100%; } .row .col.pull-xl12 { right: 100%; } .row .col.push-xl12 { left: 100%; } } nav { color: #fff; background-color: #ee6e73; /* width: 100%; */ height: 56px; line-height: 56px; } nav.nav-extended { height: auto; } nav.nav-extended .nav-wrapper { min-height: 56px; height: auto; } nav.nav-extended .nav-content { position: relative; line-height: normal; } nav a { color: #fff; } nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons { display: block; font-size: 24px; height: 56px; line-height: 56px; } nav .nav-wrapper { position: relative; height: 100%; } @media only screen and (min-width: 993px) { nav a.button-collapse { display: none; } } nav .button-collapse { float: left; position: relative; z-index: 1; height: 56px; margin: 0 18px; } nav .button-collapse i { height: 56px; line-height: 56px; } nav .brand-logo { position: absolute; color: #fff; display: inline-block; font-size: 2.1rem; padding: 0; white-space: nowrap; } nav .brand-logo.center { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width: 992px) { nav .brand-logo { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } nav .brand-logo.left, nav .brand-logo.right { padding: 0; -webkit-transform: none; transform: none; } nav .brand-logo.left { left: 0.5rem; } nav .brand-logo.right { right: 0.5rem; left: auto; } } nav .brand-logo.right { right: 0.5rem; padding: 0; } nav .brand-logo i, nav .brand-logo [class^="mdi-"], nav .brand-logo [class*="mdi-"], nav .brand-logo i.material-icons { float: left; margin-right: 15px; } nav .nav-title { display: inline-block; font-size: 32px; padding: 28px 0; } nav ul { margin: 0; } nav ul li { /* transition: background-color .3s; */ /* float: left; */ /* padding: 0; */ } nav ul li.active { background-color: rgba(0, 0, 0, 0.1); } nav ul a { transition: background-color .3s; font-size: 1rem; color: #fff; display: block; padding: 0 15px; cursor: pointer; } nav ul a.btn, nav ul a.btn-large, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating { margin-top: -2px; margin-left: 15px; margin-right: 15px; } nav ul a.btn > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-flat > .material-icons, nav ul a.btn-floating > .material-icons { height: inherit; line-height: inherit; } nav ul a:hover { background-color: rgba(0, 0, 0, 0.1); } nav ul.left { float: left; } nav form { height: 100%; } nav .input-field { margin: 0; height: 100%; } nav .input-field input { height: 100%; font-size: 1.2rem; border: none; padding-left: 2rem; } nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid { border: none; box-shadow: none; } nav .input-field label { top: 0; left: 0; } nav .input-field label i { color: rgba(255, 255, 255, 0.7); transition: color .3s; } nav .input-field label.active i { color: #fff; } .navbar-fixed { position: relative; height: 56px; z-index: 997; } .navbar-fixed nav { position: fixed; } @media only screen and (min-width: 601px) { nav.nav-extended .nav-wrapper { min-height: 64px; } nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i { /* height: 64px; */ line-height: 64px; } .navbar-fixed { height: 64px; } } a { text-decoration: none; } html {} @media only screen and (min-width: 0) { html { font-size: 14px; } } @media only screen and (min-width: 992px) { html { font-size: 14.5px; } } @media only screen and (min-width: 1200px) { html { font-size: 15px; } } .light, .page-footer .footer-copyright { font-weight: 300; } .thin { font-weight: 200; } .flow-text { font-weight: 300; } @media only screen and (min-width: 360px) { .flow-text { font-size: 1.2rem; } } @media only screen and (min-width: 390px) { .flow-text { font-size: 1.224rem; } } @media only screen and (min-width: 420px) { .flow-text { font-size: 1.248rem; } } @media only screen and (min-width: 450px) { .flow-text { font-size: 1.272rem; } } @media only screen and (min-width: 480px) { .flow-text { font-size: 1.296rem; } } @media only screen and (min-width: 510px) { .flow-text { font-size: 1.32rem; } } @media only screen and (min-width: 540px) { .flow-text { font-size: 1.344rem; } } @media only screen and (min-width: 570px) { .flow-text { font-size: 1.368rem; } } @media only screen and (min-width: 600px) { .flow-text { font-size: 1.392rem; } } @media only screen and (min-width: 630px) { .flow-text { font-size: 1.416rem; } } @media only screen and (min-width: 660px) { .flow-text { font-size: 1.44rem; } } @media only screen and (min-width: 690px) { .flow-text { font-size: 1.464rem; } } @media only screen and (min-width: 720px) { .flow-text { font-size: 1.488rem; } } @media only screen and (min-width: 750px) { .flow-text { font-size: 1.512rem; } } @media only screen and (min-width: 780px) { .flow-text { font-size: 1.536rem; } } @media only screen and (min-width: 810px) { .flow-text { font-size: 1.56rem; } } @media only screen and (min-width: 840px) { .flow-text { font-size: 1.584rem; } } @media only screen and (min-width: 870px) { .flow-text { font-size: 1.608rem; } } @media only screen and (min-width: 900px) { .flow-text { font-size: 1.632rem; } } @media only screen and (min-width: 930px) { .flow-text { font-size: 1.656rem; } } @media only screen and (min-width: 960px) { .flow-text { font-size: 1.68rem; } } @media only screen and (max-width: 360px) { .flow-text { font-size: 1.2rem; } } .scale-transition { transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; } .scale-transition.scale-out { -webkit-transform: scale(0); transform: scale(0); transition: -webkit-transform .2s !important; transition: transform .2s !important; transition: transform .2s, -webkit-transform .2s !important; } .scale-transition.scale-in { -webkit-transform: scale(1); transform: scale(1); } .card-panel { transition: box-shadow .25s; padding: 24px; margin: 0.5rem 0 1rem 0; border-radius: 2px; background-color: #fff; } .card { position: relative; margin: 0.5rem 0 1rem 0; background-color: #fff; transition: box-shadow .25s; border-radius: 2px; } .card .card-title { font-size: 24px; font-weight: 300; } .card .card-title.activator { cursor: pointer; } .card.small, .card.medium, .card.large { position: relative; } .card.small .card-image, .card.medium .card-image, .card.large .card-image { max-height: 60%; overflow: hidden; } .card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content { max-height: 40%; } .card.small .card-content, .card.medium .card-content, .card.large .card-content { max-height: 100%; overflow: hidden; } .card.small .card-action, .card.medium .card-action, .card.large .card-action { position: absolute; bottom: 0; left: 0; right: 0; } .card.small { height: 300px; } .card.medium { height: 400px; } .card.large { height: 500px; } .card.horizontal { display: -webkit-flex; display: -ms-flexbox; display: flex; } .card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image { height: 100%; max-height: none; overflow: visible; } .card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img { height: 100%; } .card.horizontal .card-image { max-width: 50%; } .card.horizontal .card-image img { border-radius: 2px 0 0 2px; max-width: 100%; width: auto; } .card.horizontal .card-stacked { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative; } .card.horizontal .card-stacked .card-content { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .card.sticky-action .card-action { z-index: 2; } .card.sticky-action .card-reveal { z-index: 1; padding-bottom: 64px; } .card .card-image { position: relative; } .card .card-image img { display: block; border-radius: 2px 2px 0 0; position: relative; left: 0; right: 0; top: 0; bottom: 0; width: 100%; } .card .card-image .card-title { color: #fff; position: absolute; bottom: 0; left: 0; max-width: 100%; padding: 24px; } .card .card-content { padding: 24px; border-radius: 0 0 2px 2px; } .card .card-content p { margin: 0; color: inherit; } .card .card-content .card-title { display: block; line-height: 32px; margin-bottom: 8px; } .card .card-content .card-title i { line-height: 32px; } .card .card-action { position: relative; background-color: inherit; border-top: 1px solid rgba(160, 160, 160, 0.2); padding: 16px 24px; } .card .card-action:last-child { border-radius: 0 0 2px 2px; } .card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) { color: #ffab40; margin-right: 24px; transition: color .3s ease; text-transform: uppercase; } .card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover { color: #ffd8a6; } .card .card-reveal { padding: 24px; position: absolute; background-color: #fff; width: 100%; overflow-y: auto; left: 0; top: 100%; height: 100%; z-index: 3; display: none; } .card .card-reveal .card-title { cursor: pointer; display: block; } #toast-container { display: block; position: fixed; z-index: 10000; } @media only screen and (max-width: 600px) { #toast-container { min-width: 100%; bottom: 0%; } } @media only screen and (min-width: 601px) and (max-width: 992px) { #toast-container { left: 5%; bottom: 7%; max-width: 90%; } } @media only screen and (min-width: 993px) { #toast-container { top: 10%; right: 7%; max-width: 86%; } } .toast { border-radius: 2px; top: 35px; width: auto; clear: both; margin-top: 10px; position: relative; max-width: 100%; height: auto; min-height: 48px; line-height: 1.5em; word-break: break-all; background-color: #323232; padding: 10px 25px; font-size: 1.1rem; font-weight: 300; color: #fff; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .toast .btn, .toast .btn-large, .toast .btn-flat { margin: 0; margin-left: 3rem; } .toast.rounded { border-radius: 24px; } @media only screen and (max-width: 600px) { .toast { width: 100%; border-radius: 0; } } @media only screen and (min-width: 601px) and (max-width: 992px) { .toast { float: left; } } @media only screen and (min-width: 993px) { .toast { float: right; } } .tabs { position: relative; overflow-x: auto; overflow-y: hidden; height: 48px; width: 100%; background-color: #fff; margin: 0 auto; white-space: nowrap; } .tabs.tabs-transparent { background-color: transparent; } .tabs.tabs-transparent .tab a, .tabs.tabs-transparent .tab.disabled a, .tabs.tabs-transparent .tab.disabled a:hover { color: rgba(255, 255, 255, 0.7); } .tabs.tabs-transparent .tab a:hover, .tabs.tabs-transparent .tab a.active { color: #fff; } .tabs.tabs-transparent .indicator { background-color: #fff; } .tabs.tabs-fixed-width { display: -webkit-flex; display: -ms-flexbox; display: flex; } .tabs.tabs-fixed-width .tab { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .tabs .tab { display: inline-block; text-align: center; line-height: 48px; height: 48px; padding: 0; margin: 0; text-transform: uppercase; } .tabs .tab a { display: block; width: 100%; height: 100%; padding: 0 24px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; transition: color .28s ease; font-weight: 700; color: #0e76a8; } .tabs .tab a:hover, .tabs .tab a.active { background-color: transparent; color: #F44336; } .tabs .tab.disabled a, .tabs .tab.disabled a:hover { color: rgba(238, 110, 115, 0.7); cursor: default; } .tabs .indicator { position: absolute; bottom: 0; height: 2px; background-color: #f6b2b5; will-change: left, right; } @media only screen and (max-width: 992px) { .tabs { display: -webkit-flex; display: -ms-flexbox; display: flex; } .tabs .tab { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .tabs .tab a { padding: 0 12px; } } .material-tooltip { padding: 10px 8px; font-size: 1rem; z-index: 2000; background-color: transparent; border-radius: 2px; color: #fff; min-height: 36px; line-height: 120%; opacity: 0; position: absolute; text-align: center; max-width: calc(100% - 4px); overflow: hidden; left: 0; top: 0; pointer-events: none; visibility: hidden; } .backdrop { position: absolute; opacity: 0; height: 7px; width: 14px; border-radius: 0 0 50% 50%; background-color: #323232; z-index: -1; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; visibility: hidden; } .btn, .btn-large, .btn-flat { border: none; border-radius: 2px; display: inline-block; height: 36px; line-height: 36px; padding: 0 2rem; text-transform: uppercase; vertical-align: middle; -webkit-tap-highlight-color: transparent; } .btn.disabled, .disabled.btn-large, .btn-floating.disabled, .btn-large.disabled, .btn-flat.disabled, .btn:disabled, .btn-large:disabled, .btn-floating:disabled, .btn-large:disabled, .btn-flat:disabled, .btn[disabled], [disabled].btn-large, .btn-floating[disabled], .btn-large[disabled], .btn-flat[disabled] { pointer-events: none; background-color: #DFDFDF !important; box-shadow: none; color: #9F9F9F !important; cursor: default; } .btn.disabled:hover, .disabled.btn-large:hover, .btn-floating.disabled:hover, .btn-large.disabled:hover, .btn-flat.disabled:hover, .btn:disabled:hover, .btn-large:disabled:hover, .btn-floating:disabled:hover, .btn-large:disabled:hover, .btn-flat:disabled:hover, .btn[disabled]:hover, [disabled].btn-large:hover, .btn-floating[disabled]:hover, .btn-large[disabled]:hover, .btn-flat[disabled]:hover { background-color: #DFDFDF !important; color: #9F9F9F !important; } .btn, .btn-large, .btn-floating, .btn-large, .btn-flat { font-size: 1rem; outline: 0; } .btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i { font-size: 1.3rem; line-height: inherit; } .btn:focus, .btn-large:focus, .btn-floating:focus { background-color: #1aa5d8; } .btn, .btn-large { text-decoration: none; text-align: center; letter-spacing: .5px; transition: .2s ease-out; cursor: pointer; color: #fff; font-weight: 600; background: #1aa5d8; background: linear-gradient(to bottom, #1aa5d8, #1386b1); font-family: 'Quicksand', sans-serif; } .btn:hover, .btn-large:hover { background: #075175; } .btn-floating { display: inline-block; color: #fff; position: relative; overflow: hidden; z-index: 1; width: 40px; height: 40px; line-height: 40px; padding: 0; background-color: #26a69a; border-radius: 50%; transition: .3s; cursor: pointer; vertical-align: middle; } .btn-floating:hover { background-color: #26a69a; } .btn-floating:before { border-radius: 0; } .btn-floating.btn-large { width: 56px; height: 56px; } .btn-floating.btn-large.halfway-fab { bottom: -28px; } .btn-floating.btn-large i { line-height: 56px; } .btn-floating.halfway-fab { position: absolute; right: 24px; bottom: -20px; } .btn-floating.halfway-fab.left { right: auto; left: 24px; } .btn-floating i { width: inherit; display: inline-block; text-align: center; color: #fff; font-size: 1.6rem; line-height: 40px; } button.btn-floating { border: none; } .fixed-action-btn { position: fixed; right: 23px; bottom: 23px; padding-top: 15px; margin-bottom: 0; z-index: 998; } .fixed-action-btn.active ul { visibility: visible; } .fixed-action-btn.horizontal { padding: 0 0 0 15px; } .fixed-action-btn.horizontal ul { text-align: right; right: 64px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 100%; left: auto; width: 500px; /*width 100% only goes to width of button container */ } .fixed-action-btn.horizontal ul li { display: inline-block; margin: 15px 15px 0 0; } .fixed-action-btn.toolbar { padding: 0; height: 56px; } .fixed-action-btn.toolbar.active > a i { opacity: 0; } .fixed-action-btn.toolbar ul { display: -webkit-flex; display: -ms-flexbox; display: flex; top: 0; bottom: 0; } .fixed-action-btn.toolbar ul li { -webkit-flex: 1; -ms-flex: 1; flex: 1; display: inline-block; margin: 0; height: 100%; transition: none; } .fixed-action-btn.toolbar ul li a { display: block; overflow: hidden; position: relative; width: 100%; height: 100%; background-color: transparent; box-shadow: none; color: #fff; line-height: 56px; z-index: 1; } .fixed-action-btn.toolbar ul li a i { line-height: inherit; } .fixed-action-btn ul { left: 0; right: 0; text-align: center; position: absolute; bottom: 64px; margin: 0; visibility: hidden; } .fixed-action-btn ul li { margin-bottom: 15px; } .fixed-action-btn ul a.btn-floating { opacity: 0; } .fixed-action-btn .fab-backdrop { position: absolute; top: 0; left: 0; z-index: -1; width: 40px; height: 40px; background-color: #26a69a; border-radius: 50%; -webkit-transform: scale(0); transform: scale(0); } .btn-flat { box-shadow: none; background-color: transparent; color: #343434; cursor: pointer; transition: background-color .2s; } .btn-flat:focus, .btn-flat:active { background-color: transparent; } .btn-flat:focus, .btn-flat:hover { background-color: rgba(0, 0, 0, 0.1); box-shadow: none; } .btn-flat:active { background-color: rgba(0, 0, 0, 0.2); } .btn-flat.disabled { background-color: transparent !important; color: #b3b3b3 !important; cursor: default; } .btn-large { height: 54px; line-height: 54px; } .btn-large i { font-size: 1.6rem; } .btn-block { display: block; } .dropdown-content { background-color: #fff; margin: 0; display: none; max-height: 650px; overflow-y: auto !important; opacity: 0; position: absolute !important; z-index: 999; will-change: width, height; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.16); padding: 0px; } .dropdown-content li { clear: both; color: rgba(0, 0, 0, 0.87); cursor: pointer; min-height: 50px; line-height: 25px; width: 100% !important; text-align: left; text-transform: none; padding-bottom: 0px !important; padding-top: 5px; } .dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected { padding-left: 8px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .dropdown-content li.active.selected { background-color: #e1e1e1; } .dropdown-content li.divider { min-height: 0; height: 1px; } .dropdown-content li > a, .dropdown-content li > span { font-size: 16px; color: #263238; display: block; line-height: 22px; padding: 10px 15px; } .dropdown-content li > span > label { top: 1px; left: 0; height: 18px; } .dropdown-content li > a > i { height: inherit; line-height: inherit; float: left; margin: 0 5px 0 0; width: 24px; } .input-field.col .dropdown-content [type="checkbox"] + label { top: 7px; left: 0; height: 18px; } /*! * Waves v0.6.0 * http://fian.my.id/Waves * * Copyright 2014 Alfiana E. Sibuea and other contributors * Released under the MIT license * https://github.com/fians/Waves/blob/master/LICENSE */ .waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; vertical-align: middle; z-index: 1; transition: .3s ease-out; } .waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; opacity: 0; background: rgba(0, 0, 0, 0.2); transition: all 0.7s ease-out; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform: scale(0); transform: scale(0); pointer-events: none; } .waves-effect.waves-light .waves-ripple { background-color: rgba(255, 255, 255, 0.45); } .waves-effect.waves-red .waves-ripple { background-color: rgba(244, 67, 54, 0.7); } .waves-effect.waves-yellow .waves-ripple { background-color: rgba(255, 235, 59, 0.7); } .waves-effect.waves-orange .waves-ripple { background-color: rgba(255, 152, 0, 0.7); } .waves-effect.waves-purple .waves-ripple { background-color: rgba(156, 39, 176, 0.7); } .waves-effect.waves-green .waves-ripple { background-color: rgba(76, 175, 80, 0.7); } .waves-effect.waves-teal .waves-ripple { background-color: rgba(0, 150, 136, 0.7); } .waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] { border: 0; font-style: normal; font-size: inherit; text-transform: inherit; background: none; } .waves-effect img { position: relative; z-index: -1; } .waves-notransition { transition: none !important; } .waves-circle { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); } .waves-input-wrapper { border-radius: 0.2em; vertical-align: bottom; } .waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; } .waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; -webkit-mask-image: none; } .waves-block { display: block; } /* Firefox Bug: link not triggered */ .waves-effect .waves-ripple { z-index: -1; } .modal {} @media only screen and (max-width: 992px) { .modal { width: 100%; } } .modal h1, .modal h2, .modal h3, .modal h4 { margin-top: 0; } .modal .modal-content {} .modal .modal-close { cursor: pointer; } .modal .modal-footer { border-radius: 0 0 2px 2px; background-color: #fafafa; padding: 4px 6px; height: 56px; width: 100%; } .modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat { float: right; margin: 6px 0; } .modal-overlay { position: fixed; z-index: 999; top: -100px; left: 0; bottom: 0; right: 0; height: 125%; width: 100%; background: #000; display: none; will-change: opacity; } .modal.modal-fixed-footer { padding: 0; height: 70%; } .modal.modal-fixed-footer .modal-content { position: absolute; height: calc(100% - 56px); max-height: 100%; width: 100%; overflow-y: auto; } .modal.modal-fixed-footer .modal-footer { border-top: 1px solid rgba(0, 0, 0, 0.1); position: absolute; bottom: 0; } .modal.bottom-sheet { top: auto; bottom: -100%; margin: 0; width: 100%; max-height: 45%; border-radius: 0; will-change: bottom, opacity; } .collapsible { margin-top: 25px; } .collapsible-header { display: block; cursor: pointer; min-height: 3rem; line-height: 3rem; padding: 7px 1rem; background-color: #fff; border-bottom: 1px solid #ddd; } .collapsible-header i { width: 2rem; font-size: 1.6rem; line-height: 3rem; display: block; float: left; text-align: center; margin-right: 1rem; } .collapsible-body { display: none; border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 2rem; } .side-nav .collapsible, .side-nav.fixed .collapsible { border: none; box-shadow: none; } .side-nav .collapsible li, .side-nav.fixed .collapsible li { padding: 0; } .side-nav .collapsible-header, .side-nav.fixed .collapsible-header { background-color: transparent; border: none; line-height: inherit; height: inherit; padding: 0 16px; } .side-nav .collapsible-header:hover, .side-nav.fixed .collapsible-header:hover { background-color: rgba(0, 0, 0, 0.05); } .side-nav .collapsible-header i, .side-nav.fixed .collapsible-header i { line-height: inherit; } .side-nav .collapsible-body, .side-nav.fixed .collapsible-body { border: 0; background-color: #fff; } .side-nav .collapsible-body li a, .side-nav.fixed .collapsible-body li a { padding: 0 23.5px 0 31px; } .collapsible.popout { border: none; box-shadow: none; } .collapsible.popout > li { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); margin: 0 24px; transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .collapsible.popout > li.active { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); margin: 16px 0; } .chip { display: inline-block; height: 32px; font-size: 13px; font-weight: 500; color: rgba(0, 0, 0, 0.6); line-height: 32px; padding: 0 12px; border-radius: 16px; background-color: #e4e4e4; margin-bottom: 5px; margin-right: 5px; } .chip > img { float: left; margin: 0 8px 0 -12px; height: 32px; width: 32px; border-radius: 50%; } .chip .close { cursor: pointer; float: right; font-size: 16px; line-height: 32px; padding-left: 8px; } .chips { border: none; border-bottom: 1px solid #9e9e9e; box-shadow: none; margin: 0 0 20px 0; min-height: 45px; outline: none; transition: all .3s; } .chips.focus { border-bottom: 1px solid #26a69a; box-shadow: 0 1px 0 0 #26a69a; } .chips:hover { cursor: text; } .chips .chip.selected { background-color: #26a69a; color: #fff; } .chips .input { background: none; border: 0; color: rgba(0, 0, 0, 0.6); display: inline-block; font-size: 1rem; height: 3rem; line-height: 32px; outline: 0; margin: 0; padding: 0 !important; width: 120px !important; } .chips .input:focus { border: 0 !important; box-shadow: none !important; } .chips .autocomplete-content { margin-top: 0; } .prefix ~ .chips { margin-left: 3rem; width: 92%; width: calc(100% - 3rem); } .chips:empty ~ label { font-size: 0.8rem; -webkit-transform: translateY(-140%); transform: translateY(-140%); } .materialboxed { display: block; cursor: -webkit-zoom-in; cursor: zoom-in; position: relative; transition: opacity .4s; -webkit-backface-visibility: hidden; } .materialboxed:hover:not(.active) { opacity: .8; } .materialboxed.active { cursor: -webkit-zoom-out; cursor: zoom-out; } #materialbox-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #292929; z-index: 1000; will-change: opacity; } .materialbox-caption { position: fixed; display: none; color: #fff; line-height: 50px; bottom: 0; left: 0; width: 100%; text-align: center; padding: 0% 15%; height: 50px; z-index: 1000; -webkit-font-smoothing: antialiased; } select:focus { outline: 1px solid #c9f3ef; } button:focus { outline: none; background-color: #2ab7a9; } label { font-size: 0.8rem; color: #9e9e9e; } /* Text Inputs + Textarea ========================================================================== */ /* Style Placeholders */ ::-webkit-input-placeholder { color: #d1d1d1; } :-moz-placeholder { /* Firefox 18- */ color: #d1d1d1; } ::-moz-placeholder { /* Firefox 19+ */ color: #d1d1d1; } :-ms-input-placeholder { color: #d1d1d1; } /* Text inputs */ input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea { */ border: none; /* border-bottom: 1px solid #9e9e9e; */ outline: none; /* height: 3rem; */ width: 100%; /* font-size: 1rem; */ /* margin: 0 0 20px 0; */ /* padding: 0; */ box-shadow: none; transition: all 0.3s; } input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:disabled, input[type=text][readonly="readonly"], input[type=password]:disabled, input[type=password][readonly="readonly"], input[type=email]:disabled, input[type=email][readonly="readonly"], input[type=url]:disabled, input[type=url][readonly="readonly"], input[type=time]:disabled, input[type=time][readonly="readonly"], input[type=date]:disabled, input[type=date][readonly="readonly"], input[type=datetime]:disabled, input[type=datetime][readonly="readonly"], input[type=datetime-local]:disabled, input[type=datetime-local][readonly="readonly"], input[type=tel]:disabled, input[type=tel][readonly="readonly"], input[type=number]:disabled, input[type=number][readonly="readonly"], input[type=search]:disabled, input[type=search][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] { color: rgba(0, 0, 0, 0.26); border-bottom: 1px dotted rgba(0, 0, 0, 0.26); } input:not([type]):disabled + label, input:not([type])[readonly="readonly"] + label, input[type=text]:disabled + label, input[type=text][readonly="readonly"] + label, input[type=password]:disabled + label, input[type=password][readonly="readonly"] + label, input[type=email]:disabled + label, input[type=email][readonly="readonly"] + label, input[type=url]:disabled + label, input[type=url][readonly="readonly"] + label, input[type=time]:disabled + label, input[type=time][readonly="readonly"] + label, input[type=date]:disabled + label, input[type=date][readonly="readonly"] + label, input[type=datetime]:disabled + label, input[type=datetime][readonly="readonly"] + label, input[type=datetime-local]:disabled + label, input[type=datetime-local][readonly="readonly"] + label, input[type=tel]:disabled + label, input[type=tel][readonly="readonly"] + label, input[type=number]:disabled + label, input[type=number][readonly="readonly"] + label, input[type=search]:disabled + label, input[type=search][readonly="readonly"] + label, textarea.materialize-textarea:disabled + label, textarea.materialize-textarea[readonly="readonly"] + label { color: rgba(0, 0, 0, 0.26); } input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {} input:not([type]):focus:not([readonly]) + label, input[type=text]:focus:not([readonly]) + label, input[type=password]:focus:not([readonly]) + label, input[type=email]:focus:not([readonly]) + label, input[type=url]:focus:not([readonly]) + label, input[type=time]:focus:not([readonly]) + label, input[type=date]:focus:not([readonly]) + label, input[type=datetime]:focus:not([readonly]) + label, input[type=datetime-local]:focus:not([readonly]) + label, input[type=tel]:focus:not([readonly]) + label, input[type=number]:focus:not([readonly]) + label, input[type=search]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label { color: #26a69a; } input:not([type]).valid, input:not([type]):focus.valid, input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime].valid, input[type=datetime]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid { border-bottom: 1px solid #4CAF50; box-shadow: 0 1px 0 0 #4CAF50; } input:not([type]).valid + label:after, input:not([type]):focus.valid + label:after, input[type=text].valid + label:after, input[type=text]:focus.valid + label:after, input[type=password].valid + label:after, input[type=password]:focus.valid + label:after, input[type=email].valid + label:after, input[type=email]:focus.valid + label:after, input[type=url].valid + label:after, input[type=url]:focus.valid + label:after, input[type=time].valid + label:after, input[type=time]:focus.valid + label:after, input[type=date].valid + label:after, input[type=date]:focus.valid + label:after, input[type=datetime].valid + label:after, input[type=datetime]:focus.valid + label:after, input[type=datetime-local].valid + label:after, input[type=datetime-local]:focus.valid + label:after, input[type=tel].valid + label:after, input[type=tel]:focus.valid + label:after, input[type=number].valid + label:after, input[type=number]:focus.valid + label:after, input[type=search].valid + label:after, input[type=search]:focus.valid + label:after, textarea.materialize-textarea.valid + label:after, textarea.materialize-textarea:focus.valid + label:after { content: attr(data-success); color: #4CAF50; opacity: 1; } input:not([type]).invalid, input:not([type]):focus.invalid, input[type=text].invalid, input[type=text]:focus.invalid, input[type=password].invalid, input[type=password]:focus.invalid, input[type=email].invalid, input[type=email]:focus.invalid, input[type=url].invalid, input[type=url]:focus.invalid, input[type=time].invalid, input[type=time]:focus.invalid, input[type=date].invalid, input[type=date]:focus.invalid, input[type=datetime].invalid, input[type=datetime]:focus.invalid, input[type=datetime-local].invalid, input[type=datetime-local]:focus.invalid, input[type=tel].invalid, input[type=tel]:focus.invalid, input[type=number].invalid, input[type=number]:focus.invalid, input[type=search].invalid, input[type=search]:focus.invalid, textarea.materialize-textarea.invalid, textarea.materialize-textarea:focus.invalid { border-bottom: 1px solid #F44336; box-shadow: 0 1px 0 0 #F44336; } input:not([type]).invalid + label:after, input:not([type]):focus.invalid + label:after, input[type=text].invalid + label:after, input[type=text]:focus.invalid + label:after, input[type=password].invalid + label:after, input[type=password]:focus.invalid + label:after, input[type=email].invalid + label:after, input[type=email]:focus.invalid + label:after, input[type=url].invalid + label:after, input[type=url]:focus.invalid + label:after, input[type=time].invalid + label:after, input[type=time]:focus.invalid + label:after, input[type=date].invalid + label:after, input[type=date]:focus.invalid + label:after, input[type=datetime].invalid + label:after, input[type=datetime]:focus.invalid + label:after, input[type=datetime-local].invalid + label:after, input[type=datetime-local]:focus.invalid + label:after, input[type=tel].invalid + label:after, input[type=tel]:focus.invalid + label:after, input[type=number].invalid + label:after, input[type=number]:focus.invalid + label:after, input[type=search].invalid + label:after, input[type=search]:focus.invalid + label:after, textarea.materialize-textarea.invalid + label:after, textarea.materialize-textarea:focus.invalid + label:after { content: attr(data-error); color: #F44336; opacity: 1; } input:not([type]).validate + label, input[type=text].validate + label, input[type=password].validate + label, input[type=email].validate + label, input[type=url].validate + label, input[type=time].validate + label, input[type=date].validate + label, input[type=datetime].validate + label, input[type=datetime-local].validate + label, input[type=tel].validate + label, input[type=number].validate + label, input[type=search].validate + label, textarea.materialize-textarea.validate + label { width: 100%; pointer-events: none; } input:not([type]) + label:after, input[type=text] + label:after, input[type=password] + label:after, input[type=email] + label:after, input[type=url] + label:after, input[type=time] + label:after, input[type=date] + label:after, input[type=datetime] + label:after, input[type=datetime-local] + label:after, input[type=tel] + label:after, input[type=number] + label:after, input[type=search] + label:after, textarea.materialize-textarea + label:after { display: block; content: ""; position: absolute; top: 60px; opacity: 0; transition: .2s opacity ease-out, .2s color ease-out; } .input-field { position: relative; margin-top: 1rem; } .input-field.inline { display: inline-block; vertical-align: middle; margin-left: 5px; } .input-field.inline input, .input-field.inline .select-dropdown { margin-bottom: 1rem; } .input-field.col label {} .input-field.col .prefix ~ label, .input-field.col .prefix ~ .validate ~ label { width: calc(100% - 3rem - 1.5rem); } .input-field label { color: #5f5f5f; font-weight: 500; position: absolute; top: 16px; left: 18px; font-size: 1rem; cursor: text; transition: .2s ease-out; text-align: initial; font-size: 14px; font-family: 'Quicksand', sans-serif; } .input-field label:not(.label-icon).active { font-size: 0.8rem; -webkit-transform: translateY(-140%); transform: translateY(-140%); opacity: 0; } .input-field .prefix { position: absolute; width: 3rem; font-size: 2rem; transition: color .2s; } .input-field .prefix.active { color: #26a69a; } .input-field .prefix ~ input, .input-field .prefix ~ textarea, .input-field .prefix ~ label, .input-field .prefix ~ .validate ~ label, .input-field .prefix ~ .autocomplete-content { margin-left: 0rem; width: 92%; width: calc(100% - 3rem); } .input-field .prefix ~ label { margin-left: 3rem; } @media only screen and (max-width: 992px) { .input-field .prefix ~ input { width: 86%; width: calc(100% - 3rem); } } @media only screen and (max-width: 600px) { .input-field .prefix ~ input { width: 80%; width: calc(100% - 3rem); } } /* Search Field */ .input-field input[type=search] { display: block; line-height: inherit; padding-left: 4rem; width: calc(100% - 4rem); } .input-field input[type=search]:focus { background-color: #fff; border: 0; box-shadow: none; color: #444; } .input-field input[type=search]:focus + label i, .input-field input[type=search]:focus ~ .mdi-navigation-close, .input-field input[type=search]:focus ~ .material-icons { color: #444; } .input-field input[type=search] + label { left: 1rem; } .input-field input[type=search] ~ .mdi-navigation-close, .input-field input[type=search] ~ .material-icons { position: absolute; top: 0; right: 1rem; color: transparent; cursor: pointer; font-size: 2rem; transition: .3s color; } /* Textarea */ textarea { width: 100%; height: 3rem; background-color: transparent; } 3textarea.materialize-textarea { overflow-y: hidden; /* prevents scroll bar flash */ /* prevents text jump on Enter keypress */ resize: none; min-height: 3rem; } .hiddendiv { display: none; white-space: pre-wrap; word-wrap: break-word; overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */ padding-top: 1.2rem; /* prevents text jump on Enter keypress */ position: absolute; top: 0; } /* Autocomplete */ .autocomplete-content { margin-top: -2px; display: block; opacity: 1; position: absolute; padding: 0px; width: 100%; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.43); } .autocomplete-content li { list-style-type: none; border-bottom: 1px solid #ededed; } .autocomplete-content li .highlight { color: #444; } .autocomplete-content li img { height: 40px; width: 40px; margin: 5px 15px; } /* Radio Buttons ========================================================================== */ [type="radio"]:not(:checked), [type="radio"]:checked { position: absolute; left: -9999px; opacity: 0; } [type="radio"]:not(:checked) + label, [type="radio"]:checked + label { position: relative; padding-left: 35px; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; font-size: 1rem; transition: .28s ease; /* webkit (konqueror) browsers */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [type="radio"] + label:before, [type="radio"] + label:after { position: absolute; left: 0; top: 0; margin: 4px; width: 16px; height: 16px; z-index: 0; transition: .28s ease; } /* Unchecked styles */ [type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:before, [type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked + label:after { border-radius: 50%; } [type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:after { border: 2px solid #5a5a5a; } [type="radio"]:not(:checked) + label:after { -webkit-transform: scale(0); transform: scale(0); } /* Checked styles */ [type="radio"]:checked + label:before { border: 2px solid transparent; } [type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked + label:after { border: 2px solid #14addb; } [type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:after { background-color: #14addb; } [type="radio"]:checked + label:after { -webkit-transform: scale(1.02); transform: scale(1.02); } /* Radio With gap */ [type="radio"].with-gap:checked + label:after { -webkit-transform: scale(0.5); transform: scale(0.5); } /* Focused styles */ [type="radio"].tabbed:focus + label:before { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); } /* Disabled Radio With gap */ [type="radio"].with-gap:disabled:checked + label:before { border: 2px solid rgba(0, 0, 0, 0.26); } [type="radio"].with-gap:disabled:checked + label:after { border: none; background-color: rgba(0, 0, 0, 0.26); } /* Disabled style */ [type="radio"]:disabled:not(:checked) + label:before, [type="radio"]:disabled:checked + label:before { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); } [type="radio"]:disabled + label { color: rgba(0, 0, 0, 0.26); } [type="radio"]:disabled:not(:checked) + label:before { border-color: rgba(0, 0, 0, 0.26); } [type="radio"]:disabled:checked + label:after { background-color: rgba(0, 0, 0, 0.26); border-color: #BDBDBD; } /***** CSS Magic to Highlight Stars on Hover *****/ .rating > input:checked ~ label, /* show gold star when clicked */ .rating:not(:checked) > label:hover, /* hover current star */ .rating:not(:checked) > label:hover ~ label { color: #14addb; } /* hover previous stars in list */ .rating > input:checked + label:hover, /* hover current star when changing rating */ .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, /* lighten current selection */ .rating > input:checked ~ label:hover ~ label { color: #14addb; } /***** CSS Magic to Highlight Stars on Hover *****/ .rating > input:checked ~ label, /* show gold star when clicked */ .rating:not(:checked) > label:hover, /* hover current star */ .rating:not(:checked) > label:hover ~ label { color: #14addb; } /* hover previous stars in list */ .rating > input:checked + label:hover, /* hover current star when changing rating */ .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, /* lighten current selection */ .rating > input:checked ~ label:hover ~ label { color: #14addb; } /* Checkboxes ========================================================================== */ /* CUSTOM CSS CHECKBOXES */ form p { margin-bottom: 10px; text-align: left; } form p:last-child { margin-bottom: 0; } /* Remove default checkbox */ [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px; opacity: 0; } [type="checkbox"] { /* checkbox aspect */ } [type="checkbox"] + label { position: relative; padding-left: 35px; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; font-size: 1rem; -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ } [type="checkbox"] + label:before, [type="checkbox"]:not(.filled-in) + label:after { content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; z-index: 0; border: 2px solid #5a5a5a; border-radius: 1px; margin-top: 2px; transition: .2s; } [type="checkbox"]:not(.filled-in) + label:after { border: 0; -webkit-transform: scale(0); transform: scale(0); } [type="checkbox"]:not(:checked):disabled + label:before { border: none; background-color: rgba(0, 0, 0, 0.26); } [type="checkbox"].tabbed:focus + label:after { -webkit-transform: scale(1); transform: scale(1); border: 0; border-radius: 50%; box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1); } [type="checkbox"]:checked + label:before { top: -4px; left: -5px; width: 12px; height: 22px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #14addb; border-bottom: 2px solid #14addb; -webkit-transform: rotate(40deg); transform: rotate(40deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="checkbox"]:checked:disabled + label:before { border-right: 2px solid rgba(0, 0, 0, 0.26); border-bottom: 2px solid rgba(0, 0, 0, 0.26); } /* Indeterminate checkbox */ [type="checkbox"]:indeterminate + label:before { top: -11px; left: -12px; width: 10px; height: 22px; border-top: none; border-left: none; border-right: 2px solid #26a69a; border-bottom: none; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="checkbox"]:indeterminate:disabled + label:before { border-right: 2px solid rgba(0, 0, 0, 0.26); background-color: transparent; } [type="checkbox"].filled-in + label:after { border-radius: 2px; } [type="checkbox"].filled-in + label:before, [type="checkbox"].filled-in + label:after { content: ''; left: 0; position: absolute; /* .1s delay is for check animation */ transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; z-index: 1; } [type="checkbox"].filled-in:not(:checked) + label:before { width: 0; height: 0; border: 3px solid transparent; left: 6px; top: 10px; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 20% 40%; transform-origin: 100% 100%; } [type="checkbox"].filled-in:not(:checked) + label:after { height: 20px; width: 20px; background-color: transparent; border: 2px solid #5a5a5a; top: 5px; z-index: 0; } [type="checkbox"].filled-in:checked + label:before { top: 5px; left: 1px; width: 8px; height: 13px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="checkbox"].filled-in:checked + label:after { top: 5px; width: 20px; height: 20px; border: 2px solid #14addb; background-color: #14addb; z-index: 0; } [type="checkbox"].filled-in.tabbed:focus + label:after { border-radius: 2px; border-color: #5a5a5a; background-color: rgba(0, 0, 0, 0.1); } [type="checkbox"].filled-in.tabbed:checked:focus + label:after { border-radius: 2px; background-color: #26a69a; border-color: #26a69a; } [type="checkbox"].filled-in:disabled:not(:checked) + label:before { background-color: transparent; border: 2px solid transparent; } [type="checkbox"].filled-in:disabled:not(:checked) + label:after { border-color: transparent; background-color: #BDBDBD; } [type="checkbox"].filled-in:disabled:checked + label:before { background-color: transparent; } [type="checkbox"].filled-in:disabled:checked + label:after { background-color: #BDBDBD; border-color: #BDBDBD; } /* Switch ========================================================================== */ .switch, .switch * { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; } .switch label { cursor: pointer; } .switch label input[type=checkbox] { opacity: 0; width: 0; height: 0; } .switch label input[type=checkbox]:checked + .lever { background-color: #84c7c1; } .switch label input[type=checkbox]:checked + .lever:after { background-color: #26a69a; left: 24px; } .switch label .lever { content: ""; display: inline-block; position: relative; width: 40px; height: 15px; background-color: #818181; border-radius: 15px; margin-right: 10px; transition: background 0.3s ease; vertical-align: middle; margin: 0 16px; } .switch label .lever:after { content: ""; position: absolute; display: inline-block; width: 21px; height: 21px; background-color: #F1F1F1; border-radius: 21px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); left: -5px; top: -3px; transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; } input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after, input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1); } input[type=checkbox]:not(:disabled) ~ .lever:active:after, input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08); } .switch input[type=checkbox][disabled] + .lever { cursor: default; } .switch label input[type=checkbox][disabled] + .lever:after, .switch label input[type=checkbox][disabled]:checked + .lever:after { background-color: #BDBDBD; } /* Select Field ========================================================================== */ select { display: none; } select.browser-default { display: block; } select { background-color: rgba(255, 255, 255, 0.9); width: 100%; padding: 5px; border: 1px solid #f2f2f2; border-radius: 2px; height: 3rem; } .select-label { position: absolute; } .select-wrapper { position: relative; } .select-wrapper input.select-dropdown { position: relative; cursor: pointer; background-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select-wrapper span.caret { position: absolute; right: 8px; top: 0; bottom: 0; width: 10px; height: 10px; margin: auto 0; font-size: 10px; line-height: 10px; color: #b1b1b1; z-index: 0; } .select-wrapper span.caret.disabled { color: rgba(0, 0, 0, 0.26); } .select-wrapper + label { position: absolute; top: -14px; font-size: 0.8rem; } select:disabled { color: rgba(0, 0, 0, 0.3); } .select-wrapper input.select-dropdown:disabled { color: rgba(0, 0, 0, 0.3); cursor: default; -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -ms-user-select: none; /* IE10+ */ border-bottom: 1px solid rgba(0, 0, 0, 0.3); } .select-wrapper i { color: rgba(0, 0, 0, 0.3); } .select-dropdown li.disabled, .select-dropdown li.disabled > span, .select-dropdown li.optgroup { color: rgba(0, 0, 0, 0.3); background-color: transparent; } .prefix ~ .select-wrapper { margin-left: 3rem; width: 92%; width: calc(100% - 3rem); } .prefix ~ label { margin-left: 3rem; } .select-dropdown li img { height: 40px; width: 40px; margin: 5px 15px; float: right; } .select-dropdown li.optgroup { border-top: 1px solid #eee; } .select-dropdown li.optgroup.selected > span { color: rgba(0, 0, 0, 0.7); } .select-dropdown li.optgroup > span { color: rgba(0, 0, 0, 0.4); } .select-dropdown li.optgroup ~ li.optgroup-option { padding-left: 1rem; } /* File Input ========================================================================== */ .file-field { position: relative; } .file-field .file-path-wrapper { overflow: hidden; padding-left: 10px; } .file-field input.file-path { width: 100%; } .file-field .btn, .file-field .btn-large { float: left; height: 3rem; line-height: 3rem; } .file-field span { cursor: pointer; } .file-field input[type=file] { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } /* Range ========================================================================== */ .range-field { position: relative; } input[type=range], input[type=range] + .thumb { cursor: pointer; } input[type=range] { position: relative; background-color: transparent; border: none; outline: none; width: 100%; margin: 15px 0; padding: 0; } input[type=range]:focus { outline: none; } input[type=range] + .thumb { position: absolute; top: 10px; left: 0; border: none; height: 0; width: 0; border-radius: 50%; background-color: #26a69a; margin-left: 7px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } input[type=range] + .thumb .value { display: block; width: 30px; text-align: center; color: #26a69a; font-size: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } input[type=range] + .thumb.active { border-radius: 50% 50% 50% 0; } input[type=range] + .thumb.active .value { color: #fff; margin-left: -1px; margin-top: 8px; font-size: 10px; } input[type=range] { -webkit-appearance: none; } input[type=range]::-webkit-slider-runnable-track { height: 3px; background: #c2c0c2; border: none; } input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 14px; width: 14px; border-radius: 50%; background-color: #26a69a; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; margin: -5px 0 0 0; transition: .3s; } input[type=range]:focus::-webkit-slider-runnable-track { background: #ccc; } input[type=range] { /* fix for FF unable to apply focus style bug */ border: 1px solid white; /*required for proper track sizing in FF*/ } input[type=range]::-moz-range-track { height: 3px; background: #ddd; border: none; } input[type=range]::-moz-range-thumb { border: none; height: 14px; width: 14px; border-radius: 50%; background: #26a69a; margin-top: -5px; } input[type=range]:-moz-focusring { outline: 1px solid #fff; outline-offset: -1px; } input[type=range]:focus::-moz-range-track { background: #ccc; } input[type=range]::-ms-track { height: 3px; background: transparent; border-color: transparent; border-width: 6px 0; /*remove default tick marks*/ color: transparent; } input[type=range]::-ms-fill-lower { background: #777; } input[type=range]::-ms-fill-upper { background: #ddd; } input[type=range]::-ms-thumb { border: none; height: 14px; width: 14px; border-radius: 50%; background: #26a69a; } input[type=range]:focus::-ms-fill-lower { background: #888; } input[type=range]:focus::-ms-fill-upper { background: #ccc; } /*************** Nav List ***************/ .table-of-contents.fixed { position: fixed; } .table-of-contents li { padding: 2px 0; } .table-of-contents a { display: inline-block; font-weight: 300; color: #757575; padding-left: 20px; height: 1.5rem; line-height: 1.5rem; letter-spacing: .4; display: inline-block; } .table-of-contents a:hover { color: #a8a8a8; padding-left: 19px; border-left: 1px solid #ee6e73; } .table-of-contents a.active { font-weight: 500; padding-left: 18px; border-left: 2px solid #ee6e73; } .side-nav { position: fixed; width: 300px; left: 0; top: 0; margin: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); height: 100%; height: calc(100% + 60px); height: -moz-calc(100%); padding-bottom: 60px; background-color: #fff; z-index: 999; overflow-y: auto; will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-105%); transform: translateX(-105%); } .side-nav.right-aligned { right: 0; -webkit-transform: translateX(105%); transform: translateX(105%); left: auto; -webkit-transform: translateX(100%); transform: translateX(100%); } .side-nav .collapsible { margin: 0; } .side-nav li { float: none; line-height: 48px; } .side-nav li.active { background-color: rgba(0, 0, 0, 0.05); } .side-nav li > a { color: rgba(0, 0, 0, 0.87); display: block; font-size: 14px; font-weight: 500; height: 48px; line-height: 48px; padding: 0 32px; } .side-nav li > a:hover { background-color: rgba(0, 0, 0, 0.05); } .side-nav li > a.btn, .side-nav li > a.btn-large, .side-nav li > a.btn-large, .side-nav li > a.btn-flat, .side-nav li > a.btn-floating { margin: 10px 15px; } .side-nav li > a.btn, .side-nav li > a.btn-large, .side-nav li > a.btn-large, .side-nav li > a.btn-floating { color: #fff; } .side-nav li > a.btn-flat { color: #343434; } .side-nav li > a.btn:hover, .side-nav li > a.btn-large:hover, .side-nav li > a.btn-large:hover { background-color: #2bbbad; } .side-nav li > a.btn-floating:hover { background-color: #26a69a; } .side-nav li > a > i, .side-nav li > a > [class^="mdi-"], .side-nav li > a li > a > [class*="mdi-"], .side-nav li > a > i.material-icons { float: left; height: 48px; line-height: 48px; margin: 0 32px 0 0; width: 24px; color: rgba(0, 0, 0, 0.54); } .side-nav .divider { margin: 8px 0 0 0; } .side-nav .subheader { cursor: initial; pointer-events: none; color: rgba(0, 0, 0, 0.54); font-size: 14px; font-weight: 500; line-height: 48px; } .side-nav .subheader:hover { background-color: transparent; } .side-nav .userView { position: relative; padding: 32px 32px 0; margin-bottom: 8px; } .side-nav .userView > a { height: auto; padding: 0; } .side-nav .userView > a:hover { background-color: transparent; } .side-nav .userView .background { overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } .side-nav .userView .circle, .side-nav .userView .name, .side-nav .userView .email { display: block; } .side-nav .userView .circle { height: 64px; width: 64px; } .side-nav .userView .name, .side-nav .userView .email { font-size: 14px; line-height: 24px; } .side-nav .userView .name { margin-top: 16px; font-weight: 500; } .side-nav .userView .email { padding-bottom: 16px; font-weight: 400; } .drag-target { height: 100%; width: 10px; position: fixed; top: 0; z-index: 998; } .side-nav.fixed { left: 0; -webkit-transform: translateX(0); transform: translateX(0); position: fixed; } .side-nav.fixed.right-aligned { right: 0; left: auto; } @media only screen and (max-width: 992px) { .side-nav.fixed { -webkit-transform: translateX(-105%); transform: translateX(-105%); } .side-nav.fixed.right-aligned { -webkit-transform: translateX(105%); transform: translateX(105%); } .side-nav a { padding: 0 16px; } .side-nav .userView { padding: 16px 16px 0; } } .side-nav .collapsible-body > ul:not(.collapsible) > li.active, .side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active { background-color: #ee6e73; } .side-nav .collapsible-body > ul:not(.collapsible) > li.active a, .side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active a { color: #fff; } .side-nav .collapsible-body { padding: 0; } #sidenav-overlay { position: fixed; top: 0; left: 0; right: 0; height: 120vh; background-color: rgba(0, 0, 0, 0.5); z-index: 997; will-change: opacity; } /* @license Copyright (c) 2014 The Polymer Project Authors. All rights reserved. This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as part of the polymer project is also subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt */ /**************************/ /* STYLES FOR THE SPINNER */ /**************************/ /* * Constants: * STROKEWIDTH = 3px * ARCSIZE = 270 degrees (amount of circle the arc takes up) * ARCTIME = 1333ms (time it takes to expand and contract arc) * ARCSTARTROT = 216 degrees (how much the start location of the arc * should rotate each time, 216 gives us a * 5 pointed star shape (it's 360/5 * 3). * For a 7 pointed star, we might do * 360/7 * 3 = 154.286) * CONTAINERWIDTH = 28px * SHRINK_TIME = 400ms */ .preloader-wrapper { display: inline-block; position: relative; width: 50px; height: 50px; } .preloader-wrapper.small { width: 36px; height: 36px; } .preloader-wrapper.big { width: 64px; height: 64px; } .preloader-wrapper.active { /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */ -webkit-animation: container-rotate 1568ms linear infinite; animation: container-rotate 1568ms linear infinite; } @-webkit-keyframes container-rotate { to { -webkit-transform: rotate(360deg); } } @keyframes container-rotate { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .spinner-layer { position: absolute; width: 100%; height: 100%; opacity: 0; border-color: #26a69a; } .spinner-blue, .spinner-blue-only { border-color: #4285f4; } .spinner-red, .spinner-red-only { border-color: #db4437; } .spinner-yellow, .spinner-yellow-only { border-color: #f4b400; } .spinner-green, .spinner-green-only { border-color: #0f9d58; } /** * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee): * * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't * guarantee that the animation will start _exactly_ after that value. So we avoid using * animation-delay and instead set custom keyframes for each color (as redundant as it * seems). * * We write out each animation in full (instead of separating animation-name, * animation-duration, etc.) because under the polyfill, Safari does not recognize those * specific properties properly, treats them as -webkit-animation, and overrides the * other animation rules. See https://github.com/Polymer/platform/issues/53. */ .active .spinner-layer.spinner-blue { /* durations: 4 * ARCTIME */ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .spinner-layer.spinner-red { /* durations: 4 * ARCTIME */ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .spinner-layer.spinner-yellow { /* durations: 4 * ARCTIME */ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .spinner-layer.spinner-green { /* durations: 4 * ARCTIME */ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .spinner-layer, .active .spinner-layer.spinner-blue-only, .active .spinner-layer.spinner-red-only, .active .spinner-layer.spinner-yellow-only, .active .spinner-layer.spinner-green-only { /* durations: 4 * ARCTIME */ opacity: 1; -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } @-webkit-keyframes fill-unfill-rotate { 12.5% { -webkit-transform: rotate(135deg); } /* 0.5 * ARCSIZE */ 25% { -webkit-transform: rotate(270deg); } /* 1 * ARCSIZE */ 37.5% { -webkit-transform: rotate(405deg); } /* 1.5 * ARCSIZE */ 50% { -webkit-transform: rotate(540deg); } /* 2 * ARCSIZE */ 62.5% { -webkit-transform: rotate(675deg); } /* 2.5 * ARCSIZE */ 75% { -webkit-transform: rotate(810deg); } /* 3 * ARCSIZE */ 87.5% { -webkit-transform: rotate(945deg); } /* 3.5 * ARCSIZE */ to { -webkit-transform: rotate(1080deg); } /* 4 * ARCSIZE */ } @keyframes fill-unfill-rotate { 12.5% { -webkit-transform: rotate(135deg); transform: rotate(135deg); } /* 0.5 * ARCSIZE */ 25% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } /* 1 * ARCSIZE */ 37.5% { -webkit-transform: rotate(405deg); transform: rotate(405deg); } /* 1.5 * ARCSIZE */ 50% { -webkit-transform: rotate(540deg); transform: rotate(540deg); } /* 2 * ARCSIZE */ 62.5% { -webkit-transform: rotate(675deg); transform: rotate(675deg); } /* 2.5 * ARCSIZE */ 75% { -webkit-transform: rotate(810deg); transform: rotate(810deg); } /* 3 * ARCSIZE */ 87.5% { -webkit-transform: rotate(945deg); transform: rotate(945deg); } /* 3.5 * ARCSIZE */ to { -webkit-transform: rotate(1080deg); transform: rotate(1080deg); } /* 4 * ARCSIZE */ } @-webkit-keyframes blue-fade-in-out { from { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 89% { opacity: 0; } 90% { opacity: 1; } 100% { opacity: 1; } } @keyframes blue-fade-in-out { from { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 89% { opacity: 0; } 90% { opacity: 1; } 100% { opacity: 1; } } @-webkit-keyframes red-fade-in-out { from { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; } } @keyframes red-fade-in-out { from { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; } } @-webkit-keyframes yellow-fade-in-out { from { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 1; } 76% { opacity: 0; } } @keyframes yellow-fade-in-out { from { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 1; } 76% { opacity: 0; } } @-webkit-keyframes green-fade-in-out { from { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @keyframes green-fade-in-out { from { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } /** * Patch the gap that appear between the two adjacent div.circle-clipper while the * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11). */ .gap-patch { position: absolute; top: 0; left: 45%; width: 10%; height: 100%; overflow: hidden; border-color: inherit; } .gap-patch .circle { width: 1000%; left: -450%; } .circle-clipper { display: inline-block; position: relative; width: 50%; height: 100%; overflow: hidden; border-color: inherit; } .circle-clipper .circle { width: 200%; height: 100%; border-width: 3px; /* STROKEWIDTH */ border-style: solid; border-color: inherit; border-bottom-color: transparent !important; border-radius: 50%; -webkit-animation: none; animation: none; position: absolute; top: 0; right: 0; bottom: 0; } .circle-clipper.left .circle { left: 0; border-right-color: transparent !important; -webkit-transform: rotate(129deg); transform: rotate(129deg); } .circle-clipper.right .circle { left: -100%; border-left-color: transparent !important; -webkit-transform: rotate(-129deg); transform: rotate(-129deg); } .active .circle-clipper.left .circle { /* duration: ARCTIME */ -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .circle-clipper.right .circle { /* duration: ARCTIME */ -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } @-webkit-keyframes left-spin { from { -webkit-transform: rotate(130deg); } 50% { -webkit-transform: rotate(-5deg); } to { -webkit-transform: rotate(130deg); } } @keyframes left-spin { from { -webkit-transform: rotate(130deg); transform: rotate(130deg); } 50% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(130deg); transform: rotate(130deg); } } @-webkit-keyframes right-spin { from { -webkit-transform: rotate(-130deg); } 50% { -webkit-transform: rotate(5deg); } to { -webkit-transform: rotate(-130deg); } } @keyframes right-spin { from { -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } 50% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } to { -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } } #spinnerContainer.cooldown { /* duration: SHRINK_TIME */ -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1); animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1); } @-webkit-keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } @keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } .slider { position: relative; height: 400px; width: 100%; } .slider.fullscreen { height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; } .slider.fullscreen ul.slides { height: 100%; } .slider.fullscreen ul.indicators { z-index: 2; bottom: 30px; } .slider .slides { background-color: #9e9e9e; margin: 0; height: 400px; } .slider .slides li { opacity: 0; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: inherit; overflow: hidden; } .slider .slides li img { height: 100%; width: 100%; background-size: cover; background-position: center; } .slider .slides li .caption { color: #fff; position: absolute; top: 15%; left: 15%; width: 70%; opacity: 0; } .slider .slides li .caption p { color: #e0e0e0; } .slider .slides li.active { z-index: 2; } .slider .indicators { position: absolute; text-align: center; left: 0; right: 0; bottom: 0; margin: 0; } .slider .indicators .indicator-item { display: inline-block; position: relative; cursor: pointer; height: 12px; width: 12px; margin: 0 12px; background-color: #415a6d; transition: background-color .3s; border-radius: 50%; border: 1px solid #213550; } .slider .indicators .indicator-item.active { background-color: #2196F3; height: 14px; width: 14px; } /*.carousel { overflow: hidden; position: relative; width: 100%; height: 400px; -webkit-perspective: 500px; perspective: 500px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; }*/ .carousel.carousel-slider { top: 0; left: 0; height: 0; } .carousel.carousel-slider .carousel-fixed-item { position: absolute; left: 0; right: 0; bottom: 20px; z-index: 1; } .carousel.carousel-slider .carousel-fixed-item.with-indicators { bottom: 68px; } .carousel.carousel-slider .carousel-item { width: 100%; height: 100%; min-height: 400px; position: absolute; top: 0; left: 0; } .carousel.carousel-slider .carousel-item h2 { font-size: 24px; font-weight: 500; line-height: 32px; } .carousel.carousel-slider .carousel-item p { font-size: 15px; } .carousel .carousel-item { display: none; width: 200px; height: 200px; position: absolute; top: 0; left: 0; } .carousel .carousel-item > img { width: 100%; } .carousel .indicators { position: absolute; text-align: center; left: 0; right: 0; bottom: 0; margin: 0; } .carousel .indicators .indicator-item { display: inline-block; position: relative; cursor: pointer; height: 8px; width: 8px; margin: 24px 4px; background-color: rgba(255, 255, 255, 0.5); transition: background-color .3s; border-radius: 50%; } .carousel .indicators .indicator-item.active { background-color: #fff; } .carousel.scrolling .carousel-item .materialboxed, .carousel .carousel-item:not(.active) .materialboxed { pointer-events: none; } .tap-target-wrapper { width: 800px; height: 800px; position: fixed; z-index: 1000; visibility: hidden; transition: visibility 0s .3s; } .tap-target-wrapper.open { visibility: visible; transition: visibility 0s; } .tap-target-wrapper.open .tap-target { -webkit-transform: scale(1); transform: scale(1); opacity: .95; transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1); transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1); transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1); } .tap-target-wrapper.open .tap-target-wave::before { -webkit-transform: scale(1); transform: scale(1); } .tap-target-wrapper.open .tap-target-wave::after { visibility: visible; -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; transition: opacity .3s, visibility 0s 1s, -webkit-transform .3s; transition: opacity .3s, transform .3s, visibility 0s 1s; transition: opacity .3s, transform .3s, visibility 0s 1s, -webkit-transform .3s; } .tap-target { position: absolute; font-size: 1rem; border-radius: 50%; background-color: #ee6e73; box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2); width: 100%; height: 100%; opacity: 0; -webkit-transform: scale(0); transform: scale(0); transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1); transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1); transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1); } .tap-target-content { position: relative; display: table-cell; } .tap-target-wave { position: absolute; border-radius: 50%; z-index: 10001; } .tap-target-wave::before, .tap-target-wave::after { content: ''; display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; background-color: #ffffff; } .tap-target-wave::before { -webkit-transform: scale(0); transform: scale(0); transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .tap-target-wave::after { visibility: hidden; transition: opacity .3s, visibility 0s, -webkit-transform .3s; transition: opacity .3s, transform .3s, visibility 0s; transition: opacity .3s, transform .3s, visibility 0s, -webkit-transform .3s; z-index: -1; } .tap-target-origin { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10002; position: absolute !important; } .tap-target-origin:not(.btn):not(.btn-large), .tap-target-origin:not(.btn):not(.btn-large):hover { background: none; } @media only screen and (max-width: 600px) { .tap-target, .tap-target-wrapper { width: 600px; height: 600px; } } .pulse { overflow: initial; position: relative; } .pulse::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: inherit; border-radius: inherit; transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s, -webkit-transform .3s; -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; z-index: -1; } @-webkit-keyframes pulse-animation { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); } } @keyframes pulse-animation { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); } } /* ========================================================================== $BASE-PICKER ========================================================================== */ /** * Note: the root picker element should *NOT* be styled more than what's here. */ .picker { font-size: 16px; text-align: left; line-height: 1.2; color: #000000; position: absolute; z-index: 10000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /** * The picker input element. */ .picker__input { cursor: default; } /** * When the picker is opened, the input element is "activated". */ .picker__input.picker__input--active { border-color: #0089ec; } /** * The holder is the only "scrollable" top-level container element. */ .picker__holder { width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } /*! * Default mobile-first, responsive styling for pickadate.js * Demo: http://amsul.github.io/pickadate.js */ /** * Note: the root picker element should *NOT* be styled more than what's here. */ /** * Make the holder and frame fullscreen. */ .picker__holder, .picker__frame { bottom: 0; left: 0; right: 0; top: 100%; } /** * The holder should overlay the entire screen. */ .picker__holder { position: fixed; transition: background 0.15s ease-out, top 0s 0.15s; -webkit-backface-visibility: hidden; } /** * The frame that bounds the box contents of the picker. */ .picker__frame { position: absolute; margin: 0 auto; min-width: 256px; width: 300px; max-height: 350px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; transition: all 0.15s ease-out; } @media (min-height: 28.875em) { .picker__frame { overflow: visible; top: auto; bottom: -100%; max-height: 80%; } } @media (min-height: 40.125em) { .picker__frame { margin-bottom: 7.5%; } } /** * The wrapper sets the stage to vertically align the box contents. */ .picker__wrap { display: table; width: 100%; height: 100%; } @media (min-height: 28.875em) { .picker__wrap { display: block; } } /** * The box contains all the picker contents. */ .picker__box { background: #ffffff; display: table-cell; vertical-align: middle; } @media (min-height: 28.875em) { .picker__box { display: block; border: 1px solid #777777; border-top-color: #898989; border-bottom-width: 0; border-radius: 5px 5px 0 0; box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); } } /** * When the picker opens... */ .picker--opened .picker__holder { top: 0; background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)"; zoom: 1; background: rgba(0, 0, 0, 0.32); transition: background 0.15s ease-out; } .picker--opened .picker__frame { top: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } @media (min-height: 35.875em) { .picker--opened .picker__frame { top: 10%; bottom: auto; } } /** * For `large` screens, transform into an inline picker. */ /* ========================================================================== CUSTOM MATERIALIZE STYLES ========================================================================== */ .picker__input.picker__input--active { border-color: #E3F2FD; } .picker__frame { margin: 0 auto; max-width: 325px; } @media (min-height: 38.875em) { .picker--opened .picker__frame { top: 10%; bottom: auto; } } /* ========================================================================== $BASE-DATE-PICKER ========================================================================== */ /** * The picker box. */ .picker__box { padding: 0 1em; } /** * The header containing the month and year stuff. */ .picker__header { text-align: center; position: relative; margin-top: .75em; } /** * The month and year labels. */ .picker__month, .picker__year { display: inline-block; margin-left: .25em; margin-right: .25em; } /** * The month and year selectors. */ .picker__select--month, .picker__select--year { height: 2em; padding: 0; margin-left: .25em; margin-right: .25em; } .picker__select--month.browser-default { display: inline; background-color: #FFFFFF; width: 40%; } .picker__select--year.browser-default { display: inline; background-color: #FFFFFF; width: 26%; } .picker__select--month:focus, .picker__select--year:focus { border-color: rgba(0, 0, 0, 0.05); } /** * The month navigation buttons. */ .picker__nav--prev, .picker__nav--next { position: absolute; padding: .5em 1.25em; width: 1em; height: 1em; box-sizing: content-box; top: -0.25em; } .picker__nav--prev { left: -1em; padding-right: 1.25em; } .picker__nav--next { right: -1em; padding-left: 1.25em; } .picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before, .picker__nav--disabled:before:hover { cursor: default; background: none; border-right-color: #f5f5f5; border-left-color: #f5f5f5; } /** * The calendar table of dates */ .picker__table { text-align: center; border-collapse: collapse; border-spacing: 0; table-layout: fixed; font-size: 1rem; width: 100%; margin-top: .75em; margin-bottom: .5em; } .picker__table th, .picker__table td { text-align: center; } .picker__table td { margin: 0; padding: 0; } /** * The weekday labels */ .picker__weekday { width: 14.285714286%; font-size: .75em; padding-bottom: .25em; color: #999999; font-weight: 500; /* Increase the spacing a tad */ } @media (min-height: 33.875em) { .picker__weekday { padding-bottom: .5em; } } /** * The days on the calendar */ .picker__day--today { position: relative; color: #595959; letter-spacing: -.3; padding: .75rem 0; font-weight: 400; border: 1px solid transparent; } .picker__day--disabled:before { border-top-color: #aaaaaa; } .picker__day--infocus:hover { cursor: pointer; color: #000; font-weight: 500; } .picker__day--outfocus { display: none; padding: .75rem 0; color: #fff; } .picker__day--outfocus:hover { cursor: pointer; color: #dddddd; font-weight: 500; } .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted { cursor: pointer; } .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { border-radius: 50%; -webkit-transform: scale(0.75); transform: scale(0.75); background: #0089ec; color: #ffffff; } .picker__day--disabled, .picker__day--disabled:hover, .picker--focused .picker__day--disabled { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; } .picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover { background: #bbbbbb; } /** * The footer containing the "today", "clear", and "close" buttons. */ .picker__footer { text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .picker__button--today, .picker__button--clear, .picker__button--close { border: 1px solid #ffffff; background: #ffffff; font-size: .8em; padding: .66em 0; font-weight: bold; width: 33%; display: inline-block; vertical-align: bottom; } .picker__button--today:hover, .picker__button--clear:hover, .picker__button--close:hover { cursor: pointer; color: #000000; background: #b1dcfb; border-bottom-color: #b1dcfb; } .picker__button--today:focus, .picker__button--clear:focus, .picker__button--close:focus { background: #b1dcfb; border-color: rgba(0, 0, 0, 0.05); outline: none; } .picker__button--today:before, .picker__button--clear:before, .picker__button--close:before { position: relative; display: inline-block; height: 0; } .picker__button--today:before, .picker__button--clear:before { content: " "; margin-right: .45em; } .picker__button--today:before { top: -0.05em; width: 0; border-top: 0.66em solid #0059bc; border-left: .66em solid transparent; } .picker__button--clear:before { top: -0.25em; width: .66em; border-top: 3px solid #ee2200; } .picker__button--close:before { content: "\D7"; top: -0.1em; vertical-align: top; font-size: 1.1em; margin-right: .35em; color: #777777; } .picker__button--today[disabled], .picker__button--today[disabled]:hover { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; } .picker__button--today[disabled]:before { border-top-color: #aaaaaa; } /* ========================================================================== CUSTOM MATERIALIZE STYLES ========================================================================== */ .picker__box { border-radius: 2px; overflow: hidden; } .picker__date-display { text-align: center; background-color: #26a69a; color: #fff; padding-bottom: 15px; font-weight: 300; } .picker__nav--prev:hover, .picker__nav--next:hover { cursor: pointer; color: #000000; background: #a1ded8; } .picker__weekday-display { background-color: #1f897f; padding: 10px; font-weight: 200; letter-spacing: .5; font-size: 1rem; margin-bottom: 15px; } .picker__month-display { text-transform: uppercase; font-size: 2rem; } .picker__day-display { font-size: 4.5rem; font-weight: 400; } .picker__year-display { font-size: 1.8rem; color: rgba(255, 255, 255, 0.4); } .picker__box { padding: 0; } .picker__calendar-container { padding: 0 1rem; } .picker__calendar-container thead { border: none; } .picker__table { margin-top: 0; margin-bottom: .5em; } .picker__day--infocus { color: #595959; letter-spacing: -.3; padding: .75rem 0; font-weight: 400; border: 1px solid transparent; } .picker__day.picker__day--today { color: #26a69a; } .picker__day.picker__day--today.picker__day--selected { color: #fff; } .picker__weekday { font-size: .9rem; } .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { border-radius: 50%; -webkit-transform: scale(0.9); transform: scale(0.9); background-color: #26a69a; color: #ffffff; } .picker__day--selected.picker__day--outfocus, .picker__day--selected:hover.picker__day--outfocus, .picker--focused .picker__day--selected.picker__day--outfocus { background-color: #a1ded8; } .picker__footer { text-align: right; padding: 5px 10px; } .picker__close, .picker__today { font-size: 1.1rem; padding: 0 1rem; color: #26a69a; } .picker__nav--prev:before, .picker__nav--next:before { content: " "; border-top: .5em solid transparent; border-bottom: .5em solid transparent; border-right: 0.75em solid #676767; width: 0; height: 0; display: block; margin: 0 auto; } .picker__nav--next:before { border-right: 0; border-left: 0.75em solid #676767; } button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus { background-color: #a1ded8; } /* ========================================================================== $BASE-TIME-PICKER ========================================================================== */ /** * The list of times. */ .picker__list { list-style: none; padding: 0.75em 0 4.2em; margin: 0; } /** * The times on the clock. */ .picker__list-item { border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; margin-bottom: -1px; position: relative; background: #ffffff; padding: .75em 1.25em; } @media (min-height: 46.75em) { .picker__list-item { padding: .5em 1em; } } /* Hovered time */ .picker__list-item:hover { cursor: pointer; color: #000000; background: #b1dcfb; border-color: #0089ec; z-index: 10; } /* Highlighted and hovered/focused time */ .picker__list-item--highlighted { border-color: #0089ec; z-index: 10; } .picker__list-item--highlighted:hover, .picker--focused .picker__list-item--highlighted { cursor: pointer; color: #000000; background: #b1dcfb; } /* Selected and hovered/focused time */ .picker__list-item--selected, .picker__list-item--selected:hover, .picker--focused .picker__list-item--selected { background: #0089ec; color: #ffffff; z-index: 10; } /* Disabled time */ .picker__list-item--disabled, .picker__list-item--disabled:hover, .picker--focused .picker__list-item--disabled { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; border-color: #dddddd; z-index: auto; } /** * The clear button */ .picker--time .picker__button--clear { display: block; width: 80%; margin: 1em auto 0; padding: 1em 1.25em; background: none; border: 0; font-weight: 500; font-size: .67em; text-align: center; text-transform: uppercase; color: #666; } .picker--time .picker__button--clear:hover, .picker--time .picker__button--clear:focus { color: #000000; background: #b1dcfb; background: #ee2200; border-color: #ee2200; cursor: pointer; color: #ffffff; outline: none; } .picker--time .picker__button--clear:before { top: -0.25em; color: #666; font-size: 1.25em; font-weight: bold; } .picker--time .picker__button--clear:hover:before, .picker--time .picker__button--clear:focus:before { color: #ffffff; } /* ========================================================================== $DEFAULT-TIME-PICKER ========================================================================== */ /** * The frame the bounds the time picker. */ .picker--time .picker__frame { min-width: 256px; max-width: 320px; } /** * The picker box. */ .picker--time .picker__box { font-size: 1em; background: #f2f2f2; padding: 0; } @media (min-height: 40.125em) { .picker--time .picker__box { margin-bottom: 5em; } } /*! * Bootstrap v3.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:"Glyphicons Halflings";src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(../fonts/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")}.glyphicon{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014 \00A0"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\00A0 \2014"}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);opacity:.65;-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.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;background-image:none;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;background-image:none;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;background-image:none;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;background-image:none;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;background-image:none;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;background-image:none;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-right:15px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-right:-15px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover>.arrow{border-width:11px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;filter:alpha(opacity=90);opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:"\2039"}.carousel-control .icon-next:before{content:"\203a"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}} /*# sourceMappingURL=bootstrap.min.css.map */ /*----------------------------------------- * Project: The Travel * Version: v2.0 * Copyright 2016-2020 rn53themes * V1.0: 03/09/2016 * V2.0: 24/08/2017 * Author: RN53 Themes * Email: rn53themes@gmail.com * Website: http://www.rn53themes.net /*-------------------------------------------------------*/ /*-------------------------------------------------------*/ /* When the browser is between 0px and 1330px wide,below css will be applied. /*-------------------------------------------------------*/ @media screen and (max-width: 1330px) { .db-l { width: 30%; } .db-2 { width: 68%; margin-right: 0px; } .db-3 { width: 100%; margin-top: 20px; } } /*-------------------------------------------------------*/ /* When the browser is between 0px and 1100px wide,below css will be applied. /*-------------------------------------------------------*/ @media screen and (max-width: 1100px) { .book-tab-inn { width: 100%; } } /*-------------------------------------------------------*/ /* When the browser is between 0px and 992px wide,below css will be applied. /*-------------------------------------------------------*/ @media screen and (max-width: 992px) { .top-logo,.ed-top{ display:none; } .ed-mob-menu{ display:block; } .offer-r { display: none; } .cus-book-form { width: 90%; } .head_left img { margin: 0 auto; padding: 8px 0px; display: table; } .head_right ul { display: table; float: initial; } .n-help { background-size: cover; } .n-help-con { width: 80%; float: initial; margin: 0 auto; } .arrange ul li { width: 46%; } .home_enq { background: #03a9f4; position: relative; overflow: hidden; padding-bottom: 10px; } .n-help::before { background: rgba(18, 180, 187, 0.88); } .e_h1 { display: none; } .nh-help { background-size: cover; } .nh-help::before { background: #00BCD4; } .ho-vid { margin-top: 70px; } .place h3 { margin-top: 20px; margin-bottom: 0px; } .footer_places { margin-top: 25px; } .footer_places ul { margin-bottom: 0px; } .tour_r { margin-top: 45px; } .tour_offer a { width: 200px; margin: 0 auto; } .hot-page2-alp-r-list { margin: 15px; margin-bottom: 30px; } .hot-page2-alp-con-left { padding-left: 0px !important; padding-right: 0px !important; } .hot-page2-alp-r-hot-page-rat { display: none; } .inner_banner ul { margin-bottom: 0px; display: block; position: absolute; padding: 0px 0px 5px 0px; margin-top: 0px; } .inner_banner p { padding-top: 30px; } .inner_banner ul li { padding-left: 0px; padding-right: 8px; } .hot-page2-alp-ri-p2 ul li { padding-right: 15px; } .hot-page2-alp-ri-p3 { padding: 0px 15px 30px 15px; position: relative; overflow: hidden; } .hot-page2-alp-ri-p3 span { display: inline-block; text-align: center; width: 33.33%; float: left; font-size: 24px; font-weight: 600; color: #00bcd4; } .hot-list-p3-4 { width: 100% !important; padding-top: 15px; } .hot-page2-alp-ri-p2 { padding: 30px 15px 20px 15px; } .hot-list-p3-1 { color: #979797 !important; font-size: 14px !important; padding-top: 10px; } .hot-page2-alp-con-right { padding-bottom: 45px; padding-top: 60px; } .home_form form ul { padding: 8px 8px 8px 8px; } .dir-rat-right { text-align: center; } .dir-rat-right ul { margin: 0 auto; display: table; } .tr-room-type-list-2 h4 { margin-top: 35px; } .tourz-search-form div:nth-child(1) { width: 100%; } .tourz-search-form div:nth-child(2) { width: 100%; } .tourz-search-form div:nth-child(3) { width: 100%; } .tourz-search-form div { margin-bottom: 5px; } .main_menu { display: none; } .head { display: none; } .mob-menu { display: block; } .db { padding: 50px; padding-top: 100px; } .db-2-main-1 { width: 100%; } .db-2-main-2 { border-right: 0px solid #eaedef; padding: 20px; } .db-2-main-com span { text-align: left; display: block; } .db-2-main-com img { margin: inherit; } .db-done { display: inline !important; } .db-not-done { display: inline !important; } .tr-regi-form { width: 75%; padding: 40px 50px 50px 50px; margin-top: 100px; } .inner_banner { padding: 250px 0px 40px 0px; } .main-menu-v2 { display: none; } .v2-ho-se-ri h1 { font-size: 52px; margin-top: 50px; } } /*-------------------------------------------------------*/ /* When the browser is between 0px and 767px wide,below css will be applied. /*-------------------------------------------------------*/ @media screen and (max-width: 767px) { .tb-space { /*padding: 75px 0px;*/ } .pad-bot-redu { /*padding-bottom: 45px !important;*/ } .pad-bot-incre { padding-bottom: 75px !important; } .pad-bot-redu-5 { padding-bottom: 25px !important; } .head_right ul { } .head_left img { display: table; margin: 0 auto; margin-bottom: 15px; } .pack_icon ul { margin: 0 auto; display: table; padding-bottom: 10px; padding-top: 0px; } .b_pack h4 { text-align: center; margin-bottom: 5px; } .family img { display: none; } .mob_logo { display: block; padding: 15px; } .head { display: none; } .main_menu { background: #000000; box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.8); top: 0px; width: 100%; z-index: 9999; } .navbar-inverse { background-color: #000000; border-radius: 0px; } .navbar-nav > li > a { line-height: 15px; border-radius: 1px; border-bottom: 1px solid #1a1a1a; color: #FFFFFF !important; } .menu_book { float: none; } .menu_book a { display: block; } .home_consul a { margin-top: 15px; margin-bottom: 25px; } .arrange ul li { width: 47%; } .head_left img { margin: 0 auto; padding: 8px 0px; } .head_right ul { } .head_left img { display: table; margin: 0 auto; padding: 8px 0px; } .footer_social iframe { width: 100%; } .footer_sub input[type="submit"] { width: 100%; float: left; } .banner_book_1 ul li { width: 48%; } .dl3 { display: none !important; } .dl2 { display: none !important; } .tour_star { display: block; } .event-res { display: none; } .p2 h3 span { display: block; } .dropdown-menu > li > a { border-bottom: 1px solid #1a1a1a; } .book_poly h3 { padding-top: 50px; } .footer { padding-bottom: 75px; padding-left: 30px; padding-right: 30px; } .footer_places { padding-left: 30px; padding-right: 30px; } .disco { margin-bottom: 30px; margin-left: 15px; margin-right: 15px; } .footer h4 { padding-bottom: 10px; margin-top: 40px; } .foot-spec h4 { margin-top: 0px; } .foot-com { padding-left: 0px; padding-right: 0px; padding-bottom: 35px; } .testi-2 { margin-top: 35px; } .testi-2 h3 { } .footer1 { padding-bottom: 50px !important; } .cbb2-ab-p1-right { margin-top: 50px; } .cbb2-ab-p3-1 { margin-bottom: 0px; } .cbb2-ab-p-3 { padding: 50px 0px 50px 0px; } .icon-float ul li:nth-child(1) { display: none; } .icon-float { position: fixed; left: 0px; bottom: -1px; z-index: 999; top: inherit; width: 100%; background: #333; } .icon-float ul { padding: 0px; } .icon-float ul li { list-style-type: none; float: left; width: 16.5999%; text-align: center; } .icon-float ul li a { display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; padding: 0px; } .icon-float ul li a i { padding: 8px; width: 40px; height: 32px; text-align: center; color: #fff; } .navbar-nav { display: block !important; } .home_form form ul li input { width: 100%; } .events table tr td:nth-child(2) { width: 260px; position: relative; overflow: hidden; font-size: 14px; text-overflow: ellipsis; float: left; overflow: hidden; } .events img { display: none; } .events table tr td a { font-size: 14px; text-overflow: ellipsis; white-space: pre; overflow: hidden; vertical-align: middle; } .slider-cap h1 { font-size: 32px; } .carousel-caption { padding-top: 4%; padding-bottom: 7%; padding-left: 20px; padding-right: 20px } .carousel-caption { padding-bottom: 15% !important; } .bg-none { /* background: inherit; */ padding: 30px 15px; background: url(../images/list-p-bg.jpg) no-repeat center center; background-size: cover; } .tips_left_1, .tips_left_2, .tips_left_3 { background-size: 55px; } .tips_left_1 { padding-bottom: 15px; } .tips_left_2 { padding-bottom: 15px; } .tips_left { padding-left: 90px; } .tourb2-ab-p-4 { padding: 75px 0px 35px 0px; } .tourb2-ab-p-2 { padding-top: 75px; padding-bottom: 75px; } .tourb2-ab-p1-right { margin-top: 30px; } .tourb2-ab-p3-com { padding: 15px 15px 0px 15px; } .p2 h3 { margin-top: 30px; } .p2_book ul { margin-bottom: 0px; } .posts h3 { margin-top: 30px; } .book_poly { padding: 0px 8px; } .book_poly ul { margin-bottom: 0px; } .p-tesi { text-align: center; } .p-tesi h4 { margin-top: 20px; } .p_testimonial p { text-align: center; } .to-con-2 { font-size: 30px; } .hot-ameni ul li { width: 50%; } .c3-slider::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0px; bottom: 0px; background: rgba(19, 40, 58, 0.87); } .dir-rat-right ul li span { display: none; } .dir-rat-right ul li a i { padding: 0px 10px; } .tourz-hom-ser ul li a { width: 65px; height: 65px; padding: 10px 2px 10px 2px; } .tourz-hom-ser ul li a img { width: 24px; } .db { padding: 25px; padding-top: 100px; } .db-l { width: 100%; } .db-2 { width: 100%; margin-right: 0px; margin-left: 0px; margin-top: 20px; } .db-3 { width: 100%; margin-top: 20px; } } /*-------------------------------------------------------*/ /* When the browser is 767px or wider,below css will be applied. /*-------------------------------------------------------*/ @media screen and (min-width: 767px) { .dropdown:hover .dropdown-menu { display: block; margin-top: 0; } .help-line { background: url('../images/home_left.jpg') no-repeat #ffc107; background-size: cover; padding: 20px 0px 32px 0px; position: relative; overflow: hidden; } .help-line::before { position: absolute; background: rgba(0, 188, 212, 0.75); content: ''; top: 0px; bottom: 0px; width: 100%; height: 100%; } .home_consul { width: 100%; text-align: center; } .home_consul a { display: initial; } } /*-------------------------------------------------------*/ /* When the browser is between 0px and 481px wide,below css will be applied. /*-------------------------------------------------------*/ @media screen and (max-width: 480px) { body { overflow-x: hidden !important; } .arrange ul li { width: 98% !important; } .banner_book_1 ul li { width: 100%; } .dl1 { display: none !important; } .mob_logo { width: 80%; } .events table tr td:nth-child(2) { width: 180px; } .events table tr th { font-size: 16px; } #myTable th, #myTable td { padding: 0px 5px; } .to-con-2 { font-size: 20px; } .hot-ameni ul li { width: 100%; } .dir-rat-form input[type="submit"] { width: 100%; } .tourz-hom-ser ul li { width: 50%; margin-bottom: 10px; } .tourz-hom-ser ul li a { width: 100%; height: 100%; } .db-pay-amount { display: none; } .db-pay-card { display: none; } .db2-form-com form { padding: 0px; background: none; margin-top: 0px; } .tr-regi-form { width: 90%; padding: 30px 25px 30px 25px; margin-top: 100px; } } /*-------------------------------------------------------*/ /* When the browser is between 0px and 1030px wide,below css will be applied. /*-------------------------------------------------------*/ @media screen and (max-width: 1148px) { .menu_book { float: initial; position: relative; overflow: hidden; padding: 10px 0px; display: block; width: 50%; margin: 0 auto; } .menu_book a { background: #FFC107; font-weight: 700; font-style: italic; text-decoration: none !important; color: #000 !important; padding: 6px; border-radius: 3px; display: block; text-align: center; } .navbar-nav { float: initial; margin: 0 auto; display: table; } .carousel-inner > .item > img { display: none; } .carousel-caption { width: 100%; padding-bottom: 7%; } .carousel-inner1 > .item > img { display: block; } } /*-------------------------------------------------------*/ /* When the browser is 992px or wider,below css will be applied. /*-------------------------------------------------------*/ @media screen and (min-width: 992px) { .help-line { background: url('../images/home_left.jpg') no-repeat #ffc107; background-size: 50%; position: relative; overflow: hidden; padding: 20px 0px 32px 0px; } .help-line::before { position: absolute; background: rgba(0, 188, 212, 0.75); content: ''; top: 0px; bottom: 0px; width: 100%; height: 100%; } .home_consul { width: 45%; text-align: left; } .home_consul a { display: initial; } } /*-------------------------------------------------------*/ /* When the browser is between 767px and 992px wide,below css will be applied. /*-------------------------------------------------------*/ @media screen and (min-width: 767px) and (max-width: 992px) { .navbar-nav { float: initial; margin: 0 auto; display: table; } .nav > li > a { font-size: 14px; padding: 10px 7px; } .container { /*width: 100%; */ } .banner_book_1 ul li { width: 32%; } .dl1 { } .dl2 { } .dl3 { display: none !important; } .dl4 { } } /*-------------------------------------------------------*/ /* When the browser is 992px or wider,below css will be applied. /*-------------------------------------------------------*/ @media screen and (min-width: 992px) { .nav > li > a { font-size: 15px; } } /*-------------------------------------------------------*/ /* When the browser is between 0px and 1130px wide,below css will be applied. /*-------------------------------------------------------*/ @media screen and (max-width: 1130px) { .ticket ul li { margin-bottom: 5px; } } /*-------------------------------------------------------*/ /* When the browser is between 0px and 1180px wide,below css will be applied. /*-------------------------------------------------------*/ @media screen and (max-width: 1180px) { } @charset "UTF-8"; /*----------------------------------------- * Project: The Travel * Version: v2.0 * Copyright 2016-2020 rn53themes * V1.0: 03/09/2016 * V2.0: 24/08/2017 * Author: RN53 Themes * Email: rn53themes@gmail.com * Website: http://www.rn53themes.net -----------------------------------------------*/ .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; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-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: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 11.1% { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg) } 100% { -webkit-transform: none; transform: none } } @keyframes jello { 11.1% { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg) } 100% { -webkit-transform: none; transform: none } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .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: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .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; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; 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% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) 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; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; 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: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; 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: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; 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: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; 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: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 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: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -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: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 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: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -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: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); 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: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }